@lobehub/ui 1.39.3 → 1.41.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/ThemeProvider/GlobalStyle/antdOverride.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from 'antd-style';
+declare const _default: (token: Theme) => import("antd-style").SerializedStyles;
+export default _default;

package/es/ThemeProvider/GlobalStyle/antdOverride.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from 'antd-style';
+export default (function (token) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-tooltip-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: unset;\n    padding: 4px 8px;\n\n    color: ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n  }\n\n  .ant-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", ";\n    }\n  }\n"])), token.colorBgLayout, token.colorText, token.borderRadiusSM, token.colorText);
+});

package/es/ThemeProvider/GlobalStyle/global.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from 'antd-style';
+declare const _default: (token: Theme) => import("antd-style").SerializedStyles;
+export default _default;

package/es/ThemeProvider/GlobalStyle/global.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from 'antd-style';
+export default (function (token) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  html,\n  body {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    margin: 0;\n    padding: 0;\n\n    font-family: ", ";\n    font-size: ", "px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    line-height: 1;\n    color: ", ";\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    vertical-align: baseline;\n\n    color-scheme: dark;\n    background-color: ", ";\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  body {\n    overflow-x: hidden;\n    height: 100vh;\n  }\n\n  #root {\n    min-height: 100vh;\n  }\n\n  code {\n    font-family: ", " !important;\n\n    span {\n      font-family: ", " !important;\n    }\n  }\n\n  p {\n    text-align: justify;\n    word-wrap: break-word;\n  }\n\n  ::selection {\n    color: #000;\n    background: ", ";\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n\n  @media only screen and (min-width: 574px) {\n    * {\n      ::-webkit-scrollbar {\n        cursor: pointer;\n        width: 4px;\n        height: 4px;\n        background-color: transparent;\n      }\n\n      ::-webkit-scrollbar-thumb {\n        cursor: pointer;\n        background-color: transparent;\n        border-radius: 2px;\n        transition: background-color 500ms ", ";\n\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ::-webkit-scrollbar-corner {\n        display: none;\n        width: 0;\n        height: 0;\n      }\n\n      &:hover {\n        ::-webkit-scrollbar-thumb {\n          background-color: ", ";\n        }\n      }\n    }\n  }\n"])), token.fontFamily, token.fontSize, token.colorTextBase, token.colorBgLayout, token.fontFamilyCode, token.fontFamilyCode, token.yellow9, token.motionEaseOut, token.colorText, token.colorFill);
+});

package/es/ThemeProvider/GlobalStyle/index.js

@@ -0,0 +1,8 @@
+import { createGlobalStyle } from 'antd-style';
+import antdOverride from "./antdOverride";
+import global from "./global";
+var GlobalStyle = createGlobalStyle(function (_ref) {
+  var theme = _ref.theme;
+  return [global(theme), antdOverride(theme)];
+});
+export default GlobalStyle;

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

package/es/ThemeProvider/GlobalStyle.js

@@ -1,47 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
-import { createGlobalStyle } from 'antd-style';
-var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n  html,body {\n    --font-settings: \"cv01\", \"tnum\", \"kern\";\n    --font-variations: \"opsz\" auto, tabular-nums;\n\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    margin: 0;\n    padding: 0;\n\n    font-family: ", ";\n    font-size: ", "px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    line-height: 1;\n    color: ", ";\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    vertical-align: baseline;\n\n    color-scheme: dark;\n    background-color: ", ";\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-overflow-scrolling:touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  body {\n    overflow-x: hidden;\n    height: 100vh;\n  }\n\n  #root {\n    min-height: 100vh;\n  }\n\n  code {\n    font-family: ", " !important;\n\n    span {\n      font-family: ", " !important;\n    }\n  }\n\n  p {\n    text-align: justify;\n    word-wrap: break-word;\n  }\n\n  ::selection {\n    color: #000;\n    background: ", ";\n\n\t  -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n\t  box-sizing: border-box;\n\t  vertical-align: baseline;\n  }\n\n  @media only screen and (min-width: 574px) {\n    * {\n      ::-webkit-scrollbar {\n        cursor: pointer;\n        width: 4px;\n        height: 4px;\n        background-color: transparent;\n      }\n\n      ::-webkit-scrollbar-thumb {\n        cursor: pointer;\n        background-color: transparent;\n        border-radius: 2px;\n        transition: background-color 500ms ", ";\n\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ::-webkit-scrollbar-corner {\n        display: none;\n        width: 0;\n        height: 0;\n      }\n\n      &:hover {\n        ::-webkit-scrollbar-thumb {\n          background-color: ", ";\n        }\n      }\n    }\n  }\n\n  .ant-tooltip-inner {\n\t  display: flex;\n\t  align-items: center;\n\t  justify-content: center;\n\n\t  min-height: unset;\n\t  padding: 4px 8px;\n\n\t  color: ", ";\n\n\t  background-color: ", ";\n\t  border-radius: ", "px;\n  }\n\n  .ant-tooltip-arrow {\n\t  &::before,\n\t  &::after {\n\t\t  background: ", ";\n\t  }\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.fontFamily;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.fontSize;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colorTextBase;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colorBgLayout;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.fontFamilyCode;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.fontFamilyCode;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.yellow9;
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.motionEaseOut;
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.colorText;
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.colorFill;
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.colorBgLayout;
-}, function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.colorText;
-}, function (_ref13) {
-  var theme = _ref13.theme;
-  return theme.borderRadiusSM;
-}, function (_ref14) {
-  var theme = _ref14.theme;
-  return theme.colorText;
-});
-export default GlobalStyle;