@lobehub/ui 1.164.6 → 1.164.8

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/Markdown/index.js

@@ -28,6 +28,7 @@ import Link from "../mdx/mdxComponents/Link";
 import Video from "../mdx/mdxComponents/Video";
 import { CodeFullFeatured, CodeLite } from "./CodeBlock";
 import { useStyles as useMarkdownStyles } from "./markdown.style";
+import { rehypeKatexDir } from "./rehypePlugin";
 import { useStyles } from "./style";
 import { escapeBrackets, escapeMhchem, fixMarkdownBold } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -108,7 +109,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
   }, [].concat(_toConsumableArray(Object.values(components || {})), _toConsumableArray(Object.values(componentProps || {})), [enableImageGallery, enableMermaid, fullFeaturedCodeBlock]));
   var innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];
   var memoRehypePlugins = useMemo(function () {
-    return [allowHtml && rehypeRaw, enableLatex && rehypeKatex].concat(_toConsumableArray(innerRehypePlugins)).filter(Boolean);
+    return [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir].concat(_toConsumableArray(innerRehypePlugins)).filter(Boolean);
   }, [allowHtml, enableLatex].concat(_toConsumableArray(innerRehypePlugins)));
   var innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];
   var memoRemarkPlugins = useMemo(function () {

package/es/Markdown/rehypePlugin.d.ts

@@ -0,0 +1,2 @@
+import type { Node } from 'unist';
+export declare const rehypeKatexDir: () => (tree: Node) => void;

package/es/Markdown/rehypePlugin.js

@@ -0,0 +1,16 @@
+// katex-directive
+// 给 class="katex" 的节点加上 dir="ltr" 属性
+
+import { visit } from 'unist-util-visit';
+
+// eslint-disable-next-line unicorn/consistent-function-scoping
+export var rehypeKatexDir = function rehypeKatexDir() {
+  return function (tree) {
+    visit(tree, 'element', function (node) {
+      var _node$properties;
+      if ((_node$properties = node.properties) !== null && _node$properties !== void 0 && (_node$properties = _node$properties.className) !== null && _node$properties !== void 0 && _node$properties.includes('katex')) {
+        node.properties.dir = 'ltr';
+      }
+    });
+  };
+};

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.6",
+  "version": "1.164.8",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",