@yuntijs/ui 1.0.0-beta.98 → 1.0.0

package/es/ChatItem/index.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize", "markdownProps", "markdownClassname", "isLatest"];
+var _excluded = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "affixation", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize", "markdownProps", "markdownClassname", "isLatest"];
 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; }
 import Avatar from '@lobehub/ui/es/chat/ChatItem/components/Avatar';
@@ -39,6 +39,7 @@ export var ChatItem = /*#__PURE__*/memo(function (_ref) {
     onChange = _ref.onChange,
     onEditingChange = _ref.onEditingChange,
     messageExtra = _ref.messageExtra,
+    affixation = _ref.affixation,
     renderMessage = _ref.renderMessage,
     text = _ref.text,
     errorMessage = _ref.errorMessage,
@@ -106,7 +107,10 @@ export var ChatItem = /*#__PURE__*/memo(function (_ref) {
           renderMessage: renderMessage,
           text: text,
           type: type
-        }), /*#__PURE__*/_jsx(Actions, {
+        }), affixation ? /*#__PURE__*/_jsx("div", {
+          className: "affixation",
+          children: affixation
+        }) : null, /*#__PURE__*/_jsx(Actions, {
           actions: actions,
           editing: editing,
           placement: placement,

package/es/ChatItem/type.d.ts

@@ -35,6 +35,7 @@ export interface ChatItemProps {
      */
     message?: ReactNode;
     messageExtra?: ReactNode;
+    affixation?: ReactNode;
     onAvatarClick?: () => void;
     /**
      * @description Callback when the message content changes

package/es/ChatMarkdown/MarkdownElements/AntThinking/Component.js

@@ -16,12 +16,12 @@ var useStyles = createStyles(function (_ref) {
     token = _ref.token,
     isDarkMode = _ref.isDarkMode;
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: pointer;\n    padding-block: 12px;\n    color: ", ";\n  "])), token.colorTextSecondary),
-    titlebox: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 8px 12px;\n\n    font-size: 12px;\n    color: ", ";\n\n    background: ", ";\n    border-radius: 8px;\n  "])), token.colorText, isDarkMode ? token.colorFillTertiary : '#f3f5fc')
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-block: 12px;\n    color: ", ";\n  "])), token.colorTextSecondary),
+    titlebox: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    min-width: 140px;\n    max-width: 230px;\n    padding: 8px 12px;\n\n    font-size: 12px;\n    color: ", ";\n\n    background: ", ";\n    border-radius: 8px;\n  "])), token.colorText, isDarkMode ? token.colorFillTertiary : '#f3f5fc')
   };
 });
 var mProps = {
-  fontSize: 12,
+  fontSize: 13,
   lineHeight: 1.625,
   headerMultiple: 0.2,
   marginMultiple: 0.6
@@ -39,14 +39,14 @@ var Render = /*#__PURE__*/memo(function (_ref2) {
     setShowDetail = _useState2[1];
   return /*#__PURE__*/_jsxs(Flexbox, {
     className: styles.container,
-    onClick: function onClick() {
-      setShowDetail(!showDetail);
-    },
     children: [/*#__PURE__*/_jsxs(Flexbox, {
       className: styles.titlebox,
       distribution: 'space-between',
       flex: 1,
       horizontal: true,
+      onClick: function onClick() {
+        setShowDetail(!showDetail);
+      },
       children: [/*#__PURE__*/_jsxs(Flexbox, {
         gap: 8,
         horizontal: true,

package/es/ChatMarkdown/MarkdownElements/AntThinking/remarkPlugin.js

@@ -40,7 +40,7 @@ export var remarkCaptureThink = function remarkCaptureThink() {
           data: {
             hChildren: [{
               type: 'text',
-              value: content
+              value: content || ' '
             }],
             hName: 'think'
           },

package/es/ChatMarkdown/utils.js

@@ -1,10 +1,15 @@
 // 预处理函数：确保 think 标签前后有两个换行符
 export var normalizeThinkTags = function normalizeThinkTags(markdown) {
+  var reg1 = new RegExp('([^\\n])\\s*<think>', 'g');
+  var reg2 = new RegExp('<think>\\s*([^\\n])', 'g');
+  var reg3 = new RegExp('([^\\n])\\s*<\\/think>', 'g');
+  var reg4 = new RegExp('<\\/think>\\s*([^\\n])', 'g');
+  var reg5 = new RegExp('\\n{3,}', 'g');
   return (markdown || ''
   // 确保 <think> 标签前后有两个换行符
-  ).replaceAll(/([^\n])\s*<think>/g, '$1\n\n<think>').replaceAll(/<think>\s*([^\n])/g, '<think>\n\n$1')
+  ).replaceAll(reg1, '$1\n\n<think>').replaceAll(reg2, '<think>\n\n$1')
   // 确保 </think> 标签前后有两个换行符
-  .replaceAll(/([^\n])\s*<\/think>/g, '$1\n\n</think>').replaceAll(/<\/think>\s*([^\n])/g, '</think>\n\n$1')
+  .replaceAll(reg3, '$1\n\n</think>').replaceAll(reg4, '</think>\n\n$1')
   // 处理可能产生的多余换行符
-  .replaceAll(/\n{3,}/g, '\n\n');
+  .replaceAll(reg5, '\n\n');
 };

package/es/CodeEditor/index.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, Ref } from 'react';
+import { FlexboxProps } from 'react-layout-kit';
+export interface CodeEditorProps extends Omit<FlexboxProps, 'onFocus' | 'onBlur' | 'onKeyUp' | 'onKeyDown' | 'onClick'> {
+    autoFocus?: boolean;
+    classNames?: {
+        highlight?: string;
+        textarea?: string;
+    };
+    disabled?: boolean;
+    fontSize?: number | string;
+    form?: string;
+    ignoreTabKey?: boolean;
+    insertSpaces?: boolean;
+    language: string;
+    maxLength?: number;
+    minLength?: number;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onClick?: MouseEventHandler<HTMLTextAreaElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    style?: CSSProperties;
+    styles?: {
+        highlight?: CSSProperties;
+        textarea?: CSSProperties;
+    };
+    tabSize?: number;
+    textareaId?: string;
+    value: string;
+    variant?: 'ghost' | 'block' | 'pure';
+}
+type Record = {
+    selectionEnd: number;
+    selectionStart: number;
+    value: string;
+};
+type History = {
+    offset: number;
+    stack: (Record & {
+        timestamp: number;
+    })[];
+};
+export declare const CodeEditor: import("react").ForwardRefExoticComponent<CodeEditorProps & import("react").RefAttributes<Ref<{
+    session: {
+        history: History;
+    };
+} | null>>>;
+export {};

package/es/CodeEditor/index.js

@@ -0,0 +1,418 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["autoFocus", "disabled", "form", "classNames", "styles", "ignoreTabKey", "insertSpaces", "maxLength", "minLength", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onValueChange", "placeholder", "readOnly", "required", "style", "className", "tabSize", "textareaId", "value", "language", "fontSize", "variant"];
+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; }
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { SyntaxHighlighter } from "../Highlighter";
+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";
+var KEYCODE_Y = 89;
+var KEYCODE_Z = 90;
+var KEYCODE_M = 77;
+var KEYCODE_PARENS = 57;
+var KEYCODE_BRACKETS = 219;
+var KEYCODE_QUOTE = 222;
+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 getLines = function getLines(text, position) {
+  return text.slice(0, Math.max(0, position)).split('\n');
+};
+export var CodeEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var autoFocus = _ref.autoFocus,
+    disabled = _ref.disabled,
+    form = _ref.form,
+    _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    _ref$styles = _ref.styles,
+    s = _ref$styles === void 0 ? {} : _ref$styles,
+    _ref$ignoreTabKey = _ref.ignoreTabKey,
+    ignoreTabKey = _ref$ignoreTabKey === void 0 ? false : _ref$ignoreTabKey,
+    _ref$insertSpaces = _ref.insertSpaces,
+    insertSpaces = _ref$insertSpaces === void 0 ? true : _ref$insertSpaces,
+    maxLength = _ref.maxLength,
+    minLength = _ref.minLength,
+    onBlur = _ref.onBlur,
+    onClick = _ref.onClick,
+    onFocus = _ref.onFocus,
+    onKeyDown = _ref.onKeyDown,
+    onKeyUp = _ref.onKeyUp,
+    onValueChange = _ref.onValueChange,
+    placeholder = _ref.placeholder,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    style = _ref.style,
+    className = _ref.className,
+    _ref$tabSize = _ref.tabSize,
+    tabSize = _ref$tabSize === void 0 ? 2 : _ref$tabSize,
+    textareaId = _ref.textareaId,
+    value = _ref.value,
+    language = _ref.language,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 12 : _ref$fontSize,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'ghost' : _ref$variant,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles({
+      fontSize: fontSize,
+      variant: variant
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var historyRef = useRef({
+    offset: -1,
+    stack: []
+  });
+  var inputRef = useRef(null);
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    capture = _useState2[0],
+    setCapture = _useState2[1];
+  var recordChange = useCallback(function (record) {
+    var overwrite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var _historyRef$current = historyRef.current,
+      stack = _historyRef$current.stack,
+      offset = _historyRef$current.offset;
+    if (stack.length > 0 && offset > -1) {
+      // When something updates, drop the redo operations
+      historyRef.current.stack = stack.slice(0, offset + 1);
+
+      // Limit the number of operations to 100
+      var count = historyRef.current.stack.length;
+      if (count > HISTORY_LIMIT) {
+        var extras = count - HISTORY_LIMIT;
+        historyRef.current.stack = stack.slice(extras, count);
+        historyRef.current.offset = Math.max(historyRef.current.offset - extras, 0);
+      }
+    }
+    var timestamp = Date.now();
+    if (overwrite) {
+      var last = historyRef.current.stack[historyRef.current.offset];
+      if (last && timestamp - last.timestamp < HISTORY_TIME_GAP) {
+        var _getLines$pop, _getLines$pop2, _current$;
+        // A previous entry exists and was in short interval
+
+        // Match the last word in the line
+        var re = /[^\da-z]([\da-z]+)$/i;
+
+        // Get the previous line
+        var previous = (_getLines$pop = getLines(last.value, last.selectionStart).pop()) === null || _getLines$pop === void 0 ? void 0 : _getLines$pop.match(re);
+
+        // Get the current line
+        var current = (_getLines$pop2 = getLines(record.value, record.selectionStart).pop()) === null || _getLines$pop2 === void 0 ? void 0 : _getLines$pop2.match(re);
+        if (previous !== null && previous !== void 0 && previous[1] && current !== null && current !== void 0 && (_current$ = current[1]) !== null && _current$ !== void 0 && _current$.startsWith(previous[1])) {
+          // The last word of the previous line and current line match
+          // Overwrite previous entry so that undo will remove whole word
+          historyRef.current.stack[historyRef.current.offset] = _objectSpread(_objectSpread({}, record), {}, {
+            timestamp: timestamp
+          });
+          return;
+        }
+      }
+    }
+
+    // Add the new operation to the stack
+    historyRef.current.stack.push(_objectSpread(_objectSpread({}, record), {}, {
+      timestamp: timestamp
+    }));
+    historyRef.current.offset++;
+  }, []);
+  var recordCurrentState = useCallback(function () {
+    var input = inputRef.current;
+    if (!input) return;
+
+    // Save current state of the input
+    var value = input.value,
+      selectionStart = input.selectionStart,
+      selectionEnd = input.selectionEnd;
+    recordChange({
+      selectionEnd: selectionEnd,
+      selectionStart: selectionStart,
+      value: value
+    });
+  }, [recordChange]);
+  var updateInput = function updateInput(record) {
+    var input = inputRef.current;
+    if (!input) return;
+
+    // Update values and selection state
+    input.value = record.value;
+    input.selectionStart = record.selectionStart;
+    input.selectionEnd = record.selectionEnd;
+    onValueChange === null || onValueChange === void 0 || onValueChange(record.value);
+  };
+  var applyEdits = function applyEdits(record) {
+    // Save last selection state
+    var input = inputRef.current;
+    var last = historyRef.current.stack[historyRef.current.offset];
+    if (last && input) {
+      historyRef.current.stack[historyRef.current.offset] = _objectSpread(_objectSpread({}, last), {}, {
+        selectionEnd: input.selectionEnd,
+        selectionStart: input.selectionStart
+      });
+    }
+
+    // Save the changes
+    recordChange(record);
+    updateInput(record);
+  };
+  var undoEdit = function undoEdit() {
+    var _historyRef$current2 = historyRef.current,
+      stack = _historyRef$current2.stack,
+      offset = _historyRef$current2.offset;
+
+    // Get the previous edit
+    var record = stack[offset - 1];
+    if (record) {
+      // Apply the changes and update the offset
+      updateInput(record);
+      historyRef.current.offset = Math.max(offset - 1, 0);
+    }
+  };
+  var redoEdit = function redoEdit() {
+    var _historyRef$current3 = historyRef.current,
+      stack = _historyRef$current3.stack,
+      offset = _historyRef$current3.offset;
+
+    // Get the next edit
+    var record = stack[offset + 1];
+    if (record) {
+      // Apply the changes and update the offset
+      updateInput(record);
+      historyRef.current.offset = Math.min(offset + 1, stack.length - 1);
+    }
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (onKeyDown) {
+      onKeyDown(e);
+      if (e.defaultPrevented) {
+        return;
+      }
+    }
+    if (e.key === 'Escape') {
+      e.currentTarget.blur();
+    }
+    var _e$currentTarget = e.currentTarget,
+      value = _e$currentTarget.value,
+      selectionStart = _e$currentTarget.selectionStart,
+      selectionEnd = _e$currentTarget.selectionEnd;
+    var tabCharacter = (insertSpaces ? ' ' : '\t').repeat(tabSize);
+    var windowCondition = isWindows ?
+    // Trigger redo with Ctrl+Y on Windows
+    e.ctrlKey && e.keyCode === KEYCODE_Y :
+    // Trigger redo with Ctrl+Shift+Z on other platforms
+    e.ctrlKey && e.keyCode === KEYCODE_Z && e.shiftKey;
+    if (e.key === 'Tab' && !ignoreTabKey && capture) {
+      // Prevent focus change
+      e.preventDefault();
+      if (e.shiftKey) {
+        // Unindent selected lines
+        var linesBeforeCaret = getLines(value, selectionStart);
+        var startLine = linesBeforeCaret.length - 1;
+        var endLine = getLines(value, selectionEnd).length - 1;
+        var nextValue = value.split('\n').map(function (line, i) {
+          if (i >= startLine && i <= endLine && line.startsWith(tabCharacter)) {
+            return line.slice(tabCharacter.length);
+          }
+          return line;
+        }).join('\n');
+        if (value !== nextValue) {
+          var startLineText = linesBeforeCaret[startLine];
+          applyEdits({
+            // Move the end cursor by total number of characters removed
+            selectionEnd: selectionEnd - (value.length - nextValue.length),
+            // Move the start cursor if first line in selection was modified
+            // It was modified only if it started with a tab
+            selectionStart: startLineText !== null && startLineText !== void 0 && startLineText.startsWith(tabCharacter) ? selectionStart - tabCharacter.length : selectionStart,
+            value: nextValue
+          });
+        }
+      } else if (selectionStart === selectionEnd) {
+        var updatedSelection = selectionStart + tabCharacter.length;
+        applyEdits({
+          selectionEnd: updatedSelection,
+          // Update caret position
+          selectionStart: updatedSelection,
+          // Insert tab character at caret
+          value: value.slice(0, Math.max(0, selectionStart)) + tabCharacter + value.slice(Math.max(0, selectionEnd))
+        });
+      } else {
+        // Indent selected lines
+        var _linesBeforeCaret = getLines(value, selectionStart);
+        var _startLine = _linesBeforeCaret.length - 1;
+        var _endLine = getLines(value, selectionEnd).length - 1;
+        var _startLineText = _linesBeforeCaret[_startLine];
+        applyEdits({
+          // Move the end cursor by total number of characters added
+          selectionEnd: selectionEnd + tabCharacter.length * (_endLine - _startLine + 1),
+          // Move the start cursor by number of characters added in first line of selection
+          // Don't move it if it there was no text before cursor
+          selectionStart: _startLineText && /\S/.test(_startLineText) ? selectionStart + tabCharacter.length : selectionStart,
+          value: value.split('\n').map(function (line, i) {
+            if (i >= _startLine && i <= _endLine) {
+              return tabCharacter + line;
+            }
+            return line;
+          }).join('\n')
+        });
+      }
+    } else if (e.key === 'Backspace') {
+      var hasSelection = selectionStart !== selectionEnd;
+      var textBeforeCaret = value.slice(0, Math.max(0, selectionStart));
+      if (textBeforeCaret.endsWith(tabCharacter) && !hasSelection) {
+        // Prevent default delete behaviour
+        e.preventDefault();
+        var _updatedSelection = selectionStart - tabCharacter.length;
+        applyEdits({
+          selectionEnd: _updatedSelection,
+          // Update caret position
+          selectionStart: _updatedSelection,
+          // Remove tab character at caret
+          value: value.slice(0, Math.max(0, selectionStart - tabCharacter.length)) + value.slice(Math.max(0, selectionEnd))
+        });
+      }
+    } else if (e.key === 'Enter') {
+      // Ignore selections
+      if (selectionStart === selectionEnd) {
+        // Get the current line
+        var line = getLines(value, selectionStart).pop();
+        var matches = line === null || line === void 0 ? void 0 : line.match(/^\s+/);
+        if (matches !== null && matches !== void 0 && matches[0]) {
+          e.preventDefault();
+
+          // Preserve indentation on inserting a new line
+          var indent = '\n' + matches[0];
+          var _updatedSelection2 = selectionStart + indent.length;
+          applyEdits({
+            selectionEnd: _updatedSelection2,
+            // Update caret position
+            selectionStart: _updatedSelection2,
+            // Insert indentation character at caret
+            value: value.slice(0, Math.max(0, selectionStart)) + indent + value.slice(Math.max(0, selectionEnd))
+          });
+        }
+      }
+    } else if (e.keyCode === KEYCODE_PARENS || e.keyCode === KEYCODE_BRACKETS || e.keyCode === KEYCODE_QUOTE || e.keyCode === KEYCODE_BACK_QUOTE) {
+      var chars;
+      if (e.keyCode === KEYCODE_PARENS && e.shiftKey) {
+        chars = ['(', ')'];
+      } else if (e.keyCode === KEYCODE_BRACKETS) {
+        chars = e.shiftKey ? ['{', '}'] : ['[', ']'];
+      } else if (e.keyCode === KEYCODE_QUOTE) {
+        chars = e.shiftKey ? ['"', '"'] : ["'", "'"];
+      } else if (e.keyCode === KEYCODE_BACK_QUOTE && !e.shiftKey) {
+        chars = ['`', '`'];
+      }
+
+      // If text is selected, wrap them in the characters
+      if (selectionStart !== selectionEnd && chars) {
+        e.preventDefault();
+        applyEdits({
+          selectionEnd: selectionEnd + 2,
+          // Update caret position
+          selectionStart: selectionStart,
+          value: value.slice(0, Math.max(0, selectionStart)) + chars[0] +
+          // eslint-disable-next-line unicorn/prefer-string-slice
+          value.substring(selectionStart, selectionEnd) + chars[1] + value.slice(Math.max(0, selectionEnd))
+        });
+      }
+    } else if ((isMacLike ?
+    // Trigger undo with ⌘+Z on Mac
+    e.metaKey && e.keyCode === KEYCODE_Z :
+    // Trigger undo with Ctrl+Z on other platforms
+    e.ctrlKey && e.keyCode === KEYCODE_Z) && !e.shiftKey && !e.altKey) {
+      e.preventDefault();
+      undoEdit();
+    } else if ((isMacLike ?
+    // Trigger redo with ⌘+Shift+Z on Mac
+    e.metaKey && e.keyCode === KEYCODE_Z && e.shiftKey : windowCondition) && !e.altKey) {
+      e.preventDefault();
+      redoEdit();
+    } else if (e.keyCode === KEYCODE_M && e.ctrlKey && (isMacLike ? e.shiftKey : true)) {
+      e.preventDefault();
+
+      // Toggle capturing tab key so users can focus away
+      setCapture(function (prev) {
+        return !prev;
+      });
+    }
+  };
+  var handleChange = function handleChange(e) {
+    var _e$currentTarget2 = e.currentTarget,
+      value = _e$currentTarget2.value,
+      selectionStart = _e$currentTarget2.selectionStart,
+      selectionEnd = _e$currentTarget2.selectionEnd;
+    recordChange({
+      selectionEnd: selectionEnd,
+      selectionStart: selectionStart,
+      value: value
+    }, true);
+    onValueChange(value);
+  };
+  useEffect(function () {
+    recordCurrentState();
+  }, [recordCurrentState]);
+
+  // @ts-ignore
+  useImperativeHandle(ref, function () {
+    return {
+      get session() {
+        return {
+          history: historyRef.current
+        };
+      },
+      set session(session) {
+        historyRef.current = session.history;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread({
+    className: cx(styles.container, className),
+    style: style
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.editor,
+      children: [/*#__PURE__*/_jsx(SyntaxHighlighter, {
+        className: cx(styles.highlight, classNames === null || classNames === void 0 ? void 0 : classNames.highlight),
+        language: language,
+        style: s.highlight,
+        children: value
+      }), /*#__PURE__*/_jsx("textarea", {
+        autoCapitalize: "off",
+        autoComplete: "off",
+        autoCorrect: "off",
+        autoFocus: autoFocus,
+        className: cx(styles.textarea, classNames === null || classNames === void 0 ? void 0 : classNames.textarea),
+        "data-gramm": false,
+        disabled: disabled,
+        form: form,
+        id: textareaId,
+        maxLength: maxLength,
+        minLength: minLength,
+        onBlur: onBlur,
+        onChange: handleChange,
+        onClick: onClick,
+        onFocus: onFocus,
+        onKeyDown: handleKeyDown,
+        onKeyUp: onKeyUp,
+        placeholder: placeholder,
+        readOnly: readOnly
+        // @ts-ignore
+        ,
+        ref: function ref(c) {
+          return inputRef.current = c;
+        },
+        required: required,
+        spellCheck: false,
+        style: _objectSpread({}, s === null || s === void 0 ? void 0 : s.textarea),
+        value: value
+      })]
+    })
+  }));
+});

package/es/CodeEditor/style.d.ts

@@ -0,0 +1,9 @@
+export declare const useStyles: (props?: {
+    fontSize: string | number;
+    variant: 'ghost' | 'block' | 'pure';
+} | undefined) => import("antd-style").ReturnStyles<{
+    container: string;
+    editor: import("antd-style").SerializedStyles;
+    highlight: import("antd-style").SerializedStyles;
+    textarea: import("antd-style").SerializedStyles;
+}>;

package/es/CodeEditor/style.js

@@ -0,0 +1,19 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { createStyles } from 'antd-style';
+import { isNumber } from 'lodash-es';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var cx = _ref.cx,
+    css = _ref.css,
+    token = _ref.token;
+  var variant = _ref2.variant,
+    fontSize = _ref2.fontSize;
+  var size = isNumber(fontSize) ? "".concat(fontSize, "px") : fontSize;
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n    "])), variant === 'block' ? token.colorFillTertiary : 'transparent', variant === 'block' ? 'transparent' : token.colorBorderSecondary, token.borderRadius);
+  return {
+    container: cx(variant !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden auto;\n          width: 100%;\n        "])))),
+    editor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        position: relative;\n        width: 100%;\n        height: fit-content;\n\n        * {\n          font-family: ", " !important;\n          font-size: ", " !important;\n          line-height: 1.5 !important;\n          word-break: break-all !important;\n          word-wrap: break-word !important;\n          white-space: pre-wrap !important;\n        }\n      "])), token.fontFamilyCode, size),
+    highlight: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        pointer-events: none;\n\n        pre,\n        code {\n          overflow: hidden;\n        }\n      "]))),
+    textarea: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        resize: none;\n\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n\n        overflow: hidden;\n\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n\n        color: transparent !important;\n        text-align: start;\n\n        background: transparent;\n        border: none;\n        outline: none;\n        caret-color: ", ";\n\n        &::placeholder {\n          color: ", ";\n        }\n\n        &:focus {\n          border: none !important;\n          outline: none !important;\n          box-shadow: none !important;\n        }\n      "])), token.colorText, token.colorTextQuaternary)
+  };
+});

package/es/CollapseGroup/index.js

@@ -1,9 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "variant"];
+var _excluded = ["className", "variant", "collapsible", "expandIcon"];
 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; }
-import { Form as LobeForm } from '@lobehub/ui';
+import { ActionIcon, Form as LobeForm } from '@lobehub/ui';
+import { ChevronDown, ChevronRight } from 'lucide-react';
 import React from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,13 +12,28 @@ var FormGroup = LobeForm.Group;
 export var CollapseGroup = function CollapseGroup(_ref) {
   var className = _ref.className,
     variant = _ref.variant,
+    collapsible = _ref.collapsible,
+    _ref$expandIcon = _ref.expandIcon,
+    expandIcon = _ref$expandIcon === void 0 ? function (panelProps) {
+      return /*#__PURE__*/_jsx(ActionIcon, {
+        icon: panelProps.isActive ? ChevronDown : ChevronRight,
+        size: {
+          blockSize: 24,
+          fontSize: 14,
+          strokeWidth: 3
+        }
+      });
+    } : _ref$expandIcon,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(),
+  var _useStyles = useStyles({
+      collapsible: collapsible
+    }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsx(FormGroup, _objectSpread({
     className: cx(styles.root, className),
-    collapsible: variant !== 'pure',
+    collapsible: variant === 'pure' ? false : collapsible,
+    expandIcon: expandIcon,
     variant: variant
   }, otherProps));
 };

package/es/CollapseGroup/style.d.ts

@@ -1,3 +1,5 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: {
+    collapsible?: boolean | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
     root: import("antd-style").SerializedStyles;
 }>;