@lobehub/ui 1.46.0 → 1.47.0

package/es/ChatInputArea/InputHighlight.js

@@ -1,5 +1,6 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useScroll, useSize } from 'ahooks';
-import { memo, useEffect, useRef } from 'react';
+import { memo, useEffect, useRef, useState } from 'react';
 import { SyntaxHighlighter } from "../Highlighter";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -7,9 +8,15 @@ var InputHighlight = /*#__PURE__*/memo(function (_ref) {
   var value = _ref.value,
     target = _ref.target;
   var ref = useRef(null);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    nativeTextarea = _useState2[0],
+    setNativeTextarea = _useState2[1];
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  var nativeTextarea = document.querySelector("#".concat(target));
+  useEffect(function () {
+    if (!nativeTextarea) setNativeTextarea(document.querySelector("#".concat(target)));
+  }, []);
   var size = useSize(nativeTextarea);
   var scroll = useScroll(nativeTextarea);
   useEffect(function () {

package/es/ChatInputArea/index.d.ts

@@ -69,6 +69,7 @@ export interface ChatInputAreaProps extends TextAreaProps {
      * @description Additional class name for the textarea element
      */
     textareaClassName?: string;
+    textareaId?: string;
     /**
      * @description CSS styles for the textarea element
      */

package/es/ChatInputArea/index.js

@@ -1,7 +1,7 @@
 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 = ["text", "textareaClassName", "style", "textareaStyle", "minHeight", "className", "actions", "footer", "expand", "placeholder", "onExpandChange", "onSend", "defaultValue", "loading", "disabled", "onInputChange", "onPressEnter", "onCompositionStart", "onCompositionEnd", "onBlur", "onChange"];
+var _excluded = ["text", "textareaClassName", "style", "textareaStyle", "minHeight", "className", "actions", "footer", "expand", "placeholder", "onExpandChange", "onSend", "defaultValue", "loading", "disabled", "onInputChange", "onPressEnter", "onCompositionStart", "onCompositionEnd", "onBlur", "onChange", "textareaId"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Button } from 'antd';
@@ -38,6 +38,8 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _onCompositionEnd = _ref.onCompositionEnd,
     _onBlur = _ref.onBlur,
     _onChange = _ref.onChange,
+    _ref$textareaId = _ref.textareaId,
+    textareaId = _ref$textareaId === void 0 ? 'lobe-chat-input-area' : _ref$textareaId,
     props = _objectWithoutProperties(_ref, _excluded);
   var isChineseInput = useRef(false);
   var _useState = useState(defaultValue),
@@ -78,12 +80,12 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }), /*#__PURE__*/_jsxs("div", {
       className: styles.textareaContainer,
       children: [/*#__PURE__*/_jsx(InputHighlight, {
-        target: 'lobe-chat-input-area',
+        target: textareaId,
         value: value
       }), /*#__PURE__*/_jsx(TextArea, _objectSpread(_objectSpread({
         className: cx(styles.textarea, textareaClassName),
         defaultValue: defaultValue,
-        id: 'lobe-chat-input-area',
+        id: textareaId,
         ref: ref,
         style: textareaStyle
       }, props), {}, {

package/es/styles/index.d.ts

@@ -1,3 +1,4 @@
+export { generateColorNeutralPalette, generateColorPalette, } from './algorithms/generateColorPalette';
 export { generateCustomStylish as lobeCustomStylish } from './algorithms/generateCustomStylish';
 export { generateCustomTheme as lobeCustomTheme } from './algorithms/generateCustomTheme';
 export { generateCustomToken as lobeCustomToken } from './algorithms/generateCustomToken';

package/es/styles/index.js

@@ -1,3 +1,4 @@
+export { generateColorNeutralPalette, generateColorPalette } from "./algorithms/generateColorPalette";
 export { generateCustomStylish as lobeCustomStylish } from "./algorithms/generateCustomStylish";
 export { generateCustomTheme as lobeCustomTheme } from "./algorithms/generateCustomTheme";
 export { generateCustomToken as lobeCustomToken } from "./algorithms/generateCustomToken";

package/package.json

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