@agentscope-ai/chat 1.1.45-beta.1766389993910 → 1.1.45-beta.1766392979633

package/components/ChatAnywhere/Input/UploadPopover.tsx

@@ -0,0 +1,42 @@
+import { IconButton, Popover } from "@agentscope-ai/design";
+import { PlusOutlined } from "@ant-design/icons";
+import { useGetState } from "ahooks";
+import { Flex } from "antd";
+import React from "react";
+import { useEffect, useState } from "react";
+
+
+
+export default function UploadPopover({
+  nodes
+}: {
+  nodes: React.ReactElement[];
+}) {
+  const [visible, setVisible, getVisible] = useGetState(false);
+
+  useEffect(() => {
+    const close = () => {
+      if (getVisible()) {
+        setVisible(false);
+      }
+    };
+
+    document.addEventListener('click', close, true);
+    return () => {
+      document.removeEventListener('click', close, true);
+    }
+  }, []);
+
+  return <Popover
+    placement='bottomLeft'
+    open={visible}
+    onOpenChange={setVisible}
+    content={<Flex vertical>
+      {nodes}
+    </Flex>} trigger="click" styles={{ body: { padding: 4 } }}>
+    <IconButton
+      icon={<PlusOutlined />}
+      bordered={false}
+    />
+  </Popover>
+}

package/components/ChatAnywhere/Input/index.tsx

@@ -8,7 +8,7 @@ import { GetProp, Space, Upload } from 'antd';
 import Style from './style';
 import { IconButton, Button } from '@agentscope-ai/design';
 import { AIGC } from '@agentscope-ai/chat';
-import { PlusOutlined } from '@ant-design/icons';
+import UploadPopover from './UploadPopover';
 
 type AttachedFiles = GetProp<typeof Attachments, 'items'>;
 
@@ -130,14 +130,8 @@ export default forwardRef(function (_, ref) {
     });
 
     if (nodes.length === 1) return nodes;
-    return <Popover content={<Flex vertical>
-      {nodes}
-    </Flex>} trigger="click" styles={{ body: { padding: 4 } }}>
-      <IconButton
-        icon={<PlusOutlined />}
-        bordered={false}
-      />
-    </Popover>
+    return <UploadPopover nodes={nodes} />
+
 
 
   }, [onInput.variant, onUpload, attachedFiles]);

package/lib/ChatAnywhere/Input/UploadPopover.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export default function UploadPopover({ nodes }: {
+    nodes: React.ReactElement[];
+}): import("react/jsx-runtime").JSX.Element;

package/lib/ChatAnywhere/Input/UploadPopover.js

@@ -0,0 +1,51 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { IconButton, Popover } from "@agentscope-ai/design";
+import { PlusOutlined } from "@agentscope-ai/icons-override-antd";
+import { useGetState } from "ahooks";
+import { Flex } from "antd";
+import React from "react";
+import { useEffect } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function UploadPopover(_ref) {
+  var nodes = _ref.nodes;
+  var _useGetState = useGetState(false),
+    _useGetState2 = _slicedToArray(_useGetState, 3),
+    visible = _useGetState2[0],
+    setVisible = _useGetState2[1],
+    getVisible = _useGetState2[2];
+  useEffect(function () {
+    var close = function close() {
+      if (getVisible()) {
+        setVisible(false);
+      }
+    };
+    document.addEventListener('click', close, true);
+    return function () {
+      document.removeEventListener('click', close, true);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(Popover, {
+    placement: "bottomLeft",
+    open: visible,
+    onOpenChange: setVisible,
+    content: /*#__PURE__*/_jsx(Flex, {
+      vertical: true,
+      children: nodes
+    }),
+    trigger: "click",
+    styles: {
+      body: {
+        padding: 4
+      }
+    },
+    children: /*#__PURE__*/_jsx(IconButton, {
+      icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+      bordered: false
+    })
+  });
+}

package/lib/ChatAnywhere/Input/index.js

@@ -18,7 +18,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import { Flex, Popover } from 'antd';
 import { useProviderContext, ChatInput, Sender, Attachments } from "../..";
 import cls from 'classnames';
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
@@ -27,7 +26,7 @@ import { Upload } from 'antd';
 import Style from "./style";
 import { IconButton, Button } from '@agentscope-ai/design';
 import { AIGC } from "../..";
-import { PlusOutlined } from "@agentscope-ai/icons-override-antd";
+import UploadPopover from "./UploadPopover";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
@@ -168,21 +167,8 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
       }), trigger);
     });
     if (nodes.length === 1) return nodes;
-    return /*#__PURE__*/_jsx(Popover, {
-      content: /*#__PURE__*/_jsx(Flex, {
-        vertical: true,
-        children: nodes
-      }),
-      trigger: "click",
-      styles: {
-        body: {
-          padding: 4
-        }
-      },
-      children: /*#__PURE__*/_jsx(IconButton, {
-        icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
-        bordered: false
-      })
+    return /*#__PURE__*/_jsx(UploadPopover, {
+      nodes: nodes
     });
   }, [onInput.variant, onUpload, attachedFiles]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.45-beta.1766389993910",
+  "version": "1.1.45-beta.1766392979633",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [