@lobehub/ui 1.168.11 → 1.168.12

package/es/chat/MessageInput/index.js

@@ -16,12 +16,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(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 _objectWithoutPropertiesLoose(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; }
 import { Button } from 'antd';
-import { ChevronUpIcon, CommandIcon, CornerDownLeft } from 'lucide-react';
 import { memo, useState } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
 import { Flexbox } from 'react-layout-kit';
-import Icon from "../../Icon";
+import Hotkey from "../../Hotkey";
+import { KeyMapEnum } from "../../Hotkey/type";
+import { combineKeys } from "../../Hotkey/utils";
 import { TextArea } from "../../Input";
-import { isMacLike } from "../../utils/platform";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -52,7 +53,15 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
+  var hotkey = combineKeys([KeyMapEnum.Mod, KeyMapEnum.Enter]);
   var isAutoSize = height === 'auto';
+  useHotkeys(hotkey, function () {
+    return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(temporaryValue);
+  }, {
+    enableOnFormTags: true,
+    enabled: shortcut,
+    preventDefault: true
+  });
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     gap: 16,
     style: _objectSpread({
@@ -70,11 +79,6 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
       onChange: function onChange(e) {
         return setValue(e.target.value);
       },
-      onPressEnter: shortcut ? function (e) {
-        if (isMacLike ? e.metaKey : e.ctrlKey) {
-          onConfirm === null || onConfirm === void 0 || onConfirm(temporaryValue);
-        }
-      } : undefined,
       placeholder: placeholder,
       resize: false,
       style: textareaStyle,
@@ -90,24 +94,13 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
       }) : /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsxs(Button, {
           onClick: function onClick() {
-            onConfirm === null || onConfirm === void 0 || onConfirm(temporaryValue);
+            return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(temporaryValue);
           },
           size: editButtonSize,
           type: "primary",
-          children: [(text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm', shortcut && /*#__PURE__*/_jsxs(Flexbox, {
-            gap: 4,
-            horizontal: true,
-            children: [/*#__PURE__*/_jsx(Icon, {
-              icon: isMacLike ? CommandIcon : ChevronUpIcon,
-              size: {
-                fontSize: 12
-              }
-            }), /*#__PURE__*/_jsx(Icon, {
-              icon: CornerDownLeft,
-              size: {
-                fontSize: 12
-              }
-            })]
+          children: [(text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm', shortcut && /*#__PURE__*/_jsx(Hotkey, {
+            inverseTheme: true,
+            keys: combineKeys([KeyMapEnum.Mod, KeyMapEnum.Enter])
           })]
         }), /*#__PURE__*/_jsx(Button, {
           onClick: onCancel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.168.11",
+  "version": "1.168.12",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",