@4399ywkf/design 2.1.0 → 2.1.1

package/dist/AiConversation/_lobe/chat/EditableMessageList/EditableMessageList.js

@@ -0,0 +1,126 @@
+'use client';
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import isEqual from 'fast-deep-equal';
+import { Plus, Trash } from 'lucide-react';
+import { memo, useEffect, useReducer } from 'react';
+import ActionIcon from "../../ActionIcon";
+import Button from "../../Button";
+import ControlInput from "../../EditableText/ControlInput";
+import { Flexbox } from "../../Flex";
+import editableMessageMessages from "../../i18n/resources/en/editableMessage";
+import { useTranslation } from "../../i18n/useTranslation";
+import Select from "../../Select";
+import { messagesReducer } from "./messageReducer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
+  var _texts$addProps, _texts$delete, _texts$inputPlacehold, _texts$outputPlacehol, _texts$system, _texts$input, _texts$output;
+  var disabled = _ref.disabled,
+    dataSources = _ref.dataSources,
+    onChange = _ref.onChange,
+    texts = _ref.texts;
+  var _useReducer = useReducer(messagesReducer, dataSources),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    chatMessages = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var _useTranslation = useTranslation(editableMessageMessages),
+    t = _useTranslation.t;
+  var addPropsText = (_texts$addProps = texts === null || texts === void 0 ? void 0 : texts.addProps) !== null && _texts$addProps !== void 0 ? _texts$addProps : t('editableMessage.addProps');
+  var deleteText = (_texts$delete = texts === null || texts === void 0 ? void 0 : texts.delete) !== null && _texts$delete !== void 0 ? _texts$delete : t('editableMessage.delete');
+  var inputPlaceholderText = (_texts$inputPlacehold = texts === null || texts === void 0 ? void 0 : texts.inputPlaceholder) !== null && _texts$inputPlacehold !== void 0 ? _texts$inputPlacehold : t('editableMessage.inputPlaceholder');
+  var outputPlaceholderText = (_texts$outputPlacehol = texts === null || texts === void 0 ? void 0 : texts.outputPlaceholder) !== null && _texts$outputPlacehol !== void 0 ? _texts$outputPlacehol : t('editableMessage.outputPlaceholder');
+  var systemText = (_texts$system = texts === null || texts === void 0 ? void 0 : texts.system) !== null && _texts$system !== void 0 ? _texts$system : t('editableMessage.system');
+  var inputText = (_texts$input = texts === null || texts === void 0 ? void 0 : texts.input) !== null && _texts$input !== void 0 ? _texts$input : t('editableMessage.input');
+  var outputText = (_texts$output = texts === null || texts === void 0 ? void 0 : texts.output) !== null && _texts$output !== void 0 ? _texts$output : t('editableMessage.output');
+  useEffect(function () {
+    if (!isEqual(dataSources, chatMessages)) {
+      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, {
+        horizontal: true,
+        align: 'center',
+        gap: 8,
+        width: '100%',
+        children: [/*#__PURE__*/_jsx(Select, {
+          disabled: disabled,
+          style: {
+            width: 120
+          },
+          styles: {
+            popup: {
+              root: {
+                zIndex: 100
+              }
+            }
+          },
+          value: item.role,
+          options: [{
+            label: systemText,
+            value: 'system'
+          }, {
+            label: inputText,
+            value: 'user'
+          }, {
+            label: outputText,
+            value: 'assistant'
+          }],
+          onChange: function onChange(value) {
+            dispatch({
+              index: index,
+              role: value,
+              type: 'updateMessageRole'
+            });
+          }
+        }), /*#__PURE__*/_jsx(ControlInput, {
+          disabled: disabled,
+          placeholder: item.role === 'user' ? inputPlaceholderText : outputPlaceholderText,
+          value: item.content,
+          onChange: function onChange(e) {
+            dispatch({
+              index: index,
+              message: e,
+              type: 'updateMessage'
+            });
+          }
+        }), /*#__PURE__*/_jsx(ActionIcon, {
+          icon: Trash,
+          title: deleteText,
+          variant: 'filled',
+          onClick: function onClick() {
+            dispatch({
+              index: index,
+              type: 'deleteMessage'
+            });
+          }
+        })]
+      }, "".concat(index, "-").concat(item.content));
+    }), /*#__PURE__*/_jsx(Button, {
+      block: true,
+      disabled: disabled,
+      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'
+        });
+      },
+      children: addPropsText
+    })]
+  }) : undefined;
+}, isEqual);
+EditableMessageList.displayName = 'EditableMessageList';
+export default EditableMessageList;

package/dist/AiConversation/_lobe/chat/EditableMessageList/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './EditableMessageList';
+export type * from './type';

package/dist/AiConversation/_lobe/chat/EditableMessageList/index.js

@@ -0,0 +1 @@
+export { default } from "./EditableMessageList";

package/dist/AiConversation/_lobe/chat/EditableMessageList/messageReducer.d.ts

@@ -0,0 +1,37 @@
+import type { ChatMessageError, LLMMessage, LLMRoleType } from '../types';
+export type MessageDispatch = {
+    message: LLMMessage;
+    type: 'addMessage';
+} | {
+    index: number;
+    message: LLMMessage;
+    type: 'insertMessage';
+} | {
+    index: number;
+    type: 'deleteMessage';
+} | {
+    type: 'resetMessages';
+} | {
+    index: number;
+    message: string;
+    type: 'updateMessage';
+} | {
+    index: number;
+    role: LLMRoleType;
+    type: 'updateMessageRole';
+} | {
+    message: string;
+    type: 'addUserMessage';
+} | {
+    responseStream: string[];
+    type: 'updateLatestBotMessage';
+} | {
+    index: number;
+    message: string;
+    type: 'updateMessageChoice';
+} | {
+    error: ChatMessageError | undefined;
+    index: number;
+    type: 'setErrorMessage';
+};
+export declare const messagesReducer: (state: LLMMessage[], payload: MessageDispatch) => LLMMessage[];

package/dist/AiConversation/_lobe/chat/EditableMessageList/messageReducer.js

@@ -0,0 +1,81 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { produce } from 'immer';
+export var messagesReducer = function messagesReducer(state, payload) {
+  switch (payload.type) {
+    case 'addMessage':
+      {
+        return [].concat(_toConsumableArray(state), [payload.message]);
+      }
+    case 'insertMessage':
+      {
+        return produce(state, function (draftState) {
+          draftState.splice(payload.index, 0, payload.message);
+        });
+      }
+    case 'deleteMessage':
+      {
+        return state.filter(function (_, index) {
+          return index !== payload.index;
+        });
+      }
+    case 'resetMessages':
+      {
+        return [];
+      }
+    case 'updateMessage':
+      {
+        return produce(state, function (draftState) {
+          var index = payload.index,
+            message = payload.message;
+          draftState[index].content = message;
+        });
+      }
+    case 'updateMessageRole':
+      {
+        return produce(state, function (draftState) {
+          var index = payload.index,
+            role = payload.role;
+          draftState[index].role = role;
+        });
+      }
+    case 'addUserMessage':
+      {
+        return produce(state, function (draftState) {
+          draftState.push({
+            content: payload.message,
+            role: 'user'
+          });
+        });
+      }
+    case 'updateLatestBotMessage':
+      {
+        return produce(state, function () {
+          var responseStream = payload.responseStream;
+          var newMessage = {
+            content: responseStream.join(''),
+            role: 'assistant'
+          };
+          return [].concat(_toConsumableArray(state.slice(0, -1)), [newMessage]);
+        });
+      }
+    case 'setErrorMessage':
+      {
+        return produce(state, function (draftState) {
+          var index = payload.index,
+            error = payload.error;
+
+          // @ts-ignore
+          draftState[index].error = error;
+        });
+      }
+    default:
+      {
+        throw new Error('暂未实现的 type，请检查 reducer');
+      }
+  }
+};

package/dist/AiConversation/_lobe/chat/EditableMessageList/type.d.ts

@@ -0,0 +1,15 @@
+import type { LLMMessage } from '../types';
+export interface EditableMessageListProps {
+    dataSources: LLMMessage[];
+    disabled?: boolean;
+    onChange?: (chatMessages: LLMMessage[]) => void;
+    texts?: {
+        addProps?: string;
+        delete?: string;
+        input?: string;
+        inputPlaceholder?: string;
+        output?: string;
+        outputPlaceholder?: string;
+        system?: string;
+    };
+}

package/dist/AiConversation/_lobe/chat/EditableMessageList/type.js

@@ -0,0 +1 @@
+export {};

package/dist/AiConversation/_lobe/chat/LoadingDots/LoadingDots.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { LoadingDotsProps } from './type';
+declare const LoadingDots: FC<LoadingDotsProps>;
+export default LoadingDots;

package/dist/AiConversation/_lobe/chat/LoadingDots/LoadingDots.js

@@ -0,0 +1,138 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { cx } from 'antd-style';
+import { useMemo } from 'react';
+import { styles } 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 LoadingDots = function LoadingDots(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 8 : _ref$size,
+    color = _ref.color,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'dots' : _ref$variant,
+    className = _ref.className,
+    style = _ref.style;
+  // Convert props to CSS variables
+  var cssVariables = useMemo(function () {
+    var vars = {
+      '--loading-dots-size': "".concat(size, "px")
+    };
+    if (color) {
+      vars['--loading-dots-color'] = color;
+    }
+    return vars;
+  }, [color, size]);
+  var renderDots = function renderDots() {
+    switch (variant) {
+      case 'pulse':
+        {
+          return /*#__PURE__*/_jsx("div", {
+            className: styles.pulseDot,
+            style: {
+              animationDelay: '0s'
+            }
+          });
+        }
+      case 'wave':
+        {
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("div", {
+              className: styles.waveDot,
+              style: {
+                animationDelay: '0s'
+              }
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.waveDot,
+              style: {
+                animationDelay: '0.12s'
+              }
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.waveDot,
+              style: {
+                animationDelay: '0.24s'
+              }
+            })]
+          });
+        }
+      case 'orbit':
+        {
+          return /*#__PURE__*/_jsxs("div", {
+            className: styles.orbitContainer,
+            children: [/*#__PURE__*/_jsx("div", {
+              className: styles.orbitDot,
+              style: {
+                animationDelay: '0s'
+              }
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.orbitDot,
+              style: {
+                animationDelay: '-0.4s'
+              }
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.orbitDot,
+              style: {
+                animationDelay: '-0.8s'
+              }
+            })]
+          });
+        }
+      case 'typing':
+        {
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("div", {
+              className: styles.typingDot,
+              style: {
+                animationDelay: '0s'
+              }
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.typingDot,
+              style: {
+                animationDelay: '0.15s'
+              }
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.typingDot,
+              style: {
+                animationDelay: '0.3s'
+              }
+            })]
+          });
+        }
+      default:
+        {
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("div", {
+              className: styles.defaultDot,
+              style: {
+                animationDelay: '0s'
+              }
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.defaultDot,
+              style: {
+                animationDelay: '0.15s'
+              }
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.defaultDot,
+              style: {
+                animationDelay: '0.3s'
+              }
+            })]
+          });
+        }
+    }
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(variant === 'orbit' ? styles.orbitWrapper : styles.container, className),
+    style: _objectSpread(_objectSpread({}, cssVariables), style),
+    children: renderDots()
+  });
+};
+LoadingDots.displayName = 'LoadingDots';
+export default LoadingDots;

package/dist/AiConversation/_lobe/chat/LoadingDots/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './LoadingDots';
+export type * from './type';

package/dist/AiConversation/_lobe/chat/LoadingDots/index.js

@@ -0,0 +1 @@
+export { default } from "./LoadingDots";

package/dist/AiConversation/_lobe/chat/LoadingDots/style.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: {
+    container: string;
+    defaultDot: string;
+    orbitContainer: string;
+    orbitDot: string;
+    orbitWrapper: string;
+    pulseDot: string;
+    typingDot: string;
+    waveDot: string;
+};

package/dist/AiConversation/_lobe/chat/LoadingDots/style.js

@@ -0,0 +1,24 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStaticStyles } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  var size = 'var(--loading-dots-size, 8px)';
+  var dotColor = 'var(--loading-dots-color, var(--ant-color-primary))';
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      flex-direction: row;\n      gap: 6px;\n      align-items: center;\n      justify-content: center;\n\n      padding: ", ";\n    "])), cssVar.paddingXS),
+    // Default variant (fade)
+    defaultDot: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: ", ";\n      height: ", ";\n      border-radius: 50%;\n\n      background-color: ", ";\n\n      animation: fade-animation 1.2s ease-in-out infinite;\n\n      @keyframes fade-animation {\n        0%,\n        100% {\n          opacity: 0.3;\n        }\n\n        50% {\n          opacity: 1;\n        }\n      }\n    "])), size, size, dotColor),
+    orbitContainer: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n      width: calc(", " * 4);\n      height: calc(", " * 4);\n    "])), size, size),
+    orbitDot: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-start: 50%;\n      transform-origin: calc(", " * 2) 0;\n\n      width: ", ";\n      height: ", ";\n      margin-block-start: calc(", " / -2);\n      margin-inline-start: calc(", " / -2);\n      border-radius: 50%;\n\n      background-color: ", ";\n\n      animation: orbit-animation 1.2s linear infinite;\n\n      @keyframes orbit-animation {\n        0% {\n          transform: rotate(0deg) translateX(calc(", " * 2));\n        }\n\n        100% {\n          transform: rotate(360deg) translateX(calc(", " * 2));\n        }\n      }\n    "])), size, size, size, size, size, dotColor, size, size),
+    // Orbit variant
+    orbitWrapper: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: calc(", " * 5);\n      height: calc(", " * 5);\n      padding: ", ";\n    "])), size, size, cssVar.paddingXS),
+    // Pulse variant
+    pulseDot: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      width: ", ";\n      height: ", ";\n      border-radius: 50%;\n\n      background-color: ", ";\n\n      animation: pulse-animation 1.2s ease-in-out infinite;\n\n      @keyframes pulse-animation {\n        0%,\n        100% {\n          transform: scale(0.8);\n          opacity: 0.3;\n        }\n\n        50% {\n          transform: scale(1.3);\n          opacity: 1;\n        }\n      }\n    "])), size, size, dotColor),
+    // Typing variant
+    typingDot: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      width: ", ";\n      height: ", ";\n      border-radius: 50%;\n\n      background-color: ", ";\n\n      animation: typing-animation 1.2s ease-in-out infinite;\n\n      @keyframes typing-animation {\n        0%,\n        100% {\n          transform: scale(0.6);\n          opacity: 0.2;\n        }\n\n        25% {\n          transform: scale(1);\n          opacity: 1;\n        }\n\n        50%,\n        75% {\n          transform: scale(0.6);\n          opacity: 0.2;\n        }\n      }\n    "])), size, size, dotColor),
+    // Wave variant
+    waveDot: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      width: ", ";\n      height: ", ";\n      border-radius: 50%;\n\n      background-color: ", ";\n\n      animation: wave-animation 1.24s ease-in-out infinite;\n\n      @keyframes wave-animation {\n        0%,\n        100% {\n          transform: translateY(0);\n        }\n\n        25% {\n          transform: translateY(calc(", " * -1.5));\n        }\n\n        50% {\n          transform: translateY(0);\n        }\n      }\n    "])), size, size, dotColor, size)
+  };
+});

package/dist/AiConversation/_lobe/chat/LoadingDots/type.d.ts

@@ -0,0 +1,27 @@
+import type { CSSProperties } from 'react';
+export type LoadingDotsVariant = 'dots' | 'pulse' | 'wave' | 'orbit' | 'typing';
+export interface LoadingDotsProps {
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 点的颜色
+     * @description 如果不提供，将使用主题的 colorPrimary
+     */
+    color?: string;
+    /**
+     * 点的大小（直径）
+     * @default 8
+     */
+    size?: number;
+    /**
+     * 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * 动画变体
+     * @default 'dots'
+     */
+    variant?: LoadingDotsVariant;
+}

package/dist/AiConversation/_lobe/chat/LoadingDots/type.js

@@ -0,0 +1 @@
+export {};

package/dist/AiConversation/_lobe/chat/MessageInput/MessageInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { MessageInputProps } from './type';
+declare const MessageInput: import("react").NamedExoticComponent<MessageInputProps>;
+export default MessageInput;

package/dist/AiConversation/_lobe/chat/MessageInput/MessageInput.js

@@ -0,0 +1,139 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["text", "variant", "onCancel", "defaultValue", "onConfirm", "renderButtons", "placeholder", "styles", "style", "editButtonSize", "classNames", "shortcut", "language"];
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { cx, useResponsive } from 'antd-style';
+import { memo, useState } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
+import Button from "../../Button";
+import CodeEditor from "../../CodeEditor";
+import { Flexbox } from "../../Flex";
+import { KeyMapEnum } from "../../Hotkey/const";
+import { combineKeys } from "../../Hotkey/utils";
+import TextArea from "../../Input/TextArea";
+import Tooltip from "../../Tooltip";
+import { styles } 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$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'borderless' : _ref$variant,
+    onCancel = _ref.onCancel,
+    defaultValue = _ref.defaultValue,
+    onConfirm = _ref.onConfirm,
+    renderButtons = _ref.renderButtons,
+    placeholder = _ref.placeholder,
+    customStyles = _ref.styles,
+    style = _ref.style,
+    _ref$editButtonSize = _ref.editButtonSize,
+    editButtonSize = _ref$editButtonSize === void 0 ? 'middle' : _ref$editButtonSize,
+    classNames = _ref.classNames,
+    shortcut = _ref.shortcut,
+    _ref$language = _ref.language,
+    language = _ref$language === void 0 ? 'markdown' : _ref$language,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var _useState = useState(defaultValue || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    temporaryValue = _useState2[0],
+    setValue = _useState2[1];
+  var confirmHotkey = combineKeys([KeyMapEnum.Mod, KeyMapEnum.Enter]);
+  var confirmText = (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm';
+  var cancelHotkey = combineKeys([KeyMapEnum.Esc]);
+  var cancelText = (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel';
+  var handleConfirm = function handleConfirm() {
+    return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(temporaryValue);
+  };
+  var handleCancel = function handleCancel() {
+    return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  };
+  useHotkeys(confirmHotkey, handleConfirm, {
+    enableOnFormTags: true,
+    enabled: shortcut,
+    preventDefault: true
+  });
+  var confirmButton = /*#__PURE__*/_jsx(Button, {
+    size: editButtonSize,
+    type: "primary",
+    onClick: handleConfirm,
+    children: confirmText
+  });
+  var cancllButton = /*#__PURE__*/_jsx(Button, {
+    size: editButtonSize,
+    variant: 'filled',
+    onClick: handleCancel,
+    children: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel'
+  });
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    gap: 16,
+    style: _objectSpread({
+      flex: 1,
+      width: '100%'
+    }, style)
+  }, rest), {}, {
+    children: [mobile ? /*#__PURE__*/_jsx(TextArea, {
+      autoSize: true,
+      className: cx(styles, classNames === null || classNames === void 0 ? void 0 : classNames.editor),
+      placeholder: placeholder,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.editor,
+      value: temporaryValue,
+      variant: variant,
+      onBlur: function onBlur(e) {
+        return setValue(e.target.value);
+      },
+      onChange: function onChange(e) {
+        return setValue(e.target.value);
+      }
+    }) : /*#__PURE__*/_jsx(CodeEditor, {
+      className: cx(styles, classNames === null || classNames === void 0 ? void 0 : classNames.editor),
+      classNames: classNames,
+      language: language,
+      placeholder: placeholder,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.editor,
+      styles: customStyles,
+      value: temporaryValue,
+      variant: variant,
+      onBlur: function onBlur(e) {
+        return setValue(e.target.value);
+      },
+      onValueChange: function onValueChange(e) {
+        return setValue(e);
+      }
+    }), /*#__PURE__*/_jsx(Flexbox, {
+      direction: 'horizontal-reverse',
+      gap: 8,
+      children: renderButtons ? renderButtons(temporaryValue).map(function (buttonProps, index) {
+        return /*#__PURE__*/_jsx(Button, _objectSpread({
+          size: editButtonSize
+        }, buttonProps), index);
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [shortcut ? /*#__PURE__*/_jsx(Tooltip, {
+          hotkey: confirmHotkey,
+          title: confirmText,
+          children: confirmButton
+        }) : confirmButton, shortcut ? /*#__PURE__*/_jsx(Tooltip, {
+          hotkey: cancelHotkey,
+          title: cancelText,
+          children: cancllButton
+        }) : cancllButton]
+      })
+    })]
+  }));
+});
+export default MessageInput;

package/dist/AiConversation/_lobe/chat/MessageInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MessageInput';
+export type * from './type';

package/dist/AiConversation/_lobe/chat/MessageInput/index.js

@@ -0,0 +1 @@
+export { default } from "./MessageInput";

package/dist/AiConversation/_lobe/chat/MessageInput/style.d.ts

@@ -0,0 +1 @@
+export declare const styles: string;