@lobehub/ui 1.10.0 → 1.11.1

package/lib/Conversation/App.js

@@ -1,53 +1,50 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Conversation/App.tsx
-var App_exports = {};
-__export(App_exports, {
-  default: () => App_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(App_exports);
-var import_antd = require("antd");
-var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_ChatList = __toESM(require("./ChatList"));
-var import_InputArea = __toESM(require("./InputArea"));
-var import_store = require("../Chat/store");
-var ChatContainer = ({ readonly, includeSystem = true }) => {
-  const [showInput, title, description] = (0, import_store.useStore)(
-    (s) => [!s.changingSystemRole, s.title, s.description],
-    import_fast_deep_equal.default
-  );
-  if (readonly)
-    return /* @__PURE__ */ React.createElement(import_ChatList.default, { readonly: true, includeSystem });
-  return /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { width: "100%", height: "100%", gap: 24 }, title || description ? /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, null, /* @__PURE__ */ React.createElement(import_antd.Typography.Title, { level: 4 }, title), /* @__PURE__ */ React.createElement(import_antd.Typography.Text, { type: "secondary" }, description)) : null, /* @__PURE__ */ React.createElement(import_ChatList.default, { includeSystem }), showInput ? /* @__PURE__ */ React.createElement(import_InputArea.default, null) : null);
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _antd = require("antd");
+var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _ChatList = _interopRequireDefault(require("./ChatList"));
+var _InputArea = _interopRequireDefault(require("./InputArea"));
+var _store = require("../Chat/store");
+var _jsxRuntime = require("react/jsx-runtime");
+var ChatContainer = function ChatContainer(_ref) {
+  var readonly = _ref.readonly,
+    _ref$includeSystem = _ref.includeSystem,
+    includeSystem = _ref$includeSystem === void 0 ? true : _ref$includeSystem;
+  var _useStore = (0, _store.useStore)(function (s) {
+      return [!s.changingSystemRole, s.title, s.description];
+    }, _fastDeepEqual.default),
+    _useStore2 = (0, _slicedToArray2.default)(_useStore, 3),
+    showInput = _useStore2[0],
+    title = _useStore2[1],
+    description = _useStore2[2];
+  if (readonly) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatList.default, {
+    readonly: true,
+    includeSystem: includeSystem
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+    width: '100%',
+    height: '100%',
+    gap: 24,
+    children: [title || description ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Title, {
+        level: 4,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Text, {
+        type: 'secondary',
+        children: description
+      })]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatList.default, {
+      includeSystem: includeSystem
+    }), showInput ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputArea.default, {}) : null]
+  });
 };
-var App_default = (0, import_react.memo)(ChatContainer);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = /*#__PURE__*/(0, _react.memo)(ChatContainer);
+exports.default = _default;

package/lib/Conversation/ChatList/MessageItem/Content.js

@@ -1,104 +1,109 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Conversation/ChatList/MessageItem/Content.tsx
-var Content_exports = {};
-__export(Content_exports, {
-  default: () => Content_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Content_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_react = require("react");
-var import_shallow = require("zustand/shallow");
-var import_Markdown = __toESM(require("../../../Markdown"));
-var import_MessageInput = __toESM(require("../../../MessageInput"));
-var import_store = require("../../../Chat/store");
-var Content = (0, import_react.memo)(({ content, role, index, error, loading }) => {
-  const [editingMessageId, dispatchMessage, handleMessageEditing, resendMessage] = (0, import_store.useStore)(
-    (s) => [s.editingMessageId, s.dispatchMessage, s.handleMessageEditing, s.resendMessage],
-    import_shallow.shallow
-  );
-  const isEditing = editingMessageId === index;
-  const isUser = role === "user";
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _react = require("react");
+var _shallow = require("zustand/shallow");
+var _Markdown = _interopRequireDefault(require("../../../Markdown"));
+var _MessageInput = _interopRequireDefault(require("../../../MessageInput"));
+var _store = require("../../../Chat/store");
+var _jsxRuntime = require("react/jsx-runtime");
+var Content = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var content = _ref.content,
+    role = _ref.role,
+    index = _ref.index,
+    error = _ref.error,
+    loading = _ref.loading;
+  var _useStore = (0, _store.useStore)(function (s) {
+      return [s.editingMessageId, s.dispatchMessage, s.handleMessageEditing, s.resendMessage];
+    }, _shallow.shallow),
+    _useStore2 = (0, _slicedToArray2.default)(_useStore, 4),
+    editingMessageId = _useStore2[0],
+    dispatchMessage = _useStore2[1],
+    handleMessageEditing = _useStore2[2],
+    resendMessage = _useStore2[3];
+  var isEditing = editingMessageId === index;
+  var isUser = role === 'user';
   if (isEditing) {
-    return /* @__PURE__ */ React.createElement(
-      import_MessageInput.default,
-      {
-        defaultValue: content,
-        renderButtons: (text) => [
-          {
-            type: "primary",
-            children: isUser ? "更新并重新生成" : "更新",
-            onClick: () => {
-              dispatchMessage({ type: "updateMessage", message: text, index });
-              handleMessageEditing(null);
-              if (isUser) {
-                resendMessage(index + 1);
-              }
-            }
-          },
-          isUser ? {
-            children: "仅更新",
-            onClick: () => {
-              dispatchMessage({ type: "updateMessage", message: text, index });
-              handleMessageEditing(null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageInput.default, {
+      defaultValue: content,
+      renderButtons: function renderButtons(text) {
+        return [{
+          type: 'primary',
+          children: isUser ? '更新并重新生成' : '更新',
+          onClick: function onClick() {
+            dispatchMessage({
+              type: 'updateMessage',
+              message: text,
+              index: index
+            });
+            handleMessageEditing(null);
+            // 如果是用户的消息，那么重新生成下一条消息
+            if (isUser) {
+              resendMessage(index + 1);
             }
-          } : null,
-          {
-            type: "text",
-            children: "取消",
-            onClick: () => handleMessageEditing(null)
           }
-        ].filter(Boolean)
+        }, isUser ? {
+          children: '仅更新',
+          onClick: function onClick() {
+            dispatchMessage({
+              type: 'updateMessage',
+              message: text,
+              index: index
+            });
+            handleMessageEditing(null);
+          }
+        } : null, {
+          type: 'text',
+          children: '取消',
+          onClick: function onClick() {
+            return handleMessageEditing(null);
+          }
+        }].filter(Boolean);
       }
-    );
+    });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, !loading ? /* @__PURE__ */ React.createElement(import_Markdown.default, null, content) : !!error ? null : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_icons.LoadingOutlined, { style: { fontSize: 20 }, spin: true })), error && /* @__PURE__ */ React.createElement(
-    import_antd.Alert,
-    {
-      type: "error",
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Markdown.default, {
+      children: content
+    }) : !!error ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {
+        style: {
+          fontSize: 20
+        },
+        spin: true
+      })
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Alert, {
+      type: 'error',
       showIcon: true,
-      description: error.type === "openai" ? /* @__PURE__ */ React.createElement("div", null, error.message, " （错误码：", /* @__PURE__ */ React.createElement("code", null, error.status), "，详情可查看", " ", /* @__PURE__ */ React.createElement(
-        "a",
-        {
-          target: "_blank",
+      description: error.type === 'openai' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [error.message, " \uFF08\u9519\u8BEF\u7801\uFF1A", /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
+          children: error.status
+        }), "\uFF0C\u8BE6\u60C5\u53EF\u67E5\u770B", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          target: '_blank',
           href: "https://platform.openai.com/docs/guides/error-codes",
-          rel: "noreferrer"
+          rel: "noreferrer",
+          children: "\u5B98\u65B9\u6587\u6863"
+        }), "\uFF09"]
+      }) : error.message,
+      message: error.type === 'openai' ? "\u8BF7\u6C42 OpenAI \u670D\u52A1\u51FA\u9519" : "\u4F1A\u8BDD\u51FA\u9519\u5566\uFF08\u9519\u8BEF\u7801 ".concat(error.status, "\uFF09"),
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+        onClick: function onClick() {
+          return resendMessage(index);
         },
-        "官方文档"
-      ), "）") : error.message,
-      message: error.type === "openai" ? `请求 OpenAI 服务出错` : `会话出错啦（错误码 ${error.status}）`,
-      action: /* @__PURE__ */ React.createElement(import_antd.Button, { onClick: () => resendMessage(index) }, "重试"),
-      style: { marginTop: 12 }
-    }
-  ));
+        children: "\u91CD\u8BD5"
+      }),
+      style: {
+        marginTop: 12
+      }
+    })]
+  });
 });
-var Content_default = Content;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = Content;
+exports.default = _default;

package/lib/Conversation/ChatList/MessageItem/Toolbar.js

@@ -1,110 +1,100 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Conversation/ChatList/MessageItem/Toolbar.tsx
-var Toolbar_exports = {};
-__export(Toolbar_exports, {
-  default: () => Toolbar_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Toolbar_exports);
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_lucide_react = require("lucide-react");
-var import_polished = require("polished");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_shallow = require("zustand/shallow");
-var import_ActionIcon = __toESM(require("../../../ActionIcon"));
-var import_store = require("../../../Chat/store");
-var import_CopyButton = __toESM(require("../../../CopyButton"));
-var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => {
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antd = require("antd");
+var _antdStyle = require("antd-style");
+var _lucideReact = require("lucide-react");
+var _polished = require("polished");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _shallow = require("zustand/shallow");
+var _ActionIcon = _interopRequireDefault(require("../../../ActionIcon"));
+var _store = require("../../../Chat/store");
+var _CopyButton = _interopRequireDefault(require("../../../CopyButton"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
   return {
-    container: css`
-      background: ${(0, import_polished.rgba)(token.colorBgElevated, 0.2)};
-      backdrop-filter: blur(6px);
-      border-radius: 4px;
-    `
+    container: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      background: ", ";\n      backdrop-filter: blur(6px);\n      border-radius: 4px;\n    "])), (0, _polished.rgba)(token.colorBgElevated, 0.2))
   };
 });
-var Toolbar = (0, import_react.memo)(({ content, isUser, index, readonly, className }) => {
-  const { styles, cx } = useStyles();
-  const [dispatchMessage, handleMessageEditing, resendMessage] = (0, import_store.useStore)(
-    (s) => [s.dispatchMessage, s.handleMessageEditing, s.resendMessage],
-    import_shallow.shallow
-  );
-  return /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 4, horizontal: true, className: cx(className, styles.container) }, /* @__PURE__ */ React.createElement(
-    import_CopyButton.default,
-    {
-      placement: "top",
-      title: "复制",
-      content,
-      size: "small"
-    }
-  ), readonly ? null : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    import_ActionIcon.default,
-    {
-      placement: "top",
-      title: isUser ? "重新生成回答" : "重新生成",
-      icon: import_lucide_react.RotateCwIcon,
-      size: "small",
-      onClick: () => {
-        resendMessage(isUser ? index + 1 : index);
-      }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    import_ActionIcon.default,
-    {
-      placement: "top",
-      title: "编辑",
-      icon: import_lucide_react.EditIcon,
-      size: "small",
-      onClick: () => handleMessageEditing(index)
-    }
-  ), /* @__PURE__ */ React.createElement(
-    import_antd.Popconfirm,
-    {
-      title: "确定要删除这条消息吗？",
-      okButtonProps: { danger: true },
-      onConfirm: () => {
-        dispatchMessage({ type: "deleteMessage", index });
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      import_ActionIcon.default,
-      {
-        placement: "top",
-        title: "删除",
-        icon: import_lucide_react.TrashIcon,
-        size: "small"
-      }
-    )
-  )));
+var Toolbar = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
+  var content = _ref2.content,
+    isUser = _ref2.isUser,
+    index = _ref2.index,
+    readonly = _ref2.readonly,
+    className = _ref2.className;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _useStore = (0, _store.useStore)(function (s) {
+      return [s.dispatchMessage, s.handleMessageEditing, s.resendMessage];
+    }, _shallow.shallow),
+    _useStore2 = (0, _slicedToArray2.default)(_useStore, 3),
+    dispatchMessage = _useStore2[0],
+    handleMessageEditing = _useStore2[1],
+    resendMessage = _useStore2[2];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+    gap: 4,
+    horizontal: true,
+    className: cx(className, styles.container),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CopyButton.default, {
+      placement: 'top',
+      title: '复制',
+      content: content
+      // icon={CopyIcon}
+      ,
+      size: 'small'
+      // onClick={() => {
+      //   copy(content);
+      // }}
+    }), readonly ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionIcon.default, {
+        placement: 'top',
+        title: isUser ? '重新生成回答' : '重新生成',
+        icon: _lucideReact.RotateCwIcon,
+        size: 'small',
+        onClick: function onClick() {
+          resendMessage(isUser ? index + 1 : index);
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionIcon.default, {
+        placement: 'top',
+        title: '编辑',
+        icon: _lucideReact.EditIcon,
+        size: 'small',
+        onClick: function onClick() {
+          return handleMessageEditing(index);
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popconfirm, {
+        title: '确定要删除这条消息吗？',
+        okButtonProps: {
+          danger: true
+        },
+        onConfirm: function onConfirm() {
+          dispatchMessage({
+            type: 'deleteMessage',
+            index: index
+          });
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionIcon.default
+        // type={'danger'}
+        , {
+          placement: 'top',
+          title: '删除',
+          icon: _lucideReact.TrashIcon,
+          size: 'small'
+        })
+      })]
+    })]
+  });
 });
-var Toolbar_default = Toolbar;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = Toolbar;
+exports.default = _default;