@lobehub/ui 1.116.2 → 1.116.3

package/es/ActionIcon/index.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
-import { type IconProps, type IconSizeConfig, type IconSizeType } from "../Icon";
-import type { TooltipProps } from "../Tooltip";
-interface ActionIconSizeConfig extends IconSizeConfig {
+import { type IconProps } from "../Icon";
+import { type TooltipProps } from "../Tooltip";
+import { DivProps } from "../types";
+export type ActionIconSize = 'large' | 'normal' | 'small' | 'site' | {
     blockSize?: number;
     borderRadius?: number;
-}
-type ActionIconSizeType = 'site' | IconSizeType;
-export type ActionIconSize = ActionIconSizeType | ActionIconSizeConfig;
-export interface ActionIconProps extends Omit<IconProps, 'size' | 'icon'> {
+    fontSize?: number;
+    strokeWidth?: number;
+};
+export interface ActionIconProps extends DivProps {
     /**
      * @description Whether the icon is active or not
      * @default false
@@ -18,11 +19,17 @@ export interface ActionIconProps extends Omit<IconProps, 'size' | 'icon'> {
      * @default false
      */
     arrow?: boolean;
+    color?: IconProps['color'];
+    fill?: IconProps['fill'];
     /**
      * @description Glass blur style
      * @default 'false'
      */
     glass?: boolean;
+    /**
+     * @description The icon element to be rendered
+     * @type LucideIcon
+     */
     icon?: IconProps['icon'];
     /**
      * @description Set the loading status of ActionIcon

package/es/ActionIcon/index.js

@@ -1,21 +1,57 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "fillOpacity", "fillRule", "focusable"];
+var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay"];
 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 { Loader2 } from 'lucide-react';
-import { Suspense, forwardRef, lazy, useMemo } from 'react';
+import { forwardRef, useMemo } from 'react';
 import Icon from "../Icon";
-import { calcSize } from "./calcSize";
+import Spotlight from "../Spotlight";
+import Tooltip from "../Tooltip";
 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";
-var Tooltip = /*#__PURE__*/lazy(function () {
-  return import("../Tooltip");
-});
-var Spotlight = /*#__PURE__*/lazy(function () {
-  return import("../Spotlight");
-});
+var calcSize = function calcSize(size) {
+  var blockSize;
+  var borderRadius;
+  switch (size) {
+    case 'large':
+      {
+        blockSize = 44;
+        borderRadius = 8;
+        break;
+      }
+    case 'normal':
+      {
+        blockSize = 36;
+        borderRadius = 5;
+        break;
+      }
+    case 'small':
+      {
+        blockSize = 24;
+        borderRadius = 5;
+        break;
+      }
+    case 'site':
+      {
+        blockSize = 34;
+        borderRadius = 5;
+        break;
+      }
+    default:
+      {
+        blockSize = (size === null || size === void 0 ? void 0 : size.blockSize) || 36;
+        borderRadius = (size === null || size === void 0 ? void 0 : size.borderRadius) || 5;
+        break;
+      }
+  }
+  return {
+    blockSize: blockSize,
+    borderRadius: borderRadius
+  };
+};
 var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
     fill = _ref.fill,
@@ -36,9 +72,6 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     loading = _ref.loading,
     _ref$tooltipDelay = _ref.tooltipDelay,
     tooltipDelay = _ref$tooltipDelay === void 0 ? 0.5 : _ref$tooltipDelay,
-    fillOpacity = _ref.fillOpacity,
-    fillRule = _ref.fillRule,
-    focusable = _ref.focusable,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       active: Boolean(active),
@@ -51,23 +84,21 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, [size]),
     blockSize = _useMemo.blockSize,
     borderRadius = _useMemo.borderRadius;
-  var iconProps = {
+  var content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [icon && /*#__PURE__*/_jsx(Icon, {
+      className: styles.icon,
+      color: color,
+      fill: fill,
+      icon: icon,
+      size: size === 'site' ? 'normal' : size
+    }), children]
+  });
+  var spin = /*#__PURE__*/_jsx(Icon, {
     color: color,
-    fill: fill,
-    fillOpacity: fillOpacity,
-    fillRule: fillRule,
-    focusable: focusable,
-    size: size === 'site' ? 'normal' : size
-  };
-  var content = icon && /*#__PURE__*/_jsx(Icon, _objectSpread({
-    className: styles.icon,
-    icon: icon
-  }, iconProps));
-  var spin = /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
-    icon: Loader2
-  }, iconProps), {}, {
+    icon: Loader2,
+    size: size === 'site' ? 'normal' : size,
     spin: true
-  }));
+  });
   var actionIconBlock = /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: cx(styles.block, className),
     onClick: loading ? undefined : onClick,
@@ -78,24 +109,18 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
       width: blockSize
     }, style)
   }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Suspense, {
-      fallback: null,
-      children: spotlight && /*#__PURE__*/_jsx(Spotlight, {})
-    }), loading ? spin : content, children]
+    children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), loading ? spin : content]
   }));
   if (!title) return actionIconBlock;
-  return /*#__PURE__*/_jsx(Suspense, {
-    fallback: actionIconBlock,
-    children: /*#__PURE__*/_jsx(Tooltip, {
-      arrow: arrow,
-      mouseEnterDelay: tooltipDelay,
-      overlayStyle: {
-        pointerEvents: 'none'
-      },
-      placement: placement,
-      title: title,
-      children: actionIconBlock
-    })
+  return /*#__PURE__*/_jsx(Tooltip, {
+    arrow: arrow,
+    mouseEnterDelay: tooltipDelay,
+    overlayStyle: {
+      pointerEvents: 'none'
+    },
+    placement: placement,
+    title: title,
+    children: actionIconBlock
   });
 });
 export default ActionIcon;

package/es/ChatItem/index.js

@@ -4,19 +4,17 @@ var _excluded = ["avatarAddon", "onAvatarClick", "actions", "className", "primar
 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 { useResponsive } from 'antd-style';
-import { Suspense, lazy, memo } from 'react';
+import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Actions from "./components/Actions";
 import Avatar from "./components/Avatar";
 import BorderSpacing from "./components/BorderSpacing";
+import ErrorContent from "./components/ErrorContent";
 import MessageContent from "./components/MessageContent";
 import Title from "./components/Title";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ErrorContent = /*#__PURE__*/lazy(function () {
-  return import("./components/ErrorContent");
-});
 var MOBILE_AVATAR_SIZE = 32;
 var ChatItem = /*#__PURE__*/memo(function (_ref) {
   var avatarAddon = _ref.avatarAddon,
@@ -80,13 +78,10 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
         className: styles.messageContent,
         direction: type === 'block' ? placement === 'left' ? 'horizontal' : 'horizontal-reverse' : 'vertical',
         gap: 8,
-        children: [error ? /*#__PURE__*/_jsx(Suspense, {
-          fallback: null,
-          children: /*#__PURE__*/_jsx(ErrorContent, {
-            error: error,
-            message: errorMessage,
-            placement: placement
-          })
+        children: [error ? /*#__PURE__*/_jsx(ErrorContent, {
+          error: error,
+          message: errorMessage,
+          placement: placement
         }) : /*#__PURE__*/_jsx(MessageContent, {
           editing: editing,
           message: message,

package/es/EditableMessage/index.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
-import type { MessageInputProps } from "../MessageInput";
-import type { MessageModalProps } from "../MessageModal";
+import { type MessageInputProps } from "../MessageInput";
+import { type MessageModalProps } from "../MessageModal";
 export interface EditableMessageProps {
     /**
      * @title The class name for the Markdown and MessageInput component

package/es/EditableMessage/index.js

@@ -3,18 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 { createStyles } from 'antd-style';
-import { Suspense, lazy, memo } from 'react';
+import { memo } from 'react';
 import useControlledState from 'use-merge-value';
 import Markdown from "../Markdown";
+import MessageInput from "../MessageInput";
+import MessageModal from "../MessageModal";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var MessageInput = /*#__PURE__*/lazy(function () {
-  return import("../MessageInput");
-});
-var MessageModal = /*#__PURE__*/lazy(function () {
-  return import("../MessageModal");
-});
 var useStyles = createStyles(function (_ref) {
   var stylish = _ref.stylish;
   return {
@@ -59,29 +55,26 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref2) {
     expand = _useControlledState4[0],
     setExpand = _useControlledState4[1];
   var isAutoSize = height === 'auto';
-  var input = /*#__PURE__*/_jsx(Suspense, {
-    fallback: null,
-    children: /*#__PURE__*/_jsx(MessageInput, {
-      className: classNames === null || classNames === void 0 ? void 0 : classNames.input,
-      classNames: {
-        textarea: classNames === null || classNames === void 0 ? void 0 : classNames.textarea
-      },
-      defaultValue: value,
-      editButtonSize: editButtonSize,
-      height: height,
-      onCancel: function onCancel() {
-        return setTyping(false);
-      },
-      onConfirm: function onConfirm(text) {
-        _onChange === null || _onChange === void 0 || _onChange(text);
-        setTyping(false);
-      },
-      placeholder: placeholder,
-      style: stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.input,
-      text: text,
-      textareaClassname: classNames === null || classNames === void 0 ? void 0 : classNames.input,
-      type: inputType
-    })
+  var input = /*#__PURE__*/_jsx(MessageInput, {
+    className: classNames === null || classNames === void 0 ? void 0 : classNames.input,
+    classNames: {
+      textarea: classNames === null || classNames === void 0 ? void 0 : classNames.textarea
+    },
+    defaultValue: value,
+    editButtonSize: editButtonSize,
+    height: height,
+    onCancel: function onCancel() {
+      return setTyping(false);
+    },
+    onConfirm: function onConfirm(text) {
+      _onChange === null || _onChange === void 0 || _onChange(text);
+      setTyping(false);
+    },
+    placeholder: placeholder,
+    style: stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.input,
+    text: text,
+    textareaClassname: classNames === null || classNames === void 0 ? void 0 : classNames.input,
+    type: inputType
   });
   if (!value && showEditWhenEmpty) return input;
   return /*#__PURE__*/_jsxs(_Fragment, {
@@ -94,26 +87,23 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref2) {
         overflowY: 'auto'
       }, stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.markdown),
       children: value || placeholder
-    }), /*#__PURE__*/_jsx(Suspense, {
-      fallback: null,
-      children: /*#__PURE__*/_jsx(MessageModal, {
-        editing: isEdit,
-        extra: model === null || model === void 0 ? void 0 : model.extra,
-        footer: model === null || model === void 0 ? void 0 : model.footer,
-        height: height,
-        onChange: function onChange(text) {
-          return _onChange === null || _onChange === void 0 ? void 0 : _onChange(text);
-        },
-        onEditingChange: setTyping,
-        onOpenChange: function onOpenChange(e) {
-          setExpand(e);
-          setTyping(false);
-        },
-        open: expand,
-        placeholder: placeholder,
-        text: text,
-        value: value
-      })
+    }), /*#__PURE__*/_jsx(MessageModal, {
+      editing: isEdit,
+      extra: model === null || model === void 0 ? void 0 : model.extra,
+      footer: model === null || model === void 0 ? void 0 : model.footer,
+      height: height,
+      onChange: function onChange(text) {
+        return _onChange === null || _onChange === void 0 ? void 0 : _onChange(text);
+      },
+      onEditingChange: setTyping,
+      onOpenChange: function onOpenChange(e) {
+        setExpand(e);
+        setTyping(false);
+      },
+      open: expand,
+      placeholder: placeholder,
+      text: text,
+      value: value
     })]
   });
 });

package/es/EmojiPicker/index.js

@@ -1,53 +1,32 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import data from '@emoji-mart/data';
-import DEFAULT_I18N from '@emoji-mart/data/i18n/en.json';
+import Picker from '@emoji-mart/react';
 import { Avatar } from "./..";
 import { Popover } from 'antd';
-import { Suspense, lazy, memo } from 'react';
+import { memo } from 'react';
 import useSWR from 'swr';
 import useMergeState from 'use-merge-value';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Picker = /*#__PURE__*/lazy(function () {
-  return import('@emoji-mart/react');
-});
-var DEFAULT_EMOJI = '🤖';
-var DEFAULT_LOCALE = 'en-US';
-var DEFAULT_BACKGROUND_COLOR = 'rgba(0,0,0,0)';
-var formatLocale = function formatLocale(locale) {
-  return locale.split('-')[0];
-};
 var EmojiPicker = /*#__PURE__*/memo(function (_ref) {
   var value = _ref.value,
     _ref$defaultAvatar = _ref.defaultAvatar,
-    defaultAvatar = _ref$defaultAvatar === void 0 ? DEFAULT_EMOJI : _ref$defaultAvatar,
+    defaultAvatar = _ref$defaultAvatar === void 0 ? '🤖' : _ref$defaultAvatar,
     _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? DEFAULT_BACKGROUND_COLOR : _ref$backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? 'rgba(0,0,0,0)' : _ref$backgroundColor,
     onChange = _ref.onChange,
     _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? DEFAULT_LOCALE : _ref$locale;
-  var _useMergeState = useMergeState(locale, {
-      defaultValue: locale
-    }),
-    _useMergeState2 = _slicedToArray(_useMergeState, 2),
-    emojiLocale = _useMergeState2[0],
-    setEmojiLocale = _useMergeState2[1];
-  var _useMergeState3 = useMergeState('🤖', {
-      defaultValue: defaultAvatar,
-      onChange: onChange,
-      value: value
-    }),
-    _useMergeState4 = _slicedToArray(_useMergeState3, 2),
-    ava = _useMergeState4[0],
-    setAva = _useMergeState4[1];
-  var _useSWR = useSWR(emojiLocale === DEFAULT_LOCALE ? null : emojiLocale, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    locale = _ref$locale === void 0 ? 'en-US' : _ref$locale;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useSWR = useSWR(locale, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return import("@emoji-mart/data/i18n/".concat(formatLocale(emojiLocale), ".json"));
+            return import("@emoji-mart/data/i18n/".concat(locale.split('-')[0], ".json"));
           case 2:
             return _context.abrupt("return", _context.sent);
           case 3:
@@ -55,32 +34,28 @@ var EmojiPicker = /*#__PURE__*/memo(function (_ref) {
             return _context.stop();
         }
       }, _callee);
-    })), {
-      onError: function onError() {
-        return setEmojiLocale(DEFAULT_LOCALE);
-      },
-      onErrorRetry: function onErrorRetry() {
-        return setEmojiLocale(DEFAULT_LOCALE);
-      }
-    }),
+    }))),
     i18n = _useSWR.data;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
+  var _useMergeState = useMergeState('🤖', {
+      defaultValue: defaultAvatar,
+      onChange: onChange,
+      value: value
+    }),
+    _useMergeState2 = _slicedToArray(_useMergeState, 2),
+    ava = _useMergeState2[0],
+    setAva = _useMergeState2[1];
   return /*#__PURE__*/_jsx(Popover, {
     content: /*#__PURE__*/_jsx("div", {
       className: styles.picker,
-      children: /*#__PURE__*/_jsx(Suspense, {
-        fallback: null,
-        children: /*#__PURE__*/_jsx(Picker, {
-          data: data,
-          i18n: i18n || DEFAULT_I18N,
-          locale: formatLocale(emojiLocale) || DEFAULT_LOCALE,
-          onEmojiSelect: function onEmojiSelect(e) {
-            return setAva(e.native);
-          },
-          skinTonePosition: 'none',
-          theme: 'auto'
-        })
+      children: /*#__PURE__*/_jsx(Picker, {
+        data: data,
+        i18n: i18n,
+        locale: locale.split('-')[0],
+        onEmojiSelect: function onEmojiSelect(e) {
+          return setAva(e.native);
+        },
+        skinTonePosition: 'none',
+        theme: 'auto'
       })
     }),
     placement: 'left',

package/es/Giscus/index.d.ts

@@ -1,5 +1,5 @@
 import { type GiscusProps as GiscusComponentProps } from '@giscus/react';
-import { type CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 export interface GiscusProps extends GiscusComponentProps {
     className?: string;
     style?: CSSProperties;

package/es/Highlighter/index.js

@@ -3,17 +3,15 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["fullFeatured", "copyButtonSize", "children", "language", "className", "style", "copyable", "showLanguage", "type", "spotlight"];
 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 { Suspense, lazy, memo } from 'react';
+import { memo } from 'react';
 import CopyButton from "../CopyButton";
+import Spotlight from "../Spotlight";
 import Tag from "../Tag";
 import FullFeatured from "./FullFeatured";
 import SyntaxHighlighter from "./SyntaxHighlighter";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Spotlight = /*#__PURE__*/lazy(function () {
-  return import("../Spotlight");
-});
 export var Highlighter = /*#__PURE__*/memo(function (_ref) {
   var fullFeatured = _ref.fullFeatured,
     _ref$copyButtonSize = _ref.copyButtonSize,
@@ -46,11 +44,8 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     "data-code-type": "highlighter",
     style: style
   }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Suspense, {
-      fallback: null,
-      children: spotlight && /*#__PURE__*/_jsx(Spotlight, {
-        size: 240
-      })
+    children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {
+      size: 240
     }), copyable && /*#__PURE__*/_jsx(CopyButton, {
       className: styles.button,
       content: children,

package/es/Icon/index.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { LucideIcon, LucideProps } from 'lucide-react';
+import { LucideIcon } from 'lucide-react';
 import { DivProps } from "../types";
-export interface IconSizeConfig extends Pick<LucideProps, 'strokeWidth' | 'absoluteStrokeWidth'> {
+export type IconSize = 'large' | 'normal' | 'small' | {
     fontSize?: number;
-}
-export type IconSizeType = 'large' | 'normal' | 'small';
-export type IconSize = IconSizeType | IconSizeConfig;
-export interface IconProps extends DivProps, Pick<LucideProps, 'fill' | 'fillRule' | 'fillOpacity' | 'color' | 'focusable'> {
+    strokeWidth?: number;
+};
+export interface IconProps extends DivProps {
+    color?: string;
+    fill?: string;
     /**
      * @description The icon element to be rendered
      * @type LucideIcon
@@ -23,5 +24,5 @@ export interface IconProps extends DivProps, Pick<LucideProps, 'fill' | 'fillRul
      */
     spin?: boolean;
 }
-declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
+declare const Icon: import("react").NamedExoticComponent<IconProps>;
 export default Icon;

package/es/Icon/index.js

@@ -1,24 +1,57 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["icon", "size", "color", "fill", "className", "focusable", "spin", "fillRule", "fillOpacity"],
-  _excluded2 = ["fontSize"];
+var _excluded = ["icon", "size", "color", "fill", "className", "spin"];
 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, useMemo } from 'react';
-import { calcSize } from "./calcSize";
+import { memo, useMemo } from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var calcSize = function calcSize(size) {
+  var fontSize;
+  var strokeWidth;
+  switch (size) {
+    case 'large':
+      {
+        fontSize = 24;
+        strokeWidth = 2;
+        break;
+      }
+    case 'normal':
+      {
+        fontSize = 20;
+        strokeWidth = 2;
+        break;
+      }
+    case 'small':
+      {
+        fontSize = 14;
+        strokeWidth = 1.5;
+        break;
+      }
+    default:
+      {
+        if (size) {
+          fontSize = (size === null || size === void 0 ? void 0 : size.fontSize) || 24;
+          strokeWidth = (size === null || size === void 0 ? void 0 : size.strokeWidth) || 2;
+        } else {
+          fontSize = '1em';
+          strokeWidth = 2;
+        }
+        break;
+      }
+  }
+  return {
+    fontSize: fontSize,
+    strokeWidth: strokeWidth
+  };
+};
+var Icon = /*#__PURE__*/memo(function (_ref) {
   var icon = _ref.icon,
     size = _ref.size,
     color = _ref.color,
-    _ref$fill = _ref.fill,
-    fill = _ref$fill === void 0 ? 'transparent' : _ref$fill,
+    fill = _ref.fill,
     className = _ref.className,
-    focusable = _ref.focusable,
     spin = _ref.spin,
-    fillRule = _ref.fillRule,
-    fillOpacity = _ref.fillOpacity,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
@@ -28,22 +61,20 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return calcSize(size);
     }, [size]),
     fontSize = _useMemo.fontSize,
-    restSize = _objectWithoutProperties(_useMemo, _excluded2);
+    strokeWidth = _useMemo.strokeWidth;
   return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
     className: cx('anticon', spin && styles.spin, className),
     role: "img"
   }, rest), {}, {
-    children: /*#__PURE__*/_jsx(SvgIcon, _objectSpread({
+    children: /*#__PURE__*/_jsx(SvgIcon, {
       color: color,
-      fill: fill,
-      fillOpacity: fillOpacity,
-      fillRule: fillRule,
-      focusable: focusable,
+      fill: fill !== null && fill !== void 0 ? fill : 'transparent',
+      focusable: false,
       height: fontSize,
-      ref: ref,
       size: fontSize,
+      strokeWidth: strokeWidth,
       width: fontSize
-    }, restSize))
+    })
   }));
 });
 export default Icon;

package/es/SearchBar/index.js

@@ -5,17 +5,15 @@ var _excluded = ["defaultValue", "spotlight", "className", "value", "onInputChan
 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 { Search } from 'lucide-react';
-import { Suspense, lazy, memo, useEffect, useRef, useState } from 'react';
+import { memo, useEffect, useRef, useState } from 'react';
 import useControlledState from 'use-merge-value';
 import Icon from "../Icon";
 import { Input } from "../Input";
+import Spotlight from "../Spotlight";
 import Tag from "../Tag";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Spotlight = /*#__PURE__*/lazy(function () {
-  return import("../Spotlight");
-});
 var SearchBar = /*#__PURE__*/memo(function (_ref) {
   var defaultValue = _ref.defaultValue,
     spotlight = _ref.spotlight,
@@ -68,10 +66,7 @@ var SearchBar = /*#__PURE__*/memo(function (_ref) {
   }, []);
   return /*#__PURE__*/_jsxs("div", {
     className: cx(styles.search, className),
-    children: [/*#__PURE__*/_jsx(Suspense, {
-      fallback: null,
-      children: spotlight && /*#__PURE__*/_jsx(Spotlight, {})
-    }), /*#__PURE__*/_jsx(Input, _objectSpread({
+    children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), /*#__PURE__*/_jsx(Input, _objectSpread({
       allowClear: true,
       className: styles.input,
       onBlur: function onBlur() {

package/es/Snippet/index.js

@@ -3,15 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["symbol", "language", "children", "copyable", "type", "spotlight", "className"];
 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 { Suspense, lazy, memo } from 'react';
+import { memo } from 'react';
 import CopyButton from "../CopyButton";
 import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter";
+import Spotlight from "../Spotlight";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Spotlight = /*#__PURE__*/lazy(function () {
-  return import("../Spotlight");
-});
 var Snippet = /*#__PURE__*/memo(function (_ref) {
   var symbol = _ref.symbol,
     _ref$language = _ref.language,
@@ -30,10 +28,7 @@ var Snippet = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className)
   }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Suspense, {
-      fallback: null,
-      children: spotlight && /*#__PURE__*/_jsx(Spotlight, {})
-    }), /*#__PURE__*/_jsx(SyntaxHighlighter, {
+    children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), /*#__PURE__*/_jsx(SyntaxHighlighter, {
       language: language,
       children: [symbol, children].filter(Boolean).join(' ')
     }), copyable && /*#__PURE__*/_jsx(CopyButton, {

package/es/types/chatMessage.d.ts

@@ -1,4 +1,3 @@
-import { PluginRequestPayload } from '@lobehub/chat-plugin-sdk';
 import { ErrorType } from './error';
 import { LLMRoleType } from './llm';
 import { BaseDataModel } from './meta';
@@ -29,7 +28,7 @@ export interface ChatMessage extends BaseDataModel {
     function_call?: OpenAIFunctionCall;
     name?: string;
     parentId?: string;
-    plugin?: PluginRequestPayload;
+    plugin?: any;
     quotaId?: string;
     /**
      * 角色

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.116.2",
+  "version": "1.116.3",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -77,7 +77,6 @@
     "@emoji-mart/react": "^1",
     "@floating-ui/react": "^0",
     "@giscus/react": "^2",
-    "@lobehub/chat-plugin-sdk": "latest",
     "@lobehub/emojilib": "latest",
     "@react-spring/web": "^9",
     "@splinetool/react-spline": "^2.2.6",

package/es/ActionIcon/calcSize.d.ts

@@ -1,5 +0,0 @@
-import { ActionIconSize } from "./index";
-export declare const calcSize: (size?: ActionIconSize) => {
-    blockSize: number;
-    borderRadius: number;
-};

package/es/ActionIcon/calcSize.js

@@ -1,40 +0,0 @@
-export var calcSize = function calcSize(size) {
-  var blockSize;
-  var borderRadius;
-  switch (size) {
-    case 'large':
-      {
-        blockSize = 44;
-        borderRadius = 8;
-        break;
-      }
-    case 'normal':
-      {
-        blockSize = 36;
-        borderRadius = 5;
-        break;
-      }
-    case 'small':
-      {
-        blockSize = 24;
-        borderRadius = 5;
-        break;
-      }
-    case 'site':
-      {
-        blockSize = 34;
-        borderRadius = 5;
-        break;
-      }
-    default:
-      {
-        blockSize = (size === null || size === void 0 ? void 0 : size.blockSize) || 36;
-        borderRadius = (size === null || size === void 0 ? void 0 : size.borderRadius) || 5;
-        break;
-      }
-  }
-  return {
-    blockSize: blockSize,
-    borderRadius: borderRadius
-  };
-};

package/es/Icon/calcSize.d.ts

@@ -1,5 +0,0 @@
-import { IconSize } from "./index";
-export declare const calcSize: (size?: IconSize) => {
-    fontSize: string | number;
-    strokeWidth: string | number;
-};

package/es/Icon/calcSize.js

@@ -1,39 +0,0 @@
-export var calcSize = function calcSize(size) {
-  var fontSize;
-  var strokeWidth;
-  switch (size) {
-    case 'large':
-      {
-        fontSize = 24;
-        strokeWidth = 2;
-        break;
-      }
-    case 'normal':
-      {
-        fontSize = 20;
-        strokeWidth = 2;
-        break;
-      }
-    case 'small':
-      {
-        fontSize = 14;
-        strokeWidth = 1.5;
-        break;
-      }
-    default:
-      {
-        if (size) {
-          fontSize = (size === null || size === void 0 ? void 0 : size.fontSize) || 24;
-          strokeWidth = (size === null || size === void 0 ? void 0 : size.strokeWidth) || 2;
-        } else {
-          fontSize = '1em';
-          strokeWidth = 2;
-        }
-        break;
-      }
-  }
-  return {
-    fontSize: fontSize,
-    strokeWidth: strokeWidth
-  };
-};