@lobehub/ui 1.39.3 → 1.40.0

package/es/ActionIcon/index.d.ts

@@ -53,6 +53,11 @@ export interface ActionIconProps extends DivProps {
      * @description The text shown in the tooltip
      */
     title?: string;
+    /**
+     * @description Mouse enter delay of tooltip
+     * @default 0.5
+     */
+    tooltipDelay?: number;
 }
 declare const ActionIcon: import("react").ForwardRefExoticComponent<ActionIconProps & import("react").RefAttributes<HTMLDivElement>>;
 export default ActionIcon;

package/es/ActionIcon/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading"];
+var _excluded = ["className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay"];
 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 { Loader2 } from 'lucide-react';
@@ -68,6 +68,8 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick = _ref.onClick,
     children = _ref.children,
     loading = _ref.loading,
+    _ref$tooltipDelay = _ref.tooltipDelay,
+    tooltipDelay = _ref$tooltipDelay === void 0 ? 0.5 : _ref$tooltipDelay,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       active: Boolean(active),
@@ -106,7 +108,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   if (!title) return actionIconBlock;
   return /*#__PURE__*/_jsx(Tooltip, {
     arrow: arrow,
-    mouseEnterDelay: 1,
+    mouseEnterDelay: tooltipDelay,
     overlayStyle: {
       pointerEvents: 'none'
     },

package/es/ChatInputArea/index.d.ts

@@ -1,3 +1,4 @@
+import { type InputRef } from 'antd';
 import { CSSProperties, ReactNode } from 'react';
 import { type TextAreaProps } from "../Input";
 export interface ChatInputAreaProps extends TextAreaProps {
@@ -70,5 +71,5 @@ export interface ChatInputAreaProps extends TextAreaProps {
      */
     textareaStyle?: CSSProperties;
 }
-declare const ChatInputArea: import("react").NamedExoticComponent<ChatInputAreaProps>;
+declare const ChatInputArea: import("react").ForwardRefExoticComponent<ChatInputAreaProps & import("react").RefAttributes<InputRef>>;
 export default ChatInputArea;

package/es/ChatInputArea/index.js

@@ -6,13 +6,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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';
 import { Maximize2, Minimize2 } from 'lucide-react';
-import { forwardRef, memo, useCallback, useEffect, useRef, useState } from 'react';
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 import ActionIcon from "../ActionIcon";
 import { TextArea } from "../Input";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ChatInputArea = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, reference) {
+var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var textareaClassName = _ref.textareaClassName,
     style = _ref.style,
     textareaStyle = _ref.textareaStyle,
@@ -76,7 +76,7 @@ var ChatInputArea = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, r
     }), /*#__PURE__*/_jsx(TextArea, _objectSpread(_objectSpread({
       className: cx(styles.textarea, textareaClassName),
       defaultValue: defaultValue,
-      ref: reference,
+      ref: ref,
       style: textareaStyle
     }, props), {}, {
       onBlur: function onBlur(e) {
@@ -117,5 +117,5 @@ var ChatInputArea = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, r
       })]
     })]
   });
-}));
+});
 export default ChatInputArea;

package/es/CodeEditor/index.d.ts

@@ -1,5 +1,5 @@
-import { InputRef } from 'antd';
-import { type CSSProperties, type FocusEventHandler, type KeyboardEventHandler, type MouseEventHandler, type Ref } from 'react';
+import { type TextAreaRef } from 'antd/es/input/TextArea';
+import { type CSSProperties, type FocusEventHandler, type KeyboardEventHandler, type MouseEventHandler } from 'react';
 import { SyntaxHighlighterProps } from "../Highlighter/SyntaxHighlighter";
 export interface CodeEditorProps {
     autoFocus?: boolean;
@@ -21,7 +21,6 @@ export interface CodeEditorProps {
     placeholder?: string;
     preClassName?: string;
     readOnly?: boolean;
-    ref?: Ref<InputRef>;
     required?: boolean;
     resize?: boolean;
     style?: CSSProperties;
@@ -32,5 +31,5 @@ export interface CodeEditorProps {
     type?: 'ghost' | 'block' | 'pure';
     value: string;
 }
-declare const CodeEditor: import("react").NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: import("react").ForwardRefExoticComponent<CodeEditorProps & import("react").RefAttributes<TextAreaRef>>;
 export default CodeEditor;

package/es/CodeEditor/index.js

@@ -3,12 +3,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["style", "language", "theme", "value", "onValueChange", "resize", "className", "textareaClassName", "type"];
 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 { forwardRef, memo } from 'react';
+import { forwardRef } from 'react';
 import Editor from 'react-simple-code-editor';
 import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var CodeEditor = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, reference) {
+var CodeEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var style = _ref.style,
     language = _ref.language,
     theme = _ref.theme,
@@ -41,10 +41,10 @@ var CodeEditor = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, refe
       },
       onValueChange: onValueChange,
       padding: 0,
-      ref: reference,
+      ref: ref,
       textareaClassName: cx(styles.textarea, textareaClassName),
       value: value
     }, props))
   });
-}));
+});
 export default CodeEditor;

package/es/Input/index.d.ts

@@ -1,24 +1,15 @@
+/// <reference types="react" />
 import { type InputProps as AntdInputProps, type InputRef } from 'antd';
-import { TextAreaProps as AntdTextAreaProps, TextAreaRef } from 'antd/es/input/TextArea';
-import { type Ref } from 'react';
+import { TextAreaProps as AntdTextAreaProps, type TextAreaRef } from 'antd/es/input/TextArea';
 export interface InputProps extends AntdInputProps {
-    /**
-     * @description Ref of the component
-     */
-    ref?: Ref<InputRef>;
     /**
      * @description Type of the input
      * @default 'ghost'
      */
     type?: 'ghost' | 'block' | 'pure';
 }
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<InputRef>>;
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<InputRef>>;
 export interface TextAreaProps extends AntdTextAreaProps {
-    /**
-     * @description Ref of the component
-     * @default undefined
-     */
-    ref?: Ref<InputRef>;
     /**
      * @description Whether to enable resizing of the textarea
      * @default true
@@ -30,4 +21,4 @@ export interface TextAreaProps extends AntdTextAreaProps {
      */
     type?: 'ghost' | 'block' | 'pure';
 }
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<TextAreaRef>>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<TextAreaRef>>;

package/es/components/ControlInput.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type InputRef } from 'antd';
 import { InputProps } from "../Input";
 export interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value' | 'onAbort'> {
     /**
@@ -18,4 +19,4 @@ export interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value'
      */
     value?: string;
 }
-export declare const ControlInput: import("react").NamedExoticComponent<ControlInputProps>;
+export declare const ControlInput: import("react").ForwardRefExoticComponent<ControlInputProps & import("react").RefAttributes<InputRef>>;

package/es/components/ControlInput.js

@@ -6,12 +6,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { ConfigProvider, Space } from 'antd';
 import { RotateCcw, Save } from 'lucide-react';
-import { forwardRef, memo, useCallback, useEffect, useRef, useState } from 'react';
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 import ActionIcon from "../ActionIcon";
 import { Input } from "../Input";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var ControlInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, reference) {
+export var ControlInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     onValueChanging = _ref.onValueChanging,
@@ -55,7 +55,7 @@ export var ControlInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_
         onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(input);
       }
     },
-    ref: reference,
+    ref: ref,
     suffix: value === input ? /*#__PURE__*/_jsx("span", {}) : /*#__PURE__*/_jsx(ConfigProvider, {
       theme: {
         token: {
@@ -81,4 +81,4 @@ export var ControlInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_
     }),
     value: input
   }, props));
-}));
+});

package/package.json

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