@lobehub/ui 1.11.0 → 1.11.1

package/lib/Conversation/ChatList/index.js

@@ -1,61 +1,67 @@
-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 = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (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 = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Conversation/ChatList/index.tsx
-var ChatList_exports = {};
-__export(ChatList_exports, {
-  default: () => ChatList_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ChatList_exports);
-var import_antd_style = require("antd-style");
-var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_store = require("../../Chat/store");
-var import_MessageItem = __toESM(require("./MessageItem"));
-var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => ({
-  loading: css`
-    padding: 12px;
-    background: ${token.colorFillQuaternary};
-    border-radius: 8px;
-  `,
-  btn: css`
-    font-size: 12px;
-    color: ${token.colorTextSecondary};
-    background: transparent;
-    border: 2px solid ${token.colorBorderSecondary} !important;
-  `
-}));
-var ChatList = (0, import_react.memo)(({ readonly, includeSystem = false, style }) => {
-  const { styles } = useStyles();
-  const [messages, loading] = (0, import_store.useStore)((s) => [s.messages, s.loading], import_fast_deep_equal.default);
-  return !messages || messages.length === 0 ? null : /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 8, style }, messages.filter((s) => !includeSystem ? s.role !== "system" : !!s).map((item, index) => /* @__PURE__ */ React.createElement(import_MessageItem.default, { readonly, index, key: index, ...item })), loading ? /* @__PURE__ */ React.createElement(import_react_layout_kit.Center, { id: "for-loading", className: styles.loading }, /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, distribution: "space-between", align: "center", gap: 24 }, /* @__PURE__ */ React.createElement("div", null), "正在生成...", /* @__PURE__ */ React.createElement("div", null))) : null);
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _store = require("../../Chat/store");
+var _MessageItem = _interopRequireDefault(require("./MessageItem"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    loading: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    padding: 12px;\n    background: ", ";\n    border-radius: 8px;\n  "])), token.colorFillQuaternary),
+    btn: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: 12px;\n    color: ", ";\n    background: transparent;\n    border: 2px solid ", " !important;\n  "])), token.colorTextSecondary, token.colorBorderSecondary)
+  };
 });
-var ChatList_default = ChatList;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var ChatList = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
+  var readonly = _ref2.readonly,
+    _ref2$includeSystem = _ref2.includeSystem,
+    includeSystem = _ref2$includeSystem === void 0 ? false : _ref2$includeSystem,
+    style = _ref2.style;
+  // const [messages, loading] = useStore((s) => [s.messages, s.loading], isEqual);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useStore = (0, _store.useStore)(function (s) {
+      return [s.messages, s.loading];
+    }, _fastDeepEqual.default),
+    _useStore2 = (0, _slicedToArray2.default)(_useStore, 2),
+    messages = _useStore2[0],
+    loading = _useStore2[1];
+  return !messages || messages.length === 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+    gap: 8,
+    style: style,
+    children: [messages
+    // 根据情况确认是否包含系统
+    .filter(function (s) {
+      return !includeSystem ? s.role !== 'system' : !!s;
+    }).map(function (item, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageItem.default, (0, _objectSpread2.default)({
+        readonly: readonly,
+        index: index
+      }, item), index);
+    }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Center, {
+      id: 'for-loading',
+      className: styles.loading,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+        horizontal: true,
+        distribution: 'space-between',
+        align: 'center',
+        gap: 24,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), "\u6B63\u5728\u751F\u6210...", /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})]
+      })
+    }) : null]
+  });
+});
+var _default = ChatList;
+exports.default = _default;

package/lib/Conversation/InputArea/ActionBar.js

@@ -1,97 +1,79 @@
-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 = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (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 = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Conversation/InputArea/ActionBar.tsx
-var ActionBar_exports = {};
-__export(ActionBar_exports, {
-  ActionBar: () => ActionBar,
-  default: () => ActionBar_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ActionBar = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _shallow = require("zustand/shallow");
+var _ActionIcon = _interopRequireDefault(require("../../ActionIcon"));
+var _antd = require("antd");
+var _lucideReact = require("lucide-react");
+var _store = require("../../Chat/store");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    extra: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    color: ", ";\n  "])), token.colorTextTertiary)
+  };
 });
-module.exports = __toCommonJS(ActionBar_exports);
-var import_antd_style = require("antd-style");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_shallow = require("zustand/shallow");
-var import_ActionIcon = __toESM(require("../../ActionIcon"));
-var import_antd = require("antd");
-var import_lucide_react = require("lucide-react");
-var import_store = require("../../Chat/store");
-var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => ({
-  extra: css`
-    color: ${token.colorTextTertiary};
-  `
-}));
-var ActionBar = () => {
-  const [totalToken, agentToken, messagesToken, dispatchMessage] = (0, import_store.useStore)(
-    (s) => [
-      import_store.chatSelectors.totalTokenCount(s),
-      import_store.chatSelectors.agentTokenCount(s),
-      import_store.chatSelectors.messagesTokenCount(s),
-      s.dispatchMessage
-    ],
-    import_shallow.shallow
-  );
-  const { styles, theme } = useStyles();
-  return totalToken > 0 ? /* @__PURE__ */ React.createElement(import_antd.ConfigProvider, { theme: { token: { colorText: theme.colorTextSecondary } } }, /* @__PURE__ */ React.createElement(
-    import_react_layout_kit.Flexbox,
-    {
-      align: "center",
-      direction: "horizontal-reverse",
+var ActionBar = function ActionBar() {
+  var _useStore = (0, _store.useStore)(function (s) {
+      return [_store.chatSelectors.totalTokenCount(s), _store.chatSelectors.agentTokenCount(s), _store.chatSelectors.messagesTokenCount(s), s.dispatchMessage];
+    }, _shallow.shallow),
+    _useStore2 = (0, _slicedToArray2.default)(_useStore, 4),
+    totalToken = _useStore2[0],
+    agentToken = _useStore2[1],
+    messagesToken = _useStore2[2],
+    dispatchMessage = _useStore2[3];
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    theme = _useStyles.theme;
+  return totalToken > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+    theme: {
+      token: {
+        colorText: theme.colorTextSecondary
+      }
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+      align: 'center',
+      direction: 'horizontal-reverse',
       paddingInline: 12,
       className: styles.extra,
-      gap: 8
-    },
-    /* @__PURE__ */ React.createElement(
-      import_antd.Popconfirm,
-      {
-        title: "你即将要清空会话，清空后将无法找回。是否清空当前会话？",
-        okButtonProps: { danger: true },
-        okText: "清空会话",
-        onConfirm: () => {
-          dispatchMessage({ type: "resetMessages" });
-        }
-      },
-      /* @__PURE__ */ React.createElement(import_ActionIcon.default, { title: "清空当前会话", size: "small", icon: import_lucide_react.EraserIcon })
-    ),
-    /* @__PURE__ */ React.createElement(
-      import_antd.Tooltip,
-      {
-        title: [
-          agentToken > 0 ? `角色定义: ${agentToken}` : null,
-          messagesToken > 0 ? `会话: ${messagesToken}` : null
-        ].filter(Boolean).join("  |  ")
-      },
-      /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 4 }, " Tokens: ", totalToken)
-    )
-  )) : null;
+      gap: 8,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popconfirm, {
+        title: '你即将要清空会话，清空后将无法找回。是否清空当前会话？',
+        okButtonProps: {
+          danger: true
+        },
+        okText: '清空会话',
+        onConfirm: function onConfirm() {
+          dispatchMessage({
+            type: 'resetMessages'
+          });
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionIcon.default, {
+          title: '清空当前会话',
+          size: 'small',
+          icon: _lucideReact.EraserIcon
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: [agentToken > 0 ? "\u89D2\u8272\u5B9A\u4E49: ".concat(agentToken) : null, messagesToken > 0 ? "\u4F1A\u8BDD: ".concat(messagesToken) : null].filter(Boolean).join('  |  '),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+          gap: 4,
+          children: [" Tokens: ", totalToken]
+        })
+      })]
+    })
+  }) : null;
 };
-var ActionBar_default = (0, import_react.memo)(ActionBar);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ActionBar
-});
+exports.ActionBar = ActionBar;
+var _default = /*#__PURE__*/(0, _react.memo)(ActionBar);
+exports.default = _default;

package/lib/Conversation/InputArea/index.js

@@ -1,148 +1,109 @@
-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 = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (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 = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Conversation/InputArea/index.tsx
-var InputArea_exports = {};
-__export(InputArea_exports, {
-  InputArea: () => InputArea,
-  default: () => InputArea_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(InputArea_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_shallow = require("zustand/shallow");
-var import_store = require("../../Chat/store");
-var import_ActionBar = __toESM(require("./ActionBar"));
-var useStyles = (0, import_antd_style.createStyles)(({ css, responsive, token }) => ({
-  container: css`
-    position: sticky;
-    z-index: ${token.zIndexPopupBase};
-    bottom: 0;
-
-    padding-top: 12px;
-    padding-bottom: 24px;
-
-    background-image: linear-gradient(to top, ${token.colorBgLayout} 88%, transparent 100%);
-
-    ${responsive.mobile} {
-      width: 100%;
-    }
-  `,
-  boxShadow: css`
-    position: relative;
-    border-radius: 8px;
-    box-shadow: ${token.boxShadowSecondary};
-  `,
-  input: css`
-    width: 100%;
-    border-radius: 8px;
-  `,
-  btn: css`
-    position: absolute;
-    z-index: 10;
-    right: 8px;
-    bottom: 8px;
-
-    color: ${token.colorTextTertiary};
-    &:hover {
-      color: ${token.colorTextSecondary};
-    }
-  `,
-  extra: css`
-    color: ${token.colorTextTertiary};
-  `
-}));
-var InputArea = ({}) => {
-  const [message, sendMessage, isLoading, disabled] = (0, import_store.useStore)(
-    (s) => [s.message, s.sendMessage, s.loading, import_store.chatSelectors.disableInput(s)],
-    import_shallow.shallow
-  );
-  const isChineseInput = (0, import_react.useRef)(false);
-  const { styles, theme } = useStyles();
-  const { mobile } = (0, import_antd_style.useResponsive)();
-  const storeApi = (0, import_store.useStoreApi)();
-  return /* @__PURE__ */ React.createElement(
-    import_antd.ConfigProvider,
-    {
-      theme: {
-        token: {
-          borderRadius: 4,
-          fontSize: 16,
-          colorBgContainer: theme.colorBgElevated,
-          controlHeightLG: 48,
-          colorBorder: "transparent",
-          colorPrimaryHover: "transparent"
-        }
+exports.default = exports.InputArea = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _antdStyle = require("antd-style");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _shallow = require("zustand/shallow");
+var _store = require("../../Chat/store");
+var _ActionBar = _interopRequireDefault(require("./ActionBar"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    responsive = _ref.responsive,
+    token = _ref.token;
+  return {
+    container: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    position: sticky;\n    z-index: ", ";\n    bottom: 0;\n\n    padding-top: 12px;\n    padding-bottom: 24px;\n\n    background-image: linear-gradient(to top, ", " 88%, transparent 100%);\n\n    ", " {\n      width: 100%;\n    }\n  "])), token.zIndexPopupBase, token.colorBgLayout, responsive.mobile),
+    boxShadow: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    position: relative;\n    border-radius: 8px;\n    box-shadow: ", ";\n  "])), token.boxShadowSecondary),
+    input: css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n    border-radius: 8px;\n  "]))),
+    btn: css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    z-index: 10;\n    right: 8px;\n    bottom: 8px;\n\n    color: ", ";\n    &:hover {\n      color: ", ";\n    }\n  "])), token.colorTextTertiary, token.colorTextSecondary),
+    extra: css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    color: ", ";\n  "])), token.colorTextTertiary)
+  };
+});
+var InputArea = function InputArea(_ref2) {
+  (0, _objectDestructuringEmpty2.default)(_ref2);
+  var _useStore = (0, _store.useStore)(function (s) {
+      return [s.message, s.sendMessage, s.loading, _store.chatSelectors.disableInput(s)];
+    }, _shallow.shallow),
+    _useStore2 = (0, _slicedToArray2.default)(_useStore, 4),
+    message = _useStore2[0],
+    sendMessage = _useStore2[1],
+    isLoading = _useStore2[2],
+    disabled = _useStore2[3];
+  var isChineseInput = (0, _react.useRef)(false);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    theme = _useStyles.theme;
+  var _useResponsive = (0, _antdStyle.useResponsive)(),
+    mobile = _useResponsive.mobile;
+  var storeApi = (0, _store.useStoreApi)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+    theme: {
+      token: {
+        borderRadius: 4,
+        fontSize: 16,
+        colorBgContainer: theme.colorBgElevated,
+        controlHeightLG: 48,
+        colorBorder: 'transparent',
+        colorPrimaryHover: 'transparent'
       }
     },
-    /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 8, className: styles.container }, /* @__PURE__ */ React.createElement(import_ActionBar.default, null), /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, gap: 8, align: "center", className: styles.boxShadow }, /* @__PURE__ */ React.createElement(
-      import_antd.Input.TextArea,
-      {
-        size: "large",
-        value: message,
-        placeholder: "请输入内容...",
-        onChange: (e) => {
-          storeApi.setState({ message: e.target.value });
-        },
-        disabled,
-        autoSize: { maxRows: 8 },
-        onCompositionStart: () => {
-          isChineseInput.current = true;
-        },
-        onCompositionEnd: () => {
-          isChineseInput.current = false;
-        },
-        className: styles.input,
-        onPressEnter: (e) => {
-          if (!isLoading && !e.shiftKey && !isChineseInput.current) {
-            e.preventDefault();
-            sendMessage();
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+      gap: 8,
+      className: styles.container,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionBar.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+        horizontal: true,
+        gap: 8,
+        align: 'center',
+        className: styles.boxShadow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.TextArea, {
+          size: 'large',
+          value: message,
+          placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9...",
+          onChange: function onChange(e) {
+            storeApi.setState({
+              message: e.target.value
+            });
+          },
+          disabled: disabled,
+          autoSize: {
+            maxRows: 8
+          },
+          onCompositionStart: function onCompositionStart() {
+            isChineseInput.current = true;
+          },
+          onCompositionEnd: function onCompositionEnd() {
+            isChineseInput.current = false;
+          },
+          className: styles.input,
+          onPressEnter: function onPressEnter(e) {
+            if (!isLoading && !e.shiftKey && !isChineseInput.current) {
+              e.preventDefault();
+              sendMessage();
+            }
           }
-        }
-      }
-    ), mobile ? null : /* @__PURE__ */ React.createElement(
-      import_antd.Button,
-      {
-        disabled,
-        loading: isLoading,
-        type: "text",
-        className: styles.btn,
-        onClick: sendMessage,
-        icon: /* @__PURE__ */ React.createElement(import_icons.SendOutlined, null)
-      }
-    )))
-  );
+        }), mobile ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+          disabled: disabled,
+          loading: isLoading,
+          type: "text",
+          className: styles.btn,
+          onClick: sendMessage,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SendOutlined, {})
+        })]
+      })]
+    })
+  });
 };
-var InputArea_default = (0, import_react.memo)(InputArea);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  InputArea
-});
+exports.InputArea = InputArea;
+var _default = /*#__PURE__*/(0, _react.memo)(InputArea);
+exports.default = _default;

package/lib/Conversation/StoreUpdater.js

@@ -1,52 +1,32 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Conversation/StoreUpdater.tsx
-var StoreUpdater_exports = {};
-__export(StoreUpdater_exports, {
-  default: () => StoreUpdater_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(StoreUpdater_exports);
-var import_zustand_utils = require("zustand-utils");
-var import_store = require("../Chat/store");
-var StoreUpdater = ({
-  updateAt,
-  createAt,
-  title,
-  description,
-  messages,
-  onAgentChange,
-  onMessagesChange,
-  onResponseFinished,
-  onResponseStart
-}) => {
-  const useStoreUpdater = (0, import_zustand_utils.createStoreUpdater)((0, import_store.useStoreApi)());
-  useStoreUpdater("onAgentChange", onAgentChange);
-  useStoreUpdater("messages", messages);
-  useStoreUpdater("onMessagesChange", onMessagesChange);
-  useStoreUpdater("onResponseFinished", onResponseFinished);
-  useStoreUpdater("onResponseStart", onResponseStart);
-  useStoreUpdater("title", title);
-  useStoreUpdater("description", description);
-  useStoreUpdater("createAt", createAt);
-  useStoreUpdater("updateAt", updateAt);
+exports.default = void 0;
+var _zustandUtils = require("zustand-utils");
+var _store = require("../Chat/store");
+var StoreUpdater = function StoreUpdater(_ref) {
+  var updateAt = _ref.updateAt,
+    createAt = _ref.createAt,
+    title = _ref.title,
+    description = _ref.description,
+    messages = _ref.messages,
+    onAgentChange = _ref.onAgentChange,
+    onMessagesChange = _ref.onMessagesChange,
+    onResponseFinished = _ref.onResponseFinished,
+    onResponseStart = _ref.onResponseStart;
+  var useStoreUpdater = (0, _zustandUtils.createStoreUpdater)((0, _store.useStoreApi)());
+  useStoreUpdater('onAgentChange', onAgentChange);
+  useStoreUpdater('messages', messages);
+  useStoreUpdater('onMessagesChange', onMessagesChange);
+  useStoreUpdater('onResponseFinished', onResponseFinished);
+  useStoreUpdater('onResponseStart', onResponseStart);
+  useStoreUpdater('title', title);
+  useStoreUpdater('description', description);
+  useStoreUpdater('createAt', createAt);
+  useStoreUpdater('updateAt', updateAt);
   return null;
 };
-var StoreUpdater_default = StoreUpdater;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = StoreUpdater;
+exports.default = _default;