@lobehub/ui 1.116.2 → 1.117.0

package/es/Alert/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type AlertProps as AntAlertProps } from 'antd';
+export interface AlertProps extends AntAlertProps {
+    colorfulText?: boolean;
+    styleType?: 'block' | 'ghost' | 'pure';
+}
+declare const Alert: import("react").NamedExoticComponent<AlertProps>;
+export default Alert;

package/es/Alert/index.js

@@ -0,0 +1,70 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["closeIcon", "closable", "description", "showIcon", "type", "styleType", "icon", "colorfulText", "style"];
+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 { Alert as AntdAlert } from 'antd';
+import { camelCase } from 'lodash-es';
+import { AlertTriangle, CheckCircle, Info, X, XCircle } from 'lucide-react';
+import { memo } from 'react';
+import ActionIcon from "../ActionIcon";
+import Icon from "../Icon";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var typeIcons = {
+  error: XCircle,
+  info: Info,
+  success: CheckCircle,
+  warning: AlertTriangle
+};
+var colors = function colors(theme) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'info';
+  for (var _len = arguments.length, keys = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    keys[_key - 2] = arguments[_key];
+  }
+  return theme[camelCase(['color', type].concat(keys).join('-'))];
+};
+var Alert = /*#__PURE__*/memo(function (_ref) {
+  var closeIcon = _ref.closeIcon,
+    closable = _ref.closable,
+    description = _ref.description,
+    showIcon = _ref.showIcon,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'info' : _ref$type,
+    styleType = _ref.styleType,
+    icon = _ref.icon,
+    _ref$colorfulText = _ref.colorfulText,
+    colorfulText = _ref$colorfulText === void 0 ? true : _ref$colorfulText,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles({
+      closable: !!closable,
+      hasTitle: !!description,
+      showIcon: !!showIcon
+    }),
+    theme = _useStyles.theme,
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx(AntdAlert, _objectSpread({
+    className: cx(styles.container, colorfulText && styles.colorfulText, styleType === 'block' && styles.styleBlock, styleType === 'ghost' && styles.styleGhost, styleType === 'pure' && styles.stylePure),
+    closable: closable,
+    closeIcon: closeIcon || /*#__PURE__*/_jsx(ActionIcon, {
+      color: colors(theme, type),
+      icon: X,
+      size: 'small'
+    }),
+    description: description,
+    icon: /*#__PURE__*/_jsx(Icon, {
+      icon: typeIcons[type] || icon,
+      size: {
+        fontSize: description ? 24 : 18
+      }
+    }),
+    showIcon: showIcon,
+    style: _objectSpread({
+      color: colorfulText ? colors(theme, type) : undefined
+    }, style),
+    type: type
+  }, rest));
+});
+export default Alert;

package/es/Alert/style.d.ts

@@ -0,0 +1,11 @@
+export declare const useStyles: (props?: {
+    closable?: boolean | undefined;
+    hasTitle?: boolean | undefined;
+    showIcon?: boolean | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
+    colorfulText: import("antd-style").SerializedStyles;
+    container: string;
+    styleBlock: import("antd-style").SerializedStyles;
+    styleGhost: import("antd-style").SerializedStyles;
+    stylePure: import("antd-style").SerializedStyles;
+}>;

package/es/Alert/style.js

@@ -0,0 +1,20 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var cx = _ref.cx,
+    css = _ref.css,
+    prefixCls = _ref.prefixCls;
+  var closable = _ref2.closable,
+    hasTitle = _ref2.hasTitle,
+    showIcon = _ref2.showIcon;
+  var baseBlockPadding = hasTitle ? 16 : 8;
+  var baseInlinePadding = hasTitle ? 16 : 12;
+  return {
+    colorfulText: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        .", "-alert-message,.", "-alert-description {\n          color: inherit;\n        }\n      "])), prefixCls, prefixCls),
+    container: cx(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          display: flex;\n          flex-direction: row;\n          gap: ", "px;\n          align-items: flex-start;\n\n          padding-right: ", "px;\n          padding-left: ", "px;\n          padding-block: ", "px;\n\n          .", "-alert-message {\n            font-weight: ", ";\n            line-height: 24px;\n            word-break: break-all;\n          }\n          .", "-alert-icon {\n            display: flex;\n            align-items: center;\n            height: 24px;\n            margin: 0;\n          }\n          .", "-alert-close-icon {\n            display: flex;\n            align-items: center;\n            height: 24px;\n            margin: 0;\n          }\n        "])), hasTitle ? 12 : 8, closable ? baseInlinePadding : baseInlinePadding * 1.5, showIcon ? baseInlinePadding : baseInlinePadding * 1.5, baseBlockPadding, prefixCls, hasTitle ? 600 : 400, prefixCls, prefixCls), hasTitle && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            .", "-alert-description {\n              line-height: 1.5;\n              word-break: break-all;\n              opacity: 0.75;\n            }\n          "])), prefixCls)),
+    styleBlock: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        border: none;\n      "]))),
+    styleGhost: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        background: transparent;\n      "]))),
+    stylePure: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        padding: 0 !important;\n        background: transparent;\n        border: none;\n      "])))
+  };
+});

package/es/ChatItem/components/ErrorContent.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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 { Alert } from 'antd';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import Alert from "../../Alert";
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -19,6 +19,7 @@ var ErrorContent = /*#__PURE__*/memo(function (_ref) {
     className: styles.errorContent,
     gap: 8,
     children: [/*#__PURE__*/_jsx(Alert, _objectSpread({
+      closable: false,
       showIcon: true,
       type: 'error'
     }, error)), message]

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/ChatItem/type.d.ts

@@ -1,5 +1,5 @@
-import { AlertProps } from 'antd';
 import { ReactNode } from 'react';
+import { AlertProps } from "../Alert";
 import { EditableMessageProps } from "../EditableMessage";
 import { DivProps, MetaData } from "../types";
 export interface ChatItemProps {

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/List/ListItem/index.js

@@ -3,9 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["active", "avatar", "loading", "description", "date", "title", "onHoverChange", "actions", "className", "style", "showAction", "children", "classNames", "addon", "pin"];
 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 { LoadingOutlined, MessageOutlined } from '@ant-design/icons';
+import { Loader2, MessageSquare } from 'lucide-react';
 import { forwardRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import Icon from "../../Icon";
 import { useStyles } from "./style";
 import { getChatItemTime } from "./time";
 
@@ -56,7 +57,8 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       children: /*#__PURE__*/_jsx("div", {
         className: styles.triangle
       })
-    }), avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/_jsx(MessageOutlined, {
+    }), avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/_jsx(Icon, {
+      icon: MessageSquare,
       style: {
         marginTop: 4
       }
@@ -74,7 +76,8 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
         className: styles.desc,
         children: description
       }), addon]
-    }), loading ? /*#__PURE__*/_jsx(LoadingOutlined, {
+    }), loading ? /*#__PURE__*/_jsx(Icon, {
+      icon: Loader2,
       spin: true
     }) : /*#__PURE__*/_jsxs(_Fragment, {
       children: [showAction && /*#__PURE__*/_jsx(Flexbox, {

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/ThemeProvider/GlobalStyle/antdOverride.js

@@ -3,5 +3,5 @@ var _templateObject;
 import { css } from 'antd-style';
 import { readableColor } from 'polished';
 export default (function (token) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", "-btn {\n    box-shadow: none;\n  }\n\n  .", "-btn-primary {\n    color: ", " !important;\n\n    &:hover {\n      color: ", " !important;\n    }\n\n    &:active {\n      color: ", " !important;\n    }\n  }\n\n  .", "-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: ", " !important;\n\n    background-color: ", " !important;\n    border-radius: ", "px !important;\n  }\n\n  .", "-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", " !important;\n    }\n  }\n\n  .", "-switch-handle::before {\n    background: ", " !important;\n  }\n\n  .", "-alert {\n    span[role='img'] {\n      align-self: flex-start;\n      width: 16px;\n      height: 16px;\n      margin-top: 3px;\n    }\n\n    .", "-alert-description {\n      word-break: break-all;\n      word-wrap: break-word;\n    }\n\n    &.", "-alert-with-description {\n      padding-block: 12px;\n      padding-inline: 12px;\n\n      .", "-alert-message {\n        font-size: 14px;\n        font-weight: 600;\n        word-break: break-all;\n        word-wrap: break-word;\n      }\n    }\n  }\n\n  @media (max-width: 575px) {\n    .", "-tooltip {\n      display: none !important;\n    }\n  }\n"])), token.prefixCls, token.prefixCls, readableColor(token.colorPrimary), readableColor(token.colorPrimary), readableColor(token.colorPrimaryActive), token.prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, token.prefixCls, token.colorText, token.prefixCls, token.colorBgContainer, token.prefixCls, token.prefixCls, token.prefixCls, token.prefixCls, token.prefixCls);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", "-btn {\n    box-shadow: none;\n  }\n\n  .", "-btn-primary {\n    color: ", " !important;\n\n    &:hover {\n      color: ", " !important;\n    }\n\n    &:active {\n      color: ", " !important;\n    }\n  }\n\n  .", "-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: ", " !important;\n\n    background-color: ", " !important;\n    border-radius: ", "px !important;\n  }\n\n  .", "-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", " !important;\n    }\n  }\n\n  .", "-switch-handle::before {\n    background: ", " !important;\n  }\n\n  @media (max-width: 575px) {\n    .", "-tooltip {\n      display: none !important;\n    }\n  }\n"])), token.prefixCls, token.prefixCls, readableColor(token.colorPrimary), readableColor(token.colorPrimary), readableColor(token.colorPrimaryActive), token.prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, token.prefixCls, token.colorText, token.prefixCls, token.colorBgContainer, token.prefixCls);
 });

package/es/index.d.ts

@@ -1,5 +1,6 @@
 export { default as ActionIcon, type ActionIconProps, type ActionIconSize } from './ActionIcon';
 export { default as ActionIconGroup, type ActionIconGroupProps } from './ActionIconGroup';
+export { default as Alert, type AlertProps } from './Alert';
 export { default as Avatar, type AvatarProps } from './Avatar';
 export { default as BackBottom, type BackBottomProps } from './BackBottom';
 export { default as Burger, type BurgerProps } from './Burger';

package/es/index.js

@@ -1,5 +1,6 @@
 export { default as ActionIcon } from "./ActionIcon";
 export { default as ActionIconGroup } from "./ActionIconGroup";
+export { default as Alert } from "./Alert";
 export { default as Avatar } from "./Avatar";
 export { default as BackBottom } from "./BackBottom";
 export { default as Burger } from "./Burger";

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.117.0",
   "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",