@xfe-repo/web-components 1.2.2 → 1.2.5

package/dist/index.js

@@ -1,4 +1,15 @@
 "use strict";
+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");
@@ -24,6 +35,19 @@ function _create_class(Constructor, protoProps, staticProps) {
     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);
@@ -43,6 +67,105 @@ function _inherits(subClass, superClass) {
     });
     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;
@@ -56,10 +179,24 @@ function _set_prototype_of(o, p) {
     };
     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;
@@ -84,9 +221,11 @@ function _create_super(Derived) {
         return _possible_constructor_return(this, result);
     };
 }
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = function(target, all) {
     for(var name in all)__defProp(target, name, {
@@ -125,6 +264,16 @@ var __copyProps = function(to, from, except, desc) {
     }
     return to;
 };
+var __toESM = function(mod, isNodeMode, target) {
+    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod);
+};
 var __toCommonJS = function(mod) {
     return __copyProps(__defProp({}, "__esModule", {
         value: true
@@ -134,7 +283,16 @@ var __toCommonJS = function(mod) {
 var src_exports = {};
 __export(src_exports, {
     Loading: function() {
-        return Loading_default;
+        return Loading;
+    },
+    MultiWindow: function() {
+        return MultiWindow;
+    },
+    MultiWindowContents: function() {
+        return MultiWindowContents;
+    },
+    useMultiWindowContentsRef: function() {
+        return useMultiWindowContentsRef;
     }
 });
 module.exports = __toCommonJS(src_exports);
@@ -173,8 +331,583 @@ var Loading = /*#__PURE__*/ function(_import_react_PureComponent) {
     ]);
     return Loading;
 }(import_react.PureComponent);
-var Loading_default = Loading;
+// src/MultiWindow/MultiWindow.tsx
+var import_react5 = require("react");
+var import_web_micro = require("@xfe-repo/web-micro");
+var import_tools = require("@xfe-repo/web-utils/tools");
+var import_classnames = __toESM(require("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
+var import_antd4 = require("antd");
+var import_icons2 = require("@ant-design/icons");
+// src/MultiWindow/MultiWindowTabs.tsx
+var import_react2 = __toESM(require("react"));
+var import_antd2 = require("antd");
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_modifiers = require("@dnd-kit/modifiers");
+var import_utilities = require("@dnd-kit/utilities");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var MultiWindowTabs = (0, import_react2.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 = (0, import_core.useSensor)(import_core.PointerSensor, {
+        activationConstraint: {
+            distance: 10
+        }
+    });
+    var pagePathsHelperData = (0, import_react2.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 = (0, import_react2.useCallback)(function(targetKey, action) {
+        if (action === "add") {} else if (action === "remove") {
+            onClose === null || onClose === void 0 ? void 0 : onClose(String(targetKey));
+        }
+    }, [
+        onClose
+    ]);
+    var handleTabChange = (0, import_react2.useCallback)(function(activeKey) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(activeKey);
+    }, [
+        onChange
+    ]);
+    var onDragStart = (0, import_react2.useCallback)(function(event) {
+        var active = event.active;
+        sortAutoActive && (onChange === null || onChange === void 0 ? void 0 : onChange(String(active.id)));
+    }, [
+        onChange,
+        sortAutoActive
+    ]);
+    var onDragEnd = (0, import_react2.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 = (0, import_sortable.arrayMove)(pagePaths, oldIndex, newIndex);
+        onSort === null || onSort === void 0 ? void 0 : onSort(newPagePaths);
+    }, [
+        pagePaths,
+        onSort
+    ]);
+    var renderTabBar = (0, import_react2.useCallback)(function(tabBarProps, DefaultTabBar) {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core.DndContext, {
+            sensors: [
+                sensor
+            ],
+            onDragStart: onDragStart,
+            onDragEnd: onDragEnd,
+            collisionDetection: import_core.closestCenter,
+            modifiers: [
+                import_modifiers.restrictToHorizontalAxis
+            ],
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sortable.SortableContext, {
+                items: pagePathsHelperData.keys,
+                strategy: import_sortable.horizontalListSortingStrategy,
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DefaultTabBar, _object_spread_props(_object_spread({}, tabBarProps), {
+                    children: function(node) {
+                        return /* @__PURE__ */ (0, import_react3.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__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Tabs, {
+        className: className,
+        activeKey: pathKey,
+        onChange: handleTabChange,
+        onEdit: handleEdit,
+        tabPosition: "top",
+        type: "editable-card",
+        items: pagePaths,
+        renderTabBar: renderTabBar,
+        hideAdd: true
+    });
+});
+var TabItem = (0, import_react2.memo)(function(props) {
+    var data = props.data, children = props.children, style = props.style, isActivated = props.isActivated, onCollectionChange = props.onCollectionChange;
+    var _ref = (0, import_sortable.useSortable)({
+        id: props["data-node-key"]
+    }), attributes = _ref.attributes, listeners = _ref.listeners, setNodeRef = _ref.setNodeRef, transform = _ref.transform, transition = _ref.transition, isDragging = _ref.isDragging;
+    var handleCollectionChange = (0, import_react2.useCallback)(function(collectionKey) {
+        if (!data) return;
+        onCollectionChange === null || onCollectionChange === void 0 ? void 0 : onCollectionChange(data.key, collectionKey);
+    }, [
+        data
+    ]);
+    var collectionSelect = (0, import_react2.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__ */ (0, import_jsx_runtime2.jsx)(import_antd2.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__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Select, {
+            className: MultiWindow_module_default.collection,
+            options: options,
+            value: currentKey,
+            onChange: handleCollectionChange,
+            size: "small",
+            showSearch: true,
+            placeholder: "请选择"
+        }, data.key);
+    }, [
+        data,
+        isActivated
+    ]);
+    var childrenWithCollectionSelect = (0, import_react2.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 import_react2.default.cloneElement(children, _object_spread({
+        ref: setNodeRef,
+        style: _object_spread_props(_object_spread({}, style), {
+            transform: import_utilities.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
+var import_react4 = require("react");
+var import_antd3 = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Search = import_antd3.Input.Search;
+var MultiWindowSearch = (0, import_react4.memo)(function(props) {
+    var onSearch = props.onSearch;
+    var _ref = _sliced_to_array((0, import_react4.useState)(false), 2), showSearch = _ref[0], setShowSearch = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react4.useState)(""), 2), searchValue = _ref1[0], setSearchValue = _ref1[1];
+    var shouldShowSearch = (0, import_react4.useMemo)(function() {
+        return showSearch || searchValue;
+    }, [
+        showSearch,
+        searchValue
+    ]);
+    var handleShowSearch = (0, import_react4.useCallback)(function() {
+        setShowSearch(true);
+    }, []);
+    var handleHideSearch = (0, import_react4.useCallback)(function() {
+        setShowSearch(false);
+    }, []);
+    var handleSearch = (0, import_react4.useCallback)(function(value) {
+        setSearchValue(value);
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch(value);
+    }, [
+        onSearch
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", {
+        className: MultiWindow_module_default.search,
+        onMouseLeave: handleHideSearch,
+        onMouseEnter: handleShowSearch,
+        children: [
+            shouldShowSearch && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Search, {
+                className: MultiWindow_module_default.input,
+                placeholder: "标签/单号",
+                onSearch: handleSearch,
+                allowClear: true,
+                autoFocus: true
+            }),
+            !shouldShowSearch && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Tooltip, {
+                title: "搜索标签/单号",
+                color: "var(--ant-color-primary)",
+                mouseEnterDelay: 0.5,
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Button, {
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons.SearchOutlined, {}),
+                    type: "text"
+                })
+            })
+        ]
+    });
+});
+// src/MultiWindow/MultiWindow.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MultiWindow = (0, import_react5.memo)(function(props) {
+    var routerPath = props.routerPath, collectionBlackList = props.collectionBlackList, contentRef = props.contentRef, appName = props.appName, theme = props.theme, className = props.className;
+    var sessionStoragePagePaths = (0, import_react5.useMemo)(function() {
+        var pagePaths2 = sessionStorage.getItem("pagePaths");
+        return pagePaths2 ? JSON.parse(pagePaths2) : [];
+    }, []);
+    var _ref = _sliced_to_array((0, import_react5.useState)(sessionStoragePagePaths), 2), pagePaths = _ref[0], setPagePaths = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react5.useState)([]), 2), searchPagePaths = _ref1[0], setSearchPagePaths = _ref1[1];
+    var currentStateRef = (0, import_react5.useRef)({
+        pagePaths: pagePaths,
+        fullPath: "",
+        pathKey: "",
+        collectionKey: "",
+        searchValue: ""
+    });
+    var isFromInternalNavigate = (0, import_react5.useRef)(false);
+    var handleUpdateSearchPagePaths = (0, import_react5.useCallback)(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 = (0, import_react5.useCallback)(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 = (0, import_react5.useCallback)(function(fullPath) {
+        var currentIsFromInternalRouter = isFromInternalNavigate.current;
+        isFromInternalNavigate.current = false;
+        if (currentStateRef.current.fullPath === fullPath) return;
+        var _fullPath_split = _sliced_to_array(fullPath.split("?"), 2), newPathKey = _fullPath_split[0], tmp = _fullPath_split[1], newPathSearch = tmp === void 0 ? "" : tmp;
+        if (!newPathKey || newPathKey === "/") return;
+        var _currentStateRef_current = currentStateRef.current, pathKey2 = _currentStateRef_current.pathKey, prev = _currentStateRef_current.pagePaths;
+        var newPagePaths = _to_consumable_array(prev);
+        var newPagePath = {
+            label: "加载中",
+            key: newPathKey,
+            fullPath: fullPath
+        };
+        var pagePathIndex = prev.findIndex(function(item) {
+            return item.key === newPathKey;
+        });
+        if (pagePathIndex !== -1) {
+            var prevPagePath = prev[pagePathIndex];
+            Object.assign(newPagePath, prevPagePath || {});
+            newPagePath.fullPath = fullPath;
+            newPagePaths.splice(pagePathIndex, 1);
+        }
+        var targetPagePathIndex = pagePathIndex === -1 ? newPagePaths.length : pagePathIndex;
+        if (!currentIsFromInternalRouter && pathKey2 !== newPathKey) {
+            var currentPathIndex = newPagePaths.findIndex(function(item) {
+                return item.key === pathKey2;
+            });
+            if (currentPathIndex !== -1) targetPagePathIndex = currentPathIndex + 1;
+        }
+        newPagePaths.splice(targetPagePathIndex, 0, newPagePath);
+        currentStateRef.current.pathKey = newPathKey;
+        currentStateRef.current.fullPath = fullPath;
+        currentStateRef.current.collectionKey = "";
+        var enableCollection = checkCanEnableCollection(newPathKey, collectionBlackList);
+        if (!enableCollection) {
+            newPagePath.searchCollection = [];
+            return handleUpdatePagePaths(newPagePaths);
+        }
+        var collection = newPagePath.searchCollection || [];
+        var queryJson = import_tools.queryString.parse(newPathSearch);
+        if (queryJson.ts) delete queryJson.ts;
+        var collectionKey2 = createSearchCollectionKey(newPathSearch);
+        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(newPathKey, "?").concat(collectionKey2);
+        handleUpdatePagePaths(newPagePaths);
+    }, []);
+    (0, import_react5.useEffect)(function() {
+        handleRouterUpdate(routerPath);
+    }, [
+        routerPath
+    ]);
+    (0, import_react5.useEffect)(function() {
+        var cancelCallback = import_web_micro.microApp.router.beforeEach(function(to) {
+            var fullPath = to.fullPath;
+            handleRouterUpdate(fullPath);
+        });
+        return function() {
+            cancelCallback();
+        };
+    }, []);
+    (0, import_react5.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 = (0, import_react5.useCallback)(function(fullPath) {
+        isFromInternalNavigate.current = true;
+        (0, import_web_micro.navigateToWithMicroApp)(fullPath, {
+            replace: true,
+            state: {
+                ts: Date.now()
+            }
+        });
+    }, []);
+    var handleTabChange = (0, import_react5.useCallback)(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 = (0, import_react5.useCallback)(function(pathKey2, collectionKey2) {
+        var fullPath = "".concat(pathKey2, "?").concat(collectionKey2);
+        handleNavigateTo(fullPath);
+    }, []);
+    var handleRefreshCurrent = (0, import_react5.useCallback)(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 = (0, import_react5.useCallback)(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 = (0, import_react5.useCallback)(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 = (0, import_react5.useCallback)(function(newPagePaths) {
+        handleUpdatePagePaths(newPagePaths);
+    }, [
+        pagePaths
+    ]);
+    var _currentStateRef_current = currentStateRef.current, pathKey = _currentStateRef_current.pathKey, collectionKey = _currentStateRef_current.collectionKey, searchValue = _currentStateRef_current.searchValue;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.ConfigProvider, {
+        theme: theme,
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", {
+            className: (0, import_classnames.default)(MultiWindow_module_default.multi_window, className),
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MultiWindowTabs, {
+                    className: (0, import_classnames.default)(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__ */ (0, import_jsx_runtime4.jsxs)("div", {
+                    className: MultiWindow_module_default.operate,
+                    children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MultiWindowSearch, {
+                            onSearch: handleUpdateSearchPagePaths
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Tooltip, {
+                            title: "刷新当前页面",
+                            color: "var(--ant-color-primary)",
+                            mouseEnterDelay: 0.5,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Button, {
+                                icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons2.RedoOutlined, {}),
+                                type: "text",
+                                onClick: handleRefreshCurrent
+                            })
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Tooltip, {
+                            title: "关闭其他页面",
+                            color: "var(--ant-color-primary)",
+                            mouseEnterDelay: 0.5,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Popconfirm, {
+                                title: "关闭其他页面",
+                                icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons2.QuestionCircleOutlined, {
+                                    style: {
+                                        color: "red"
+                                    }
+                                }),
+                                okText: "确定",
+                                cancelText: "取消",
+                                onConfirm: handleRemoveOther,
+                                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Button, {
+                                    icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons2.CloseOutlined, {}),
+                                    type: "text"
+                                })
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+});
+var createSearchCollectionKey = function(search) {
+    var queryJson = import_tools.queryString.parse(search);
+    if (queryJson.ts) delete queryJson.ts;
+    return import_tools.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
+var import_react6 = require("react");
+var import_keepalive_for_react = __toESM(require("keepalive-for-react"));
+var import_antd5 = require("antd");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var useMultiWindowContentsRef = import_keepalive_for_react.useKeepAliveRef;
+var MultiWindowContents = (0, import_react6.memo)(function(props) {
+    var children = props.children, routerPath = props.routerPath, contentRef = props.contentRef;
+    var _ref = _sliced_to_array((0, import_react6.useMemo)(function() {
+        return routerPath.split("?");
+    }, [
+        routerPath
+    ]), 1), tmp = _ref[0], pathKey = tmp === void 0 ? "" : tmp;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_keepalive_for_react.default, {
+        transition: true,
+        aliveRef: contentRef,
+        activeCacheKey: pathKey,
+        max: 10,
+        maxAliveTime: 60 * 60,
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react6.Suspense, {
+            fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_antd5.Spin, {
+                spinning: true
+            }),
+            children: children
+        })
+    });
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-    Loading: Loading
+    Loading: Loading,
+    MultiWindow: MultiWindow,
+    MultiWindowContents: MultiWindowContents,
+    useMultiWindowContentsRef: useMultiWindowContentsRef
 });