@lobehub/ui 1.164.7 → 1.164.9

package/es/CodeEditor/index.js

@@ -16,6 +16,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { useStyles } from "./style";
+import { isMacLike } from "../utils/platform";
 import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -29,7 +30,6 @@ var KEYCODE_BACK_QUOTE = 192;
 var HISTORY_LIMIT = 100;
 var HISTORY_TIME_GAP = 3000;
 var isWindows = typeof window !== 'undefined' && 'navigator' in window && /win/i.test(navigator.platform);
-var isMacLike = typeof window !== 'undefined' && 'navigator' in window && /(mac|iphone|ipod|ipad)/i.test(navigator.platform);
 var getLines = function getLines(text, position) {
   return text.slice(0, Math.max(0, position)).split('\n');
 };

package/es/Form/components/FormFooter.js

@@ -1,7 +1,8 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children"];
+var _excluded = ["className", "children"];
+var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -9,13 +10,27 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { jsx as _jsx } from "react/jsx-runtime";
-var FormFooter = /*#__PURE__*/memo(function (_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    responsive = _ref.responsive;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", " {\n        padding: 16px;\n      }\n    "])), responsive.mobile)
+  };
+});
+var FormFooter = /*#__PURE__*/memo(function (_ref2) {
+  var className = _ref2.className,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
   return /*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread({
+    className: cx(styles.container, className),
     gap: 8,
     horizontal: true,
     justify: 'flex-end'

package/es/Swatches/index.js

@@ -30,7 +30,7 @@ var Swatches = /*#__PURE__*/memo(function (_ref) {
       style: {
         background: theme.colorBgContainer
       }
-    }), colors.map(function (c) {
+    }), colors.map(function (c, index) {
       var isActive = c === activeColor;
       return /*#__PURE__*/_jsx(Flexbox, {
         className: cx(styles.container, isActive && styles.active),
@@ -40,7 +40,7 @@ var Swatches = /*#__PURE__*/memo(function (_ref) {
         style: {
           background: c
         }
-      }, c);
+      }, "".concat(c, "_").concat(index));
     })]
   });
 });

package/es/chat/EditableMessage/index.js

@@ -72,6 +72,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
       setTyping(false);
     },
     placeholder: placeholder,
+    shortcut: true,
     style: stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.input,
     text: text,
     textareaClassname: classNames === null || classNames === void 0 ? void 0 : classNames.input,

package/es/chat/MessageInput/index.d.ts

@@ -29,6 +29,7 @@ export interface MessageInputProps extends DivProps {
      * @param text - The text input by the user.
      */
     renderButtons?: (text: string) => ButtonProps[];
+    shortcut?: boolean;
     text?: {
         cancel?: string;
         confirm?: string;

package/es/chat/MessageInput/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["text", "type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "height", "style", "editButtonSize", "classNames"];
+var _excluded = ["text", "type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "height", "style", "editButtonSize", "classNames", "shortcut"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -16,13 +16,16 @@ 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 { Flexbox } from 'react-layout-kit';
+import Icon from "../../Icon";
 import { TextArea } from "../../Input";
+import { isMacLike } from "../../utils/platform";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var MessageInput = /*#__PURE__*/memo(function (_ref) {
   var text = _ref.text,
     _ref$type = _ref.type,
@@ -40,6 +43,7 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     _ref$editButtonSize = _ref.editButtonSize,
     editButtonSize = _ref$editButtonSize === void 0 ? 'middle' : _ref$editButtonSize,
     classNames = _ref.classNames,
+    shortcut = _ref.shortcut,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -66,6 +70,11 @@ 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,
@@ -79,13 +88,27 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
           size: "small"
         }, buttonProps), index);
       }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
+        children: [/*#__PURE__*/_jsxs(Button, {
           onClick: function onClick() {
             onConfirm === null || onConfirm === void 0 || onConfirm(temporaryValue);
           },
           size: editButtonSize,
           type: "primary",
-          children: (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'
+          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
+              }
+            })]
+          })]
         }), /*#__PURE__*/_jsx(Button, {
           onClick: onCancel,
           size: editButtonSize,

package/es/utils/platform.d.ts

@@ -0,0 +1 @@
+export declare const isMacLike: boolean;

package/es/utils/platform.js

@@ -0,0 +1 @@
+export var isMacLike = typeof window !== 'undefined' && 'navigator' in window && /(mac|iphone|ipod|ipad)/i.test(navigator.platform);

package/package.json

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