@lobehub/ui 1.157.1 → 1.158.0

package/es/chat/EditableMessageList/index.js

@@ -10,8 +10,6 @@ import ActionIcon from "../../ActionIcon";
 import Icon from "../../Icon";
 import { ControlInput } from "../../components/ControlInput";
 import { messagesReducer } from "./messageReducer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
   var disabled = _ref.disabled,
     dataSources = _ref.dataSources,
@@ -25,84 +23,82 @@ export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
       onChange === null || onChange === void 0 || onChange(chatMessages);
     }
   }, [chatMessages]);
-  return dataSources ? /*#__PURE__*/_jsxs(Flexbox, {
-    gap: 12,
-    children: [chatMessages.map(function (item, index) {
-      return /*#__PURE__*/_jsxs(Flexbox, {
-        align: 'center',
-        gap: 8,
-        horizontal: true,
-        width: '100%',
-        children: [/*#__PURE__*/_jsx(Select, {
-          disabled: disabled,
-          dropdownStyle: {
-            zIndex: 100
-          },
-          onChange: function onChange(value) {
-            dispatch({
-              index: index,
-              role: value,
-              type: 'updateMessageRole'
-            });
-          },
-          options: [{
-            label: 'System',
-            value: 'system'
-          }, {
-            label: 'Input',
-            value: 'user'
-          }, {
-            label: 'Output',
-            value: 'assistant'
-          }],
-          style: {
-            width: 120
-          },
-          value: item.role
-        }), /*#__PURE__*/_jsx(ControlInput, {
-          disabled: disabled,
-          onChange: function onChange(e) {
-            dispatch({
-              index: index,
-              message: e,
-              type: 'updateMessage'
-            });
-          },
-          placeholder: item.role === 'user' ? '请填入输入的样例内容' : '请填入输出的样例',
-          value: item.content
-        }), /*#__PURE__*/_jsx(ActionIcon, {
-          icon: Trash,
-          onClick: function onClick() {
-            dispatch({
-              index: index,
-              type: 'deleteMessage'
-            });
-          },
-          placement: "right",
-          size: {
-            fontSize: 16
-          },
-          title: "Delete"
-        })]
-      }, "".concat(index, "-").concat(item.content));
-    }), /*#__PURE__*/_jsx(Button, {
-      block: true,
+  return dataSources ? /*#__PURE__*/React.createElement(Flexbox, {
+    gap: 12
+  }, chatMessages.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Flexbox, {
+      align: 'center',
+      gap: 8,
+      horizontal: true,
+      key: "".concat(index, "-").concat(item.content),
+      width: '100%'
+    }, /*#__PURE__*/React.createElement(Select, {
       disabled: disabled,
-      icon: /*#__PURE__*/_jsx(Icon, {
-        icon: Plus
-      }),
+      dropdownStyle: {
+        zIndex: 100
+      },
+      onChange: function onChange(value) {
+        dispatch({
+          index: index,
+          role: value,
+          type: 'updateMessageRole'
+        });
+      },
+      options: [{
+        label: 'System',
+        value: 'system'
+      }, {
+        label: 'Input',
+        value: 'user'
+      }, {
+        label: 'Output',
+        value: 'assistant'
+      }],
+      style: {
+        width: 120
+      },
+      value: item.role
+    }), /*#__PURE__*/React.createElement(ControlInput, {
+      disabled: disabled,
+      onChange: function onChange(e) {
+        dispatch({
+          index: index,
+          message: e,
+          type: 'updateMessage'
+        });
+      },
+      placeholder: item.role === 'user' ? '请填入输入的样例内容' : '请填入输出的样例',
+      value: item.content
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      icon: Trash,
       onClick: function onClick() {
-        var lastMeg = chatMessages.at(-1);
         dispatch({
-          message: {
-            content: '',
-            role: (lastMeg === null || lastMeg === void 0 ? void 0 : lastMeg.role) === 'user' ? 'assistant' : 'user'
-          },
-          type: 'addMessage'
+          index: index,
+          type: 'deleteMessage'
         });
       },
-      children: "Add Props"
-    })]
-  }) : undefined;
+      placement: "right",
+      size: {
+        fontSize: 16
+      },
+      title: "Delete"
+    }));
+  }), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    disabled: disabled,
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: Plus
+    }),
+    onClick: function onClick() {
+      var lastMeg = chatMessages.at(-1);
+      dispatch({
+        message: {
+          content: '',
+          role: (lastMeg === null || lastMeg === void 0 ? void 0 : lastMeg.role) === 'user' ? 'assistant' : 'user'
+        },
+        type: 'addMessage'
+      });
+    }
+  }, "Add Props")) : undefined;
 }, isEqual);
 export default EditableMessageList;

package/es/chat/MessageInput/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -9,9 +10,6 @@ import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { TextArea } from "../../Input";
 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 MessageInput = /*#__PURE__*/memo(function (_ref) {
   var text = _ref.text,
     _ref$type = _ref.type,
@@ -38,50 +36,44 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   var isAutoSize = height === 'auto';
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     gap: 16,
     style: _objectSpread({
       flex: 1,
       width: '100%'
     }, style)
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(TextArea, {
-      autoSize: isAutoSize,
-      className: cx(styles, textareaClassname),
-      classNames: classNames,
-      onBlur: function onBlur(e) {
-        return setValue(e.target.value);
-      },
-      onChange: function onChange(e) {
-        return setValue(e.target.value);
-      },
-      placeholder: placeholder,
-      resize: false,
-      style: textareaStyle,
-      type: type,
-      value: temporaryValue
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      direction: 'horizontal-reverse',
-      gap: 8,
-      children: renderButtons ? renderButtons(temporaryValue).map(function (buttonProps, index) {
-        return /*#__PURE__*/_jsx(Button, _objectSpread({
-          size: "small"
-        }, buttonProps), index);
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
-          onClick: function onClick() {
-            onConfirm === null || onConfirm === void 0 || onConfirm(temporaryValue);
-          },
-          size: editButtonSize,
-          type: "primary",
-          children: (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: onCancel,
-          size: editButtonSize,
-          children: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel'
-        })]
-      })
-    })]
-  }));
+  }, rest), /*#__PURE__*/React.createElement(TextArea, {
+    autoSize: isAutoSize,
+    className: cx(styles, textareaClassname),
+    classNames: classNames,
+    onBlur: function onBlur(e) {
+      return setValue(e.target.value);
+    },
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    },
+    placeholder: placeholder,
+    resize: false,
+    style: textareaStyle,
+    type: type,
+    value: temporaryValue
+  }), /*#__PURE__*/React.createElement(Flexbox, {
+    direction: 'horizontal-reverse',
+    gap: 8
+  }, renderButtons ? renderButtons(temporaryValue).map(function (buttonProps, index) {
+    return /*#__PURE__*/React.createElement(Button, _extends({
+      key: index,
+      size: "small"
+    }, buttonProps));
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      onConfirm === null || onConfirm === void 0 || onConfirm(temporaryValue);
+    },
+    size: editButtonSize,
+    type: "primary"
+  }, (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'), /*#__PURE__*/React.createElement(Button, {
+    onClick: onCancel,
+    size: editButtonSize
+  }, (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel'))));
 });
 export default MessageInput;

package/es/chat/MessageModal/index.js

@@ -11,9 +11,6 @@ import { TextArea } from "../../Input";
 import Markdown from "../../Markdown";
 import Modal from "../../Modal";
 import { useStyles as useTextStyles } from "../MessageInput/style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var MessageModal = /*#__PURE__*/memo(function (_ref) {
   var editing = _ref.editing,
     open = _ref.open,
@@ -55,26 +52,23 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
     overflowX: 'hidden',
     overflowY: 'auto'
   };
-  var modalFooter = isEdit ? /*#__PURE__*/_jsxs(Flexbox, {
+  var modalFooter = isEdit ? /*#__PURE__*/React.createElement(Flexbox, {
     direction: 'horizontal-reverse',
-    gap: 8,
-    children: [/*#__PURE__*/_jsx(Button, {
-      onClick: function onClick() {
-        setTyping(false);
-        onChange === null || onChange === void 0 || onChange(temporaryValue);
-        setValue(value);
-      },
-      type: "primary",
-      children: (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'
-    }), /*#__PURE__*/_jsx(Button, {
-      onClick: function onClick() {
-        setTyping(false);
-        setValue(value);
-      },
-      children: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel'
-    })]
-  }) : footer;
-  return /*#__PURE__*/_jsx(Modal, {
+    gap: 8
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      setTyping(false);
+      onChange === null || onChange === void 0 || onChange(temporaryValue);
+      setValue(value);
+    },
+    type: "primary"
+  }, (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      setTyping(false);
+      setValue(value);
+    }
+  }, (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel')) : footer;
+  return /*#__PURE__*/React.createElement(Modal, {
     allowFullscreen: true,
     cancelText: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel',
     destroyOnClose: true,
@@ -89,34 +83,30 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
       return setTyping(true);
     },
     open: showModal,
-    title: text === null || text === void 0 ? void 0 : text.title,
-    children: isEdit ? /*#__PURE__*/_jsx(TextArea, {
-      autoSize: isAutoSize,
-      className: textStyles,
-      onBlur: function onBlur(e) {
-        return setValue(e.target.value);
-      },
-      onChange: function onChange(e) {
-        return setValue(e.target.value);
-      },
-      placeholder: placeholder,
-      resize: false,
-      style: {
-        flex: mobile ? 1 : undefined,
-        height: isAutoSize ? 'unset' : height,
-        minHeight: mobile ? 'unset' : '100%'
-      },
-      type: mobile ? 'pure' : 'block',
-      value: temporaryValue
-    }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [extra, /*#__PURE__*/_jsx(Markdown, {
-        style: value ? markdownStyle : _objectSpread(_objectSpread({}, markdownStyle), {}, {
-          opacity: 0.5
-        }),
-        variant: 'chat',
-        children: String(value || placeholder)
-      })]
-    })
-  });
+    title: text === null || text === void 0 ? void 0 : text.title
+  }, isEdit ? /*#__PURE__*/React.createElement(TextArea, {
+    autoSize: isAutoSize,
+    className: textStyles,
+    onBlur: function onBlur(e) {
+      return setValue(e.target.value);
+    },
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    },
+    placeholder: placeholder,
+    resize: false,
+    style: {
+      flex: mobile ? 1 : undefined,
+      height: isAutoSize ? 'unset' : height,
+      minHeight: mobile ? 'unset' : '100%'
+    },
+    type: mobile ? 'pure' : 'block',
+    value: temporaryValue
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, extra, /*#__PURE__*/React.createElement(Markdown, {
+    style: value ? markdownStyle : _objectSpread(_objectSpread({}, markdownStyle), {}, {
+      opacity: 0.5
+    }),
+    variant: 'chat'
+  }, String(value || placeholder))));
 });
 export default MessageModal;

package/es/chat/TokenTag/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "displayMode", "maxValue", "value", "text", "shape", "unoptimized"];
 import { useResponsive } from 'antd-style';
@@ -9,8 +9,6 @@ import { forwardRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import FluentEmoji from "../../FluentEmoji";
 import { ICON_SIZE, useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var format = function format(number) {
   return numeral(number).format('0,0');
 };
@@ -47,19 +45,17 @@ var TokenTag = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     align: 'center',
     className: cx(styles.container, className),
     flex: 'none',
     gap: 4,
     horizontal: true,
     ref: ref
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(FluentEmoji, {
-      emoji: emoji,
-      size: ICON_SIZE,
-      unoptimized: unoptimized
-    }), valueLeft > 0 ? [mobile ? '' : displayMode === 'remained' ? (text === null || text === void 0 ? void 0 : text.remained) || 'Remained' : (text === null || text === void 0 ? void 0 : text.used) || 'Used', displayMode === 'remained' ? format(valueLeft) : format(value)].join(' ') : (text === null || text === void 0 ? void 0 : text.overload) || 'Overload']
-  }));
+  }, rest), /*#__PURE__*/React.createElement(FluentEmoji, {
+    emoji: emoji,
+    size: ICON_SIZE,
+    unoptimized: unoptimized
+  }), valueLeft > 0 ? [mobile ? '' : displayMode === 'remained' ? (text === null || text === void 0 ? void 0 : text.remained) || 'Remained' : (text === null || text === void 0 ? void 0 : text.used) || 'Used', displayMode === 'remained' ? format(valueLeft) : format(value)].join(' ') : (text === null || text === void 0 ? void 0 : text.overload) || 'Overload');
 });
 export default TokenTag;

package/es/components/ControlInput.js

@@ -1,4 +1,4 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "onChange", "onValueChanging", "onChangeEnd"];
@@ -7,8 +7,6 @@ import { RotateCcw, Save } from 'lucide-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__*/forwardRef(function (_ref, ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -27,7 +25,7 @@ export var ControlInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   useEffect(function () {
     if (value !== undefined) setInput(value);
   }, [value]);
-  return /*#__PURE__*/_jsx(Input, _objectSpread({
+  return /*#__PURE__*/React.createElement(Input, _extends({
     autoFocus: true,
     onBlur: function onBlur() {
       isFocusing.current = false;
@@ -55,29 +53,27 @@ export var ControlInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     },
     ref: ref,
-    suffix: value === input ? /*#__PURE__*/_jsx("span", {}) : /*#__PURE__*/_jsx(ConfigProvider, {
+    suffix: value === input ? /*#__PURE__*/React.createElement("span", null) : /*#__PURE__*/React.createElement(ConfigProvider, {
       theme: {
         token: {
           fontSize: 14
         }
+      }
+    }, /*#__PURE__*/React.createElement(Space, {
+      size: 2
+    }, /*#__PURE__*/React.createElement(ActionIcon, {
+      icon: RotateCcw,
+      onClick: function onClick() {
+        setInput(value);
       },
-      children: /*#__PURE__*/_jsxs(Space, {
-        size: 2,
-        children: [/*#__PURE__*/_jsx(ActionIcon, {
-          icon: RotateCcw,
-          onClick: function onClick() {
-            setInput(value);
-          },
-          size: "small",
-          title: "Reset"
-        }), /*#__PURE__*/_jsx(ActionIcon, {
-          icon: Save,
-          onClick: updateValue,
-          size: "small",
-          title: "\u2705 Save"
-        })]
-      })
-    }),
+      size: "small",
+      title: "Reset"
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      icon: Save,
+      onClick: updateValue,
+      size: "small",
+      title: "\u2705 Save"
+    }))),
     value: input
   }, rest));
 });

package/es/hooks/useHighlight.d.ts

@@ -1,3 +1,3 @@
 export declare const FALLBACK_LANG = "txt";
-export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr/dist/_internal").SWRResponse<string, any, any>;
+export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr/_internal").SWRResponse<string, any, any>;
 export { default as languageMap } from './languageMap';

package/es/mdx/Callout/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
@@ -10,8 +11,6 @@ import { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } fr
 import { rgba } from 'polished';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
@@ -56,7 +55,7 @@ var Callout = function Callout(_ref2) {
   var selectedType = (typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig[type]) || typeConfig.info;
   var icon = selectedType.icon,
     color = selectedType.color;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     align: 'flex-start',
     className: cx(styles.container, className),
     horizontal: true,
@@ -65,21 +64,16 @@ var Callout = function Callout(_ref2) {
       borderColor: rgba(color, 0.5),
       color: color
     }, style)
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Icon, {
-      icon: icon,
-      size: {
-        fontSize: '1.2em'
-      },
-      style: {
-        marginBlock: '0.25em'
-      }
-    }), /*#__PURE__*/_jsx("div", {
-      className: cx(styles.content, type === 'info' && styles.underlineAnchor),
-      children: /*#__PURE__*/_jsx("div", {
-        children: children
-      })
-    })]
-  }));
+  }, rest), /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: {
+      fontSize: '1.2em'
+    },
+    style: {
+      marginBlock: '0.25em'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cx(styles.content, type === 'info' && styles.underlineAnchor)
+  }, /*#__PURE__*/React.createElement("div", null, children)));
 };
 export default Callout;