@xfe-repo/web-components 1.2.5 → 1.2.7

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { PureComponent, RefObject, ReactNode } from 'react';
+import * as React from 'react';
+import React__default, { PureComponent, RefObject, ReactNode } from 'react';
 import { ThemeConfig } from 'antd/lib';
 import { KeepAliveRef, useKeepAliveRef } from 'keepalive-for-react';
 
@@ -17,7 +18,7 @@ type MultiWindowContentsProps = {
     children: ReactNode;
     contentRef?: MultiWindowContentsRefType;
 };
-declare const MultiWindowContents: React.MemoExoticComponent<(props: MultiWindowContentsProps) => react_jsx_runtime.JSX.Element>;
+declare const MultiWindowContents: React__default.MemoExoticComponent<(props: MultiWindowContentsProps) => react_jsx_runtime.JSX.Element>;
 
 type PagePathType = {
     label: string;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { PureComponent, RefObject, ReactNode } from 'react';
+import * as React from 'react';
+import React__default, { PureComponent, RefObject, ReactNode } from 'react';
 import { ThemeConfig } from 'antd/lib';
 import { KeepAliveRef, useKeepAliveRef } from 'keepalive-for-react';
 
@@ -17,7 +18,7 @@ type MultiWindowContentsProps = {
     children: ReactNode;
     contentRef?: MultiWindowContentsRefType;
 };
-declare const MultiWindowContents: React.MemoExoticComponent<(props: MultiWindowContentsProps) => react_jsx_runtime.JSX.Element>;
+declare const MultiWindowContents: React__default.MemoExoticComponent<(props: MultiWindowContentsProps) => react_jsx_runtime.JSX.Element>;
 
 type PagePathType = {
     label: string;

package/dist/index.js

@@ -333,9 +333,14 @@ var Loading = /*#__PURE__*/ function(_import_react_PureComponent) {
 }(import_react.PureComponent);
 // src/MultiWindow/MultiWindow.tsx
 var import_react5 = require("react");
+var import_classnames = __toESM(require("classnames"));
+var import_icons2 = require("@ant-design/icons");
+var import_antd4 = require("antd");
 var import_web_micro = require("@xfe-repo/web-micro");
+var import_web_router = require("@xfe-repo/web-router");
 var import_tools = require("@xfe-repo/web-utils/tools");
-var import_classnames = __toESM(require("classnames"));
+// src/MultiWindow/MultiWindowSearch.tsx
+var import_react2 = require("react");
 // src/MultiWindow/MultiWindow.module.less
 var MultiWindow_module_default = {
     multi_window: "MultiWindow_module_multi_window",
@@ -346,26 +351,74 @@ var MultiWindow_module_default = {
     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"));
+// src/MultiWindow/MultiWindowSearch.tsx
 var import_antd2 = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Search = import_antd2.Input.Search;
+var MultiWindowSearch = (0, import_react2.memo)(function(props) {
+    var onSearch = props.onSearch;
+    var _ref = _sliced_to_array((0, import_react2.useState)(false), 2), showSearch = _ref[0], setShowSearch = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react2.useState)(""), 2), searchValue = _ref1[0], setSearchValue = _ref1[1];
+    var shouldShowSearch = (0, import_react2.useMemo)(function() {
+        return showSearch || searchValue;
+    }, [
+        showSearch,
+        searchValue
+    ]);
+    var handleShowSearch = (0, import_react2.useCallback)(function() {
+        setShowSearch(true);
+    }, []);
+    var handleHideSearch = (0, import_react2.useCallback)(function() {
+        setShowSearch(false);
+    }, []);
+    var handleSearch = (0, import_react2.useCallback)(function(value) {
+        setSearchValue(value);
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch(value);
+    }, [
+        onSearch
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
+        className: MultiWindow_module_default.search,
+        onMouseLeave: handleHideSearch,
+        onMouseEnter: handleShowSearch,
+        children: [
+            shouldShowSearch && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Search, {
+                className: MultiWindow_module_default.input,
+                placeholder: "标签/单号",
+                onSearch: handleSearch,
+                allowClear: true,
+                autoFocus: true
+            }),
+            !shouldShowSearch && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Tooltip, {
+                title: "搜索标签/单号",
+                color: "var(--ant-color-primary)",
+                mouseEnterDelay: 0.5,
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Button, {
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.SearchOutlined, {}),
+                    type: "text"
+                })
+            })
+        ]
+    });
+});
+// src/MultiWindow/MultiWindowTabs.tsx
+var import_react3 = __toESM(require("react"));
+var import_antd3 = 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 import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react4 = require("react");
+var MultiWindowTabs = (0, import_react3.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 pagePathsHelperData = (0, import_react3.useMemo)(function() {
         var keys = [];
         var map = /* @__PURE__ */ new Map();
         pagePaths.forEach(function(item) {
@@ -379,26 +432,26 @@ var MultiWindowTabs = (0, import_react2.memo)(function(props) {
     }, [
         pagePaths
     ]);
-    var handleEdit = (0, import_react2.useCallback)(function(targetKey, action) {
+    var handleEdit = (0, import_react3.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) {
+    var handleTabChange = (0, import_react3.useCallback)(function(activeKey) {
         onChange === null || onChange === void 0 ? void 0 : onChange(activeKey);
     }, [
         onChange
     ]);
-    var onDragStart = (0, import_react2.useCallback)(function(event) {
+    var onDragStart = (0, import_react3.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 onDragEnd = (0, import_react3.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) {
@@ -413,8 +466,8 @@ var MultiWindowTabs = (0, import_react2.memo)(function(props) {
         pagePaths,
         onSort
     ]);
-    var renderTabBar = (0, import_react2.useCallback)(function(tabBarProps, DefaultTabBar) {
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core.DndContext, {
+    var renderTabBar = (0, import_react3.useCallback)(function(tabBarProps, DefaultTabBar) {
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core.DndContext, {
             sensors: [
                 sensor
             ],
@@ -424,12 +477,12 @@ var MultiWindowTabs = (0, import_react2.memo)(function(props) {
             modifiers: [
                 import_modifiers.restrictToHorizontalAxis
             ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sortable.SortableContext, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.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: /* @__PURE__ */ (0, import_jsx_runtime3.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), {
+                        return /* @__PURE__ */ (0, import_react4.createElement)(TabItem, _object_spread_props(_object_spread({}, node.props), {
                             key: node.key,
                             data: pagePathsHelperData.map.get(String(node.key)),
                             onCollectionChange: onCollectionChange,
@@ -446,7 +499,7 @@ var MultiWindowTabs = (0, import_react2.memo)(function(props) {
         onCollectionChange,
         sensor
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Tabs, {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Tabs, {
         className: className,
         activeKey: pathKey,
         onChange: handleTabChange,
@@ -458,28 +511,21 @@ var MultiWindowTabs = (0, import_react2.memo)(function(props) {
         hideAdd: true
     });
 });
-var TabItem = (0, import_react2.memo)(function(props) {
+var TabItem = (0, import_react3.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) {
+    var handleCollectionChange = (0, import_react3.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 collectionSelect = (0, import_react3.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);
-        }
+        if (!isActivated) return null;
         var options = data.searchCollection.map(function(item) {
             return {
                 label: item,
@@ -487,11 +533,12 @@ var TabItem = (0, import_react2.memo)(function(props) {
             };
         });
         var currentKey = data.searchCollection[0];
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Select, {
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Select, {
             className: MultiWindow_module_default.collection,
             options: options,
             value: currentKey,
             onChange: handleCollectionChange,
+            popupMatchSelectWidth: false,
             size: "small",
             showSearch: true,
             placeholder: "请选择"
@@ -500,7 +547,7 @@ var TabItem = (0, import_react2.memo)(function(props) {
         data,
         isActivated
     ]);
-    var childrenWithCollectionSelect = (0, import_react2.useMemo)(function() {
+    var childrenWithCollectionSelect = (0, import_react3.useMemo)(function() {
         var innerChildren = children.props.children;
         if (!Array.isArray(innerChildren)) return innerChildren;
         var newChildren = _to_consumable_array(innerChildren);
@@ -510,7 +557,7 @@ var TabItem = (0, import_react2.memo)(function(props) {
         children,
         collectionSelect
     ]);
-    return import_react2.default.cloneElement(children, _object_spread({
+    return import_react3.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), {
@@ -523,58 +570,6 @@ var TabItem = (0, import_react2.memo)(function(props) {
         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) {
@@ -705,6 +700,16 @@ var MultiWindow = (0, import_react5.memo)(function(props) {
             cancelCallback();
         };
     }, []);
+    (0, import_react5.useEffect)(function() {
+        var unsubscribe = (0, import_web_router.onHistoryChange)(function(detail) {
+            handleRouterUpdate("".concat(detail.pathname).concat(detail.search));
+        });
+        return function() {
+            unsubscribe();
+        };
+    }, [
+        handleRouterUpdate
+    ]);
     (0, import_react5.useEffect)(function() {
         var titleEl = document.querySelector("title");
         if (!titleEl) return;

package/dist/index.mjs

@@ -258,9 +258,14 @@ var Loading = /*#__PURE__*/ function(PureComponent) {
 }(PureComponent);
 // src/MultiWindow/MultiWindow.tsx
 import { memo as memo3, useCallback as useCallback3, useEffect, useMemo as useMemo3, useRef, useState as useState2 } from "react";
+import classnames from "classnames";
+import { CloseOutlined, QuestionCircleOutlined, RedoOutlined } from "@ant-design/icons";
+import { Button as Button2, ConfigProvider, Popconfirm, Tooltip as Tooltip2 } from "antd";
 import { microApp, navigateToWithMicroApp } from "@xfe-repo/web-micro";
+import { onHistoryChange } from "@xfe-repo/web-router";
 import { queryString } from "@xfe-repo/web-utils/tools";
-import classnames from "classnames";
+// src/MultiWindow/MultiWindowSearch.tsx
+import { memo, useCallback, useMemo, useState } from "react";
 // src/MultiWindow/MultiWindow.module.less
 var MultiWindow_module_default = {
     multi_window: "MultiWindow_module_multi_window",
@@ -271,26 +276,74 @@ var MultiWindow_module_default = {
     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/MultiWindowSearch.tsx
+import { Button, Input, Tooltip } from "antd";
+import { SearchOutlined } from "@ant-design/icons";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Search = Input.Search;
+var MultiWindowSearch = memo(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 = useMemo(function() {
+        return showSearch || searchValue;
+    }, [
+        showSearch,
+        searchValue
+    ]);
+    var handleShowSearch = useCallback(function() {
+        setShowSearch(true);
+    }, []);
+    var handleHideSearch = useCallback(function() {
+        setShowSearch(false);
+    }, []);
+    var handleSearch = useCallback(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__ */ jsx2(Search, {
+                className: MultiWindow_module_default.input,
+                placeholder: "标签/单号",
+                onSearch: handleSearch,
+                allowClear: true,
+                autoFocus: true
+            }),
+            !shouldShowSearch && /* @__PURE__ */ jsx2(Tooltip, {
+                title: "搜索标签/单号",
+                color: "var(--ant-color-primary)",
+                mouseEnterDelay: 0.5,
+                children: /* @__PURE__ */ jsx2(Button, {
+                    icon: /* @__PURE__ */ jsx2(SearchOutlined, {}),
+                    type: "text"
+                })
+            })
+        ]
+    });
+});
 // src/MultiWindow/MultiWindowTabs.tsx
-import React2, { memo, useCallback, useMemo } from "react";
-import { Tabs, Select, Badge } from "antd";
+import React3, { memo as memo2, useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import { Tabs, Select } 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 { jsx as jsx3 } from "react/jsx-runtime";
 import { createElement } from "react";
-var MultiWindowTabs = memo(function(props) {
+var MultiWindowTabs = memo2(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 pagePathsHelperData = useMemo2(function() {
         var keys = [];
         var map = /* @__PURE__ */ new Map();
         pagePaths.forEach(function(item) {
@@ -304,26 +357,26 @@ var MultiWindowTabs = memo(function(props) {
     }, [
         pagePaths
     ]);
-    var handleEdit = useCallback(function(targetKey, action) {
+    var handleEdit = useCallback2(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) {
+    var handleTabChange = useCallback2(function(activeKey) {
         onChange === null || onChange === void 0 ? void 0 : onChange(activeKey);
     }, [
         onChange
     ]);
-    var onDragStart = useCallback(function(event) {
+    var onDragStart = useCallback2(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 onDragEnd = useCallback2(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) {
@@ -338,8 +391,8 @@ var MultiWindowTabs = memo(function(props) {
         pagePaths,
         onSort
     ]);
-    var renderTabBar = useCallback(function(tabBarProps, DefaultTabBar) {
-        return /* @__PURE__ */ jsx2(DndContext, {
+    var renderTabBar = useCallback2(function(tabBarProps, DefaultTabBar) {
+        return /* @__PURE__ */ jsx3(DndContext, {
             sensors: [
                 sensor
             ],
@@ -349,10 +402,10 @@ var MultiWindowTabs = memo(function(props) {
             modifiers: [
                 restrictToHorizontalAxis
             ],
-            children: /* @__PURE__ */ jsx2(SortableContext, {
+            children: /* @__PURE__ */ jsx3(SortableContext, {
                 items: pagePathsHelperData.keys,
                 strategy: horizontalListSortingStrategy,
-                children: /* @__PURE__ */ jsx2(DefaultTabBar, _object_spread_props(_object_spread({}, tabBarProps), {
+                children: /* @__PURE__ */ jsx3(DefaultTabBar, _object_spread_props(_object_spread({}, tabBarProps), {
                     children: function(node) {
                         return /* @__PURE__ */ createElement(TabItem, _object_spread_props(_object_spread({}, node.props), {
                             key: node.key,
@@ -371,7 +424,7 @@ var MultiWindowTabs = memo(function(props) {
         onCollectionChange,
         sensor
     ]);
-    return /* @__PURE__ */ jsx2(Tabs, {
+    return /* @__PURE__ */ jsx3(Tabs, {
         className: className,
         activeKey: pathKey,
         onChange: handleTabChange,
@@ -383,28 +436,21 @@ var MultiWindowTabs = memo(function(props) {
         hideAdd: true
     });
 });
-var TabItem = memo(function(props) {
+var TabItem = memo2(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) {
+    var handleCollectionChange = useCallback2(function(collectionKey) {
         if (!data) return;
         onCollectionChange === null || onCollectionChange === void 0 ? void 0 : onCollectionChange(data.key, collectionKey);
     }, [
         data
     ]);
-    var collectionSelect = useMemo(function() {
+    var collectionSelect = useMemo2(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);
-        }
+        if (!isActivated) return null;
         var options = data.searchCollection.map(function(item) {
             return {
                 label: item,
@@ -412,11 +458,12 @@ var TabItem = memo(function(props) {
             };
         });
         var currentKey = data.searchCollection[0];
-        return /* @__PURE__ */ jsx2(Select, {
+        return /* @__PURE__ */ jsx3(Select, {
             className: MultiWindow_module_default.collection,
             options: options,
             value: currentKey,
             onChange: handleCollectionChange,
+            popupMatchSelectWidth: false,
             size: "small",
             showSearch: true,
             placeholder: "请选择"
@@ -425,7 +472,7 @@ var TabItem = memo(function(props) {
         data,
         isActivated
     ]);
-    var childrenWithCollectionSelect = useMemo(function() {
+    var childrenWithCollectionSelect = useMemo2(function() {
         var innerChildren = children.props.children;
         if (!Array.isArray(innerChildren)) return innerChildren;
         var newChildren = _to_consumable_array(innerChildren);
@@ -435,7 +482,7 @@ var TabItem = memo(function(props) {
         children,
         collectionSelect
     ]);
-    return React2.cloneElement(children, _object_spread({
+    return React3.cloneElement(children, _object_spread({
         ref: setNodeRef,
         style: _object_spread_props(_object_spread({}, style), {
             transform: CSS.Translate.toString(transform && _object_spread_props(_object_spread({}, transform), {
@@ -448,58 +495,6 @@ var TabItem = memo(function(props) {
         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) {
@@ -630,6 +625,16 @@ var MultiWindow = memo3(function(props) {
             cancelCallback();
         };
     }, []);
+    useEffect(function() {
+        var unsubscribe = onHistoryChange(function(detail) {
+            handleRouterUpdate("".concat(detail.pathname).concat(detail.search));
+        });
+        return function() {
+            unsubscribe();
+        };
+    }, [
+        handleRouterUpdate
+    ]);
     useEffect(function() {
         var titleEl = document.querySelector("title");
         if (!titleEl) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfe-repo/web-components",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": [
@@ -35,8 +35,8 @@
     "@types/node": "^20.16.5",
     "@types/react": "^18",
     "esbuild-plugin-less": "^1.3.9",
-    "@xfe-repo/eslint-config": "0.0.5",
-    "@xfe-repo/typescript-config": "0.0.6"
+    "@xfe-repo/typescript-config": "0.0.6",
+    "@xfe-repo/eslint-config": "0.0.5"
   },
   "peerDependencies": {
     "@ant-design/icons": "^5.0.0",
@@ -44,7 +44,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "@xfe-repo/web-micro": "1.2.5",
-    "@xfe-repo/web-utils": "1.3.7"
+    "@xfe-repo/web-router": "1.2.6",
+    "@xfe-repo/web-utils": "1.3.8"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"