@4399ywkf/design 2.1.0 → 2.1.1

package/dist/AiConversation/_lobe/chat/ChatItem/components/ErrorContent.js

@@ -0,0 +1,24 @@
+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 Alert from "../../../Alert";
+import { Flexbox } from "../../../Flex";
+import { styles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ErrorContent = function ErrorContent(_ref) {
+  var message = _ref.message,
+    error = _ref.error;
+  return /*#__PURE__*/_jsx(Flexbox, {
+    className: styles.errorContainer,
+    children: /*#__PURE__*/_jsx(Alert, _objectSpread({
+      showIcon: true,
+      closable: false,
+      extra: message,
+      type: 'error'
+    }, error))
+  });
+};
+export default ErrorContent;

package/dist/AiConversation/_lobe/chat/ChatItem/components/Loading.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import { type ChatItemProps } from '..';
+export interface LoadingProps {
+    loading?: ChatItemProps['loading'];
+    placement?: ChatItemProps['placement'];
+}
+declare const Loading: FC<LoadingProps>;
+export default Loading;

package/dist/AiConversation/_lobe/chat/ChatItem/components/Loading.js

@@ -0,0 +1,25 @@
+import { Loader2 } from 'lucide-react';
+import { Flexbox } from "../../../Flex";
+import Icon from "../../../Icon";
+import { styles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Loading = function Loading(_ref) {
+  var loading = _ref.loading,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'left' : _ref$placement;
+  if (!loading) return null;
+  return /*#__PURE__*/_jsx(Flexbox, {
+    align: 'center',
+    className: placement === 'left' ? styles.loadingLeft : styles.loadingRight,
+    justify: 'center',
+    children: /*#__PURE__*/_jsx(Icon, {
+      spin: true,
+      icon: Loader2,
+      size: {
+        size: 12,
+        strokeWidth: 3
+      }
+    })
+  });
+};
+export default Loading;

package/dist/AiConversation/_lobe/chat/ChatItem/components/MessageContent.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type ChatItemProps } from '..';
+import { type MarkdownProps } from '../../../Markdown';
+export interface MessageContentProps {
+    editing?: ChatItemProps['editing'];
+    fontSize?: number;
+    markdownProps?: Omit<MarkdownProps, 'className' | 'style' | 'children'>;
+    message?: ReactNode;
+    messageExtra?: ChatItemProps['messageExtra'];
+    onChange?: ChatItemProps['onChange'];
+    onDoubleClick?: ChatItemProps['onDoubleClick'];
+    onEditingChange?: ChatItemProps['onEditingChange'];
+    placement?: ChatItemProps['placement'];
+    primary?: ChatItemProps['primary'];
+    renderMessage?: ChatItemProps['renderMessage'];
+    text?: ChatItemProps['text'];
+    variant?: ChatItemProps['variant'];
+}
+declare const MessageContent: import("react").NamedExoticComponent<MessageContentProps>;
+export default MessageContent;

package/dist/AiConversation/_lobe/chat/ChatItem/components/MessageContent.js

@@ -0,0 +1,61 @@
+import { cx, useResponsive } from 'antd-style';
+import { memo, useMemo } from 'react';
+import EditableMessage from "../../EditableMessage";
+import { Flexbox } from "../../../Flex";
+import { styles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var MessageContent = /*#__PURE__*/memo(function (_ref) {
+  var editing = _ref.editing,
+    onChange = _ref.onChange,
+    onEditingChange = _ref.onEditingChange,
+    text = _ref.text,
+    message = _ref.message,
+    placement = _ref.placement,
+    messageExtra = _ref.messageExtra,
+    renderMessage = _ref.renderMessage,
+    variant = _ref.variant,
+    primary = _ref.primary,
+    onDoubleClick = _ref.onDoubleClick,
+    fontSize = _ref.fontSize,
+    markdownProps = _ref.markdownProps;
+  // placement and primary are part of the interface but not used in this component
+  void placement;
+  void primary;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var messageClassName = useMemo(function () {
+    if (variant === 'bubble') return styles.messageBubble;
+    // For docs variant, we need title info, but we don't have it here
+    // Use withoutTitle as default
+    return styles.messageDocsWithoutTitle;
+  }, [variant]);
+  var editingContainerClassName = useMemo(function () {
+    return variant === 'docs' ? styles.editingContainerDocs : styles.editingContainer;
+  }, [variant]);
+  var content = /*#__PURE__*/_jsx(EditableMessage, {
+    fullFeaturedCodeBlock: true,
+    classNames: {
+      input: styles.editingInput
+    },
+    editButtonSize: 'small',
+    editing: editing,
+    fontSize: fontSize,
+    markdownProps: markdownProps,
+    openModal: mobile ? editing : undefined,
+    text: text,
+    value: message ? String(message) : '',
+    onChange: onChange,
+    onEditingChange: onEditingChange
+  });
+  var messageContent = renderMessage ? renderMessage(content) : content;
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    className: cx(messageClassName, editing && editingContainerClassName),
+    onDoubleClick: onDoubleClick,
+    children: [messageContent, messageExtra && !editing ? /*#__PURE__*/_jsx("div", {
+      className: styles.messageExtra,
+      children: messageExtra
+    }) : null]
+  });
+});
+export default MessageContent;

package/dist/AiConversation/_lobe/chat/ChatItem/components/Title.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+import { type ChatItemProps } from '..';
+export interface TitleProps {
+    avatar: ChatItemProps['avatar'];
+    placement?: ChatItemProps['placement'];
+    showTitle?: ChatItemProps['showTitle'];
+    time?: ChatItemProps['time'];
+    titleAddon?: ChatItemProps['titleAddon'];
+}
+declare const Title: FC<TitleProps>;
+export default Title;

package/dist/AiConversation/_lobe/chat/ChatItem/components/Title.js

@@ -0,0 +1,23 @@
+import { Flexbox } from "../../../Flex";
+import { formatTime } from "../../../utils/formatTime";
+import { styles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Title = function Title(_ref) {
+  var showTitle = _ref.showTitle,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'left' : _ref$placement,
+    time = _ref.time,
+    avatar = _ref.avatar,
+    titleAddon = _ref.titleAddon;
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    align: 'center',
+    className: placement === 'left' ? styles.nameLeft : styles.nameRight,
+    direction: placement === 'left' ? 'horizontal' : 'horizontal-reverse',
+    gap: 4,
+    children: [showTitle ? avatar.title || 'untitled' : undefined, showTitle ? titleAddon : undefined, time && /*#__PURE__*/_jsx("time", {
+      children: formatTime(time)
+    })]
+  });
+};
+export default Title;

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

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

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

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

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

@@ -0,0 +1,29 @@
+export declare const styles: {
+    actionsBubbleLeft: string;
+    actionsBubbleRight: string;
+    actionsDocsLeft: string;
+    actionsDocsRight: string;
+    actionsEditing: string;
+    avatarContainer: string;
+    avatarGroupContainer: string;
+    container: string;
+    containerDocs: string;
+    editingContainer: string;
+    editingContainerDocs: string;
+    editingInput: string;
+    errorContainer: string;
+    loadingLeft: string;
+    loadingRight: string;
+    messageBubble: string;
+    messageContainer: string;
+    messageContainerEditing: string;
+    messageContainerEditingWithTime: string;
+    messageContainerWithTime: string;
+    messageContent: string;
+    messageContentEditing: string;
+    messageDocsWithTitle: string;
+    messageDocsWithoutTitle: string;
+    messageExtra: string;
+    nameLeft: string;
+    nameRight: string;
+};

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

@@ -0,0 +1,42 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStaticStyles, responsive } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-block: 8px;\n    padding-inline: 12px;\n    border: 1px solid color-mix(in srgb, ", " 66%, transparent);\n    border-radius: ", ";\n\n    background-color: ", ";\n  "])), cssVar.colorBorderSecondary, cssVar.borderRadiusLG, cssVar.colorBgContainer);
+  var rawStylishWithTitle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding-block-start: 0;\n  "])));
+  var rawStylishWithoutTitle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding-block-start: 6px;\n  "])));
+  var rawContainerStylish = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-block-end: -16px;\n    transition: background-color 100ms ", ";\n  "])), cssVar.motionEaseOut);
+  var editingStylish = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 100%;\n  "])));
+  return {
+    // Actions styles - placement + variant + editing combinations
+    actionsBubbleLeft: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-end;\n    "]))),
+    actionsBubbleRight: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-start;\n    "]))),
+    actionsDocsLeft: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      flex: none;\n      align-self: flex-start;\n      justify-content: flex-end;\n    "]))),
+    actionsDocsRight: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      flex: none;\n      align-self: flex-end;\n      justify-content: flex-start;\n    "]))),
+    actionsEditing: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      pointer-events: none !important;\n      opacity: 0 !important;\n    "]))),
+    avatarContainer: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      position: relative;\n      flex: none;\n      width: var(--chat-item-avatar-size, 40px);\n      height: var(--chat-item-avatar-size, 40px);\n    "]))),
+    avatarGroupContainer: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      width: var(--chat-item-avatar-size, 40px);\n    "]))),
+    container: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      position: relative;\n\n      width: 100%;\n      max-width: 100vw;\n      padding-block: 24px 12px;\n      padding-inline: 12px;\n\n      time {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      div[role='menubar'] {\n        display: flex;\n      }\n\n      time,\n      div[role='menubar'] {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 200ms ", ";\n      }\n\n      &:hover {\n        time,\n        div[role='menubar'] {\n          pointer-events: unset;\n          opacity: 1;\n        }\n      }\n\n      div[role='menubar']:has([data-popup-open]),\n      div[role='menubar'][data-popup-open] {\n        pointer-events: unset !important;\n        opacity: 1 !important;\n\n        [data-popup-open] {\n          background: ", ";\n        }\n      }\n\n      ", " {\n        padding-block-start: 12px;\n        padding-inline: 8px;\n      }\n    "])), cssVar.motionEaseOut, cssVar.colorFillTertiary, responsive.sm),
+    containerDocs: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      ", "\n      position: relative;\n\n      width: 100%;\n      max-width: 100vw;\n      padding-block: 24px 12px;\n      padding-inline: 12px;\n\n      time {\n        display: inline-block;\n        white-space: nowrap;\n      }\n\n      div[role='menubar'] {\n        display: flex;\n      }\n\n      time,\n      div[role='menubar'] {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 200ms ", ";\n      }\n\n      &:hover {\n        time,\n        div[role='menubar'] {\n          pointer-events: unset;\n          opacity: 1;\n        }\n      }\n\n      div[role='menubar']:has(.lobe-dropdown-menu-trigger[data-popup-open]) {\n        pointer-events: unset;\n        opacity: 1;\n      }\n\n      ", " {\n        padding-block-start: 16px;\n        padding-inline: 8px;\n      }\n    "])), rawContainerStylish, cssVar.motionEaseOut, responsive.sm),
+    editingContainer: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      ", "\n      padding-block: 8px 12px;\n      padding-inline: 12px;\n      border: 1px solid ", ";\n\n      &:active,\n      &:hover {\n        border-color: ", ";\n      }\n    "])), editingStylish, cssVar.colorBorderSecondary, cssVar.colorBorder),
+    editingContainerDocs: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      ", "\n      padding-block: 8px 12px;\n      padding-inline: 12px;\n      border: 1px solid ", ";\n      border-radius: ", ";\n\n      background: ", ";\n\n      &:active,\n      &:hover {\n        border-color: ", ";\n      }\n    "])), editingStylish, cssVar.colorBorderSecondary, cssVar.borderRadius, cssVar.colorFillQuaternary, cssVar.colorBorder),
+    editingInput: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      width: 100%;\n    "]))),
+    errorContainer: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n    "]))),
+    loadingLeft: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-end: 0;\n      inset-inline-start: -4px;\n\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n\n      color: ", ";\n\n      background: ", ";\n    "])), cssVar.colorBgLayout, cssVar.colorPrimary),
+    loadingRight: css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-end: 0;\n      inset-inline-end: -4px;\n\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n\n      color: ", ";\n\n      background: ", ";\n    "])), cssVar.colorBgLayout, cssVar.colorPrimary),
+    messageBubble: css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n      ", "\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ", " {\n        width: 100%;\n      }\n    "])), blockStylish, responsive.sm),
+    messageContainer: css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ", " {\n        overflow-x: auto;\n      }\n    "])), responsive.sm),
+    messageContainerEditing: css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      ", "\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ", " {\n        overflow-x: auto;\n      }\n    "])), editingStylish, responsive.sm),
+    messageContainerEditingWithTime: css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      ", "\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n      margin-block-start: -16px;\n\n      ", " {\n        overflow-x: auto;\n      }\n    "])), editingStylish, responsive.sm),
+    messageContainerWithTime: css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n      margin-block-start: -16px;\n\n      ", " {\n        overflow-x: auto;\n      }\n    "])), responsive.sm),
+    messageContent: css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ", " {\n        flex-direction: column !important;\n      }\n    "])), responsive.sm),
+    messageContentEditing: css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n      ", "\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ", " {\n        flex-direction: column !important;\n      }\n    "])), editingStylish, responsive.sm),
+    messageDocsWithTitle: css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n      ", "\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ", " {\n        width: 100%;\n      }\n    "])), rawStylishWithTitle, responsive.sm),
+    messageDocsWithoutTitle: css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n      ", "\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      ", " {\n        width: 100%;\n      }\n    "])), rawStylishWithoutTitle, responsive.sm),
+    messageExtra: css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n      /* message-extra class */\n    "]))),
+    nameLeft: css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n      pointer-events: none;\n\n      margin-block-end: 6px;\n\n      font-size: 12px;\n      line-height: 1;\n      color: ", ";\n      text-align: start;\n    "])), cssVar.colorTextDescription),
+    nameRight: css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n      pointer-events: none;\n\n      margin-block-end: 6px;\n\n      font-size: 12px;\n      line-height: 1;\n      color: ", ";\n      text-align: end;\n    "])), cssVar.colorTextDescription)
+  };
+});

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

@@ -0,0 +1,89 @@
+import { type ReactNode } from 'react';
+import { type AlertProps } from '../../Alert';
+import { type AvatarProps } from '../../Avatar';
+import { type EditableMessageProps } from '../EditableMessage';
+import { type MetaData } from '../types';
+import { type FlexboxProps } from '../../Flex';
+import { type MarkdownProps } from '../../Markdown';
+import { type DivProps } from '../../types';
+export interface ChatItemProps extends Omit<FlexboxProps, 'children' | 'onChange'> {
+    aboveMessage?: ReactNode;
+    /**
+     * @description Actions to be displayed in the chat item
+     */
+    actions?: ReactNode;
+    actionsWrapWidth?: number;
+    /**
+     * @description Metadata for the avatar
+     */
+    avatar: MetaData;
+    avatarAddon?: ReactNode;
+    avatarProps?: AvatarProps;
+    belowMessage?: ReactNode;
+    /**
+     * @description Whether the chat item is in editing mode
+     */
+    editing?: boolean;
+    /**
+     * @description Props for Error render
+     */
+    error?: AlertProps;
+    errorMessage?: ReactNode;
+    fontSize?: number;
+    /**
+     * @description Whether the chat item is in loading state
+     */
+    loading?: boolean;
+    markdownProps?: Omit<MarkdownProps, 'className' | 'style' | 'children'>;
+    /**
+     * @description The message content of the chat item
+     */
+    message?: ReactNode;
+    messageExtra?: ReactNode;
+    onAvatarClick?: () => void;
+    /**
+     * @description Callback when the message content changes
+     * @param value - The new message content
+     */
+    onChange?: (value: string) => void;
+    onDoubleClick?: DivProps['onDoubleClick'];
+    /**
+     * @description Callback when the editing mode changes
+     * @param editing - The new editing mode
+     */
+    onEditingChange?: (editing: boolean) => void;
+    /**
+     * @default "..."
+     */
+    placeholderMessage?: string;
+    /**
+     * @description The placement of the chat item
+     * @default 'left'
+     */
+    placement?: 'left' | 'right';
+    /**
+     * @description Whether the chat item is primary
+     */
+    primary?: boolean;
+    renderMessage?: (content: ReactNode) => ReactNode;
+    /**
+     * @description Whether to hide the avatar
+     * @default false
+     */
+    showAvatar?: boolean;
+    /**
+     * @description Whether to show the title of the chat item
+     */
+    showTitle?: boolean;
+    text?: EditableMessageProps['text'];
+    /**
+     * @description The timestamp of the chat item
+     */
+    time?: number;
+    titleAddon?: ReactNode;
+    /**
+     * @description The type of the chat item
+     * @default 'bubble'
+     */
+    variant?: 'bubble' | 'docs';
+}

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

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

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

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

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

@@ -0,0 +1,70 @@
+'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 = ["onActionsClick", "onAvatarsClick", "renderMessagesExtra", "className", "data", "variant", "text", "showTitle", "onMessageChange", "renderMessages", "renderErrorMessages", "loadingId", "renderItems", "enableHistoryCount", "renderActions", "historyCount", "showAvatar"];
+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 _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 } from 'antd-style';
+import { Fragment, memo } from 'react';
+import ChatListItem from "./components/ChatListItem";
+import HistoryDivider from "./components/HistoryDivider";
+import { styles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ChatList = /*#__PURE__*/memo(function (_ref) {
+  var onActionsClick = _ref.onActionsClick,
+    onAvatarsClick = _ref.onAvatarsClick,
+    renderMessagesExtra = _ref.renderMessagesExtra,
+    className = _ref.className,
+    data = _ref.data,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'bubble' : _ref$variant,
+    text = _ref.text,
+    showTitle = _ref.showTitle,
+    onMessageChange = _ref.onMessageChange,
+    renderMessages = _ref.renderMessages,
+    renderErrorMessages = _ref.renderErrorMessages,
+    loadingId = _ref.loadingId,
+    renderItems = _ref.renderItems,
+    enableHistoryCount = _ref.enableHistoryCount,
+    renderActions = _ref.renderActions,
+    _ref$historyCount = _ref.historyCount,
+    historyCount = _ref$historyCount === void 0 ? 0 : _ref$historyCount,
+    showAvatar = _ref.showAvatar,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className)
+  }, rest), {}, {
+    children: data.map(function (item, index) {
+      var itemProps = {
+        loading: loadingId === item.id,
+        onActionsClick: onActionsClick,
+        onAvatarsClick: onAvatarsClick,
+        onMessageChange: onMessageChange,
+        renderActions: renderActions,
+        renderErrorMessages: renderErrorMessages,
+        renderItems: renderItems,
+        renderMessages: renderMessages,
+        renderMessagesExtra: renderMessagesExtra,
+        showAvatar: showAvatar,
+        showTitle: showTitle,
+        text: text,
+        variant: variant
+      };
+      var historyLength = data.length;
+      var enableHistoryDivider = enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1;
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx(HistoryDivider, {
+          enable: enableHistoryDivider,
+          text: text === null || text === void 0 ? void 0 : text.history
+        }), /*#__PURE__*/_jsx(ChatListItem, _objectSpread(_objectSpread({}, itemProps), item))]
+      }, item.id);
+    })
+  }));
+});
+export default ChatList;

package/dist/AiConversation/_lobe/chat/ChatList/components/ChatActionsBar.d.ts

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

package/dist/AiConversation/_lobe/chat/ChatList/components/ChatActionsBar.js

@@ -0,0 +1,29 @@
+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", "ref"];
+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 _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 ActionIconGroup from "../../../ActionIconGroup";
+import { useChatListActionsBar } from "./useChatListActionsBar";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ChatActionsBar = function ChatActionsBar(_ref) {
+  var text = _ref.text,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useChatListActionsBa = useChatListActionsBar(text),
+    regenerate = _useChatListActionsBa.regenerate,
+    edit = _useChatListActionsBa.edit,
+    copy = _useChatListActionsBa.copy,
+    divider = _useChatListActionsBa.divider,
+    del = _useChatListActionsBa.del;
+  return /*#__PURE__*/_jsx(ActionIconGroup, _objectSpread({
+    items: [regenerate, edit],
+    menu: [edit, copy, regenerate, divider, del],
+    ref: ref
+  }, rest));
+};
+export default ChatActionsBar;

package/dist/AiConversation/_lobe/chat/ChatList/components/ChatListItem.d.ts

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