@myun/gimi-chat 0.9.66 → 0.9.67

package/dist/components/chat-input/extension/skill/MentionList.d.ts

@@ -26,6 +26,7 @@ interface MentionListProps {
     agentId?: number;
     apiService?: IUseApi | null;
     getCurrentTextLength?: () => number;
+    onVisibilityChange?: (visible: boolean) => void;
 }
 declare const MentionList: React.ForwardRefExoticComponent<MentionListProps & React.RefAttributes<MentionListRef>>;
 export default MentionList;

package/dist/components/chat-input/extension/skill/MentionList.js

@@ -15,7 +15,8 @@ var MentionList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     query = _ref.query,
     agentId = _ref.agentId,
     apiService = _ref.apiService,
-    getCurrentTextLength = _ref.getCurrentTextLength;
+    getCurrentTextLength = _ref.getCurrentTextLength,
+    onVisibilityChange = _ref.onVisibilityChange;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     selectedIndex = _useState2[0],
@@ -88,6 +89,12 @@ var MentionList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setFilterOptions(filter);
     setSelectedIndex(0);
   }, [query, skillList]);
+
+  // 通知外部当前是否有可显示内容（决定面板显示/隐藏）
+  useEffect(function () {
+    var hasContent = loading || filterOptions.length > 0;
+    onVisibilityChange === null || onVisibilityChange === void 0 || onVisibilityChange(hasContent);
+  }, [loading, filterOptions.length, onVisibilityChange]);
   var upHandler = function upHandler() {
     setSelectedIndex(function (i) {
       return filterOptions.length ? (i + filterOptions.length - 1) % filterOptions.length : 0;

package/dist/components/chat-input/extension/skill/suggestion.js

@@ -103,6 +103,38 @@ export var suggestion = {
     var outsideClickHandler = null;
     var currentEditor = null;
     var currentRange = null;
+    var isVisible = true; // 面板当前可见状态
+
+    // 统一的清理和退出逻辑
+    var cleanup = function cleanup() {
+      var _component, _component2;
+      if (reposition) {
+        window.removeEventListener('resize', reposition);
+        window.removeEventListener('scroll', reposition, true);
+        reposition = null;
+      }
+      if (outsideClickHandler) {
+        document.removeEventListener('mousedown', outsideClickHandler, true);
+        outsideClickHandler = null;
+      }
+      currentEditor = null;
+      currentRange = null;
+      (_component = component) === null || _component === void 0 || (_component = _component.element) === null || _component === void 0 || _component.remove();
+      (_component2 = component) === null || _component2 === void 0 || _component2.destroy();
+    };
+
+    // MentionList 通知可见性变化
+    var handleVisibilityChange = function handleVisibilityChange(visible) {
+      var _component3;
+      if (!((_component3 = component) !== null && _component3 !== void 0 && _component3.element)) return;
+      isVisible = visible;
+      if (visible) {
+        component.element.style.display = '';
+        positionPanel(currentEditor, component.element);
+      } else {
+        component.element.style.display = 'none';
+      }
+    };
     return {
       onStart: function onStart(props) {
         var _skillContext$getSkil, _skillContext;
@@ -122,7 +154,8 @@ export var suggestion = {
             props: _objectSpread(_objectSpread({}, props), {}, {
               agentId: agentId,
               apiService: apiService,
-              getCurrentTextLength: getCurrentTextLength
+              getCurrentTextLength: getCurrentTextLength,
+              onVisibilityChange: handleVisibilityChange
             }),
             editor: props.editor
           });
@@ -141,8 +174,8 @@ export var suggestion = {
           window.addEventListener('resize', reposition);
           window.addEventListener('scroll', reposition, true);
           outsideClickHandler = function outsideClickHandler(e) {
-            var _component;
-            if (!((_component = component) !== null && _component !== void 0 && _component.element)) return;
+            var _component4;
+            if (!((_component4 = component) !== null && _component4 !== void 0 && _component4.element)) return;
             if (component.element.contains(e.target)) return;
             e.stopPropagation();
             // 手动移除面板 DOM，再通过内容变更让 suggestion plugin 退出
@@ -161,33 +194,22 @@ export var suggestion = {
         if (!component) return;
         currentRange = props.range;
         component.updateProps(props);
-        // query 变化导致面板高度变化，重新判断上下翻转
-        positionPanel(props.editor, component.element);
+        // query 变化导致面板高度变化，只在可见时重新定位
+        if (isVisible) {
+          positionPanel(props.editor, component.element);
+        }
       },
       onKeyDown: function onKeyDown(props) {
-        var _component2, _component2$onKeyDown;
+        var _component5, _component5$onKeyDown;
         function onExit() {
-          component.destroy();
+          cleanup();
         }
-        return (_component2 = component) === null || _component2 === void 0 || (_component2 = _component2.ref) === null || _component2 === void 0 || (_component2$onKeyDown = _component2.onKeyDown) === null || _component2$onKeyDown === void 0 ? void 0 : _component2$onKeyDown.call(_component2, _objectSpread(_objectSpread({}, props), {}, {
+        return (_component5 = component) === null || _component5 === void 0 || (_component5 = _component5.ref) === null || _component5 === void 0 || (_component5$onKeyDown = _component5.onKeyDown) === null || _component5$onKeyDown === void 0 ? void 0 : _component5$onKeyDown.call(_component5, _objectSpread(_objectSpread({}, props), {}, {
           exitCb: onExit
         }));
       },
       onExit: function onExit() {
-        var _component3, _component4;
-        if (reposition) {
-          window.removeEventListener('resize', reposition);
-          window.removeEventListener('scroll', reposition, true);
-          reposition = null;
-        }
-        if (outsideClickHandler) {
-          document.removeEventListener('mousedown', outsideClickHandler, true);
-          outsideClickHandler = null;
-        }
-        currentEditor = null;
-        currentRange = null;
-        (_component3 = component) === null || _component3 === void 0 || (_component3 = _component3.element) === null || _component3 === void 0 || _component3.remove();
-        (_component4 = component) === null || _component4 === void 0 || _component4.destroy();
+        cleanup();
       },
       focusEditor: function focusEditor(props) {
         props.editor.commands.focus();