@lobehub/ui 1.11.0 → 1.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",

package/lib/ActionIcon/index.d.ts

@@ -1,49 +0,0 @@
-/// <reference types="react" />
-import { TooltipProps } from "../index";
-import { DivProps } from "../types";
-import { LucideIcon } from 'lucide-react';
-export declare type ActionIconSize = 'large' | 'normal' | 'small' | 'site' | {
-    blockSize?: number;
-    fontSize?: number;
-    strokeWidth?: number;
-    borderRadius?: number;
-};
-export interface ActionIconProps extends DivProps {
-    /**
-     * @description Whether the icon is active or not
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * @description Size of the icon
-     * @default 'normal'
-     */
-    size?: ActionIconSize;
-    /**
-     * @description The icon element to be rendered
-     * @type LucideIcon
-     */
-    icon: LucideIcon;
-    /**
-     * @description Glass blur style
-     * @default 'false'
-     */
-    glass?: boolean;
-    /**
-     * @description The text shown in the tooltip
-     */
-    title?: string;
-    /**
-     * @description The position of the tooltip relative to the target
-     * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]
-     * @default "top"
-     */
-    placement?: TooltipProps['placement'];
-    /**
-     * @description Change arrow's visible state and change whether the arrow is pointed at the center of target.
-     * @default false
-     */
-    arrow?: boolean;
-}
-declare const ActionIcon: import("react").NamedExoticComponent<ActionIconProps>;
-export default ActionIcon;

package/lib/ActionIcon/index.js

@@ -1,82 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ActionIcon/index.tsx
-var ActionIcon_exports = {};
-__export(ActionIcon_exports, {
-  default: () => ActionIcon_default
-});
-module.exports = __toCommonJS(ActionIcon_exports);
-var import__ = require("../index");
-var import_react = require("react");
-var import_style = require("./style");
-var ActionIcon = (0, import_react.memo)(
-  ({
-    className,
-    active,
-    icon,
-    size = "normal",
-    style,
-    glass,
-    title,
-    placement,
-    arrow = false,
-    ...props
-  }) => {
-    const { styles, cx } = (0, import_style.useStyles)({ active: Boolean(active), glass: Boolean(glass) });
-    let blockSize;
-    let borderRadius;
-    switch (size) {
-      case "large":
-        blockSize = 44;
-        borderRadius = 8;
-        break;
-      case "normal":
-        blockSize = 36;
-        borderRadius = 5;
-        break;
-      case "small":
-        blockSize = 24;
-        borderRadius = 5;
-        break;
-      case "site":
-        blockSize = 34;
-        borderRadius = 5;
-        break;
-      default:
-        blockSize = (size == null ? void 0 : size.blockSize) || 36;
-        borderRadius = (size == null ? void 0 : size.borderRadius) || 5;
-        break;
-    }
-    const actionIconBlock = /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cx(styles.block, className),
-        style: { width: blockSize, height: blockSize, borderRadius, ...style },
-        ...props
-      },
-      /* @__PURE__ */ React.createElement(import__.Icon, { size: size === "site" ? "normal" : size, icon })
-    );
-    if (!title)
-      return actionIconBlock;
-    return /* @__PURE__ */ React.createElement(import__.Tooltip, { arrow, title, placement }, actionIconBlock);
-  }
-);
-var ActionIcon_default = ActionIcon;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/ActionIcon/style.d.ts

@@ -1,6 +0,0 @@
-export declare const useStyles: (props?: {
-    active: boolean;
-    glass: boolean;
-} | undefined) => import("antd-style").ReturnStyles<{
-    block: import("antd-style").SerializedStyles;
-}>;

package/lib/ActionIcon/style.js

@@ -1,64 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ActionIcon/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyles: () => useStyles
-});
-module.exports = __toCommonJS(style_exports);
-var import_antd_style = require("antd-style");
-var useStyles = (0, import_antd_style.createStyles)(
-  ({ css, token }, { active, glass }) => {
-    return {
-      block: css`
-        cursor: pointer;
-
-        display: flex;
-        flex: none;
-        align-items: center;
-        justify-content: center;
-
-        color: ${active ? token.colorText : token.colorTextTertiary};
-
-        background: ${active ? token.colorFillTertiary : "transparent"};
-
-        transition: color 600ms ${token.motionEaseOut},
-          background-color 100ms ${token.motionEaseOut};
-
-        ${glass && css`
-          backdrop-filter: saturate(180%) blur(10px);
-        `}
-
-        &:hover {
-          color: ${token.colorText};
-          background-color: ${token.colorFillSecondary};
-        }
-
-        &:active {
-          color: ${token.colorText};
-          background-color: ${token.colorFill};
-        }
-      `
-    };
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
-});

package/lib/Avatar/index.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-export interface AvatarProps {
-    avatar?: string;
-    title?: string;
-    size?: number;
-    shape?: 'circle' | 'square';
-    background?: string;
-}
-declare const Avatar: FC<AvatarProps>;
-export default Avatar;

package/lib/Avatar/index.js

@@ -1,74 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Avatar/index.tsx
-var Avatar_exports = {};
-__export(Avatar_exports, {
-  default: () => Avatar_default
-});
-module.exports = __toCommonJS(Avatar_exports);
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_react_layout_kit = require("react-layout-kit");
-var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => ({
-  container: css`
-    cursor: pointer;
-
-    > * {
-      cursor: pointer;
-    }
-  `,
-  border: css`
-    border: 1px solid ${token.colorBorder};
-  `
-}));
-var Avatar = ({ avatar, title, size = 40, shape = "circle", background }) => {
-  const { styles, theme } = useStyles();
-  const backgroundColor = background ?? theme.colorBgContainer;
-  const isImage = avatar && ["/", "http", "data:"].some((i) => avatar.startsWith(i));
-  return /* @__PURE__ */ React.createElement(
-    import_react_layout_kit.Center,
-    {
-      style: {
-        width: size,
-        height: size,
-        borderRadius: shape === "circle" ? "50%" : 6,
-        backgroundColor,
-        borderWidth: isImage ? 1 : 0
-      },
-      className: styles.container
-    },
-    !avatar ? /* @__PURE__ */ React.createElement(import_antd.Avatar, { shape, size }, title == null ? void 0 : title.slice(0, 2)) : isImage ? /* @__PURE__ */ React.createElement(import_antd.Avatar, { shape, size, src: avatar, className: styles.border }) : /* @__PURE__ */ React.createElement(
-      import_react_layout_kit.Center,
-      {
-        className: styles.border,
-        style: {
-          width: size,
-          height: size,
-          fontSize: size / 2,
-          borderRadius: shape === "circle" ? "50%" : 6,
-          backgroundColor
-        }
-      },
-      avatar
-    )
-  );
-};
-var Avatar_default = Avatar;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/Chat/const.d.ts

@@ -1 +0,0 @@
-export declare const LOADING_FLAT = "...";

package/lib/Chat/const.js

@@ -1,29 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Chat/const.ts
-var const_exports = {};
-__export(const_exports, {
-  LOADING_FLAT: () => LOADING_FLAT
-});
-module.exports = __toCommonJS(const_exports);
-var LOADING_FLAT = "...";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LOADING_FLAT
-});

package/lib/Chat/index.d.ts

@@ -1,2 +0,0 @@
-export { messagesReducer } from './store';
-export * from './types';

package/lib/Chat/index.js

@@ -1,31 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Chat/index.ts
-var Chat_exports = {};
-__export(Chat_exports, {
-  messagesReducer: () => import_store.messagesReducer
-});
-module.exports = __toCommonJS(Chat_exports);
-var import_store = require("./store");
-__reExport(Chat_exports, require("./types"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  messagesReducer
-});

package/lib/Chat/store/index.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { StoreApi } from 'zustand';
-import { ChatStore } from './store';
-export declare const createChatStore: (showDevtools?: boolean) => import("zustand").UseBoundStore<Omit<StoreApi<ChatStore>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined, action?: A | undefined): void;
-}>;
-export declare const Provider: ({ createStore, children }: {
-    createStore: () => StoreApi<ChatStore>;
-    children: any;
-}) => import("react").FunctionComponentElement<import("react").ProviderProps<StoreApi<ChatStore> | undefined>>, useStore: import("zustand-utils").UseContextStore<StoreApi<ChatStore>>, useStoreApi: () => {
-    setState: (partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined) => void;
-    getState: () => ChatStore;
-    subscribe: (listener: (state: ChatStore, prevState: ChatStore) => void) => () => void;
-    destroy: () => void;
-};
-export { messagesReducer, type MessageDispatch } from './messageReducer';
-export * from './selectors';
-export type { ChatStore } from './store';

package/lib/Chat/store/index.js

@@ -1,44 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Chat/store/index.ts
-var store_exports = {};
-__export(store_exports, {
-  Provider: () => Provider,
-  createChatStore: () => createChatStore,
-  messagesReducer: () => import_messageReducer.messagesReducer,
-  useStore: () => useStore,
-  useStoreApi: () => useStoreApi
-});
-module.exports = __toCommonJS(store_exports);
-var import_zustand = require("zustand");
-var import_zustand_utils = require("zustand-utils");
-var import_store = require("./store");
-var import_messageReducer = require("./messageReducer");
-__reExport(store_exports, require("./selectors"), module.exports);
-var createChatStore = (showDevtools = false) => (0, import_zustand.create)()((0, import_zustand_utils.optionalDevtools)(showDevtools)(import_store.createStore, { name: "CHAT_COMPONENT" }));
-var { Provider, useStore, useStoreApi } = (0, import_zustand_utils.createContext)();
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Provider,
-  createChatStore,
-  messagesReducer,
-  useStore,
-  useStoreApi
-});

package/lib/Chat/store/initialState.d.ts

@@ -1,28 +0,0 @@
-import { ChatMessage, InternalChatContext, OpenAIRequestParams } from '../types';
-export interface ChatState extends InternalChatContext {
-    /**
-     * @title 消息
-     * @type {string}
-     */
-    message: string;
-    /**
-     * @title 加载状态
-     * @type {boolean}
-     */
-    loading: boolean;
-    /**
-     * @title 改变系统角色状态
-     * @type {boolean}
-     */
-    changingSystemRole: boolean;
-    /**
-     * 编辑中的消息 id
-     */
-    editingMessageId?: number | null;
-    onMessagesChange?: (messages: ChatMessage[]) => void;
-    onResponseStart?: (messages: ChatMessage[]) => Promise<void>;
-    onResponseFinished?: (session: any) => void;
-    onAgentChange?: (agent: any, type: 'update' | 'remove') => void;
-    request?: (params: OpenAIRequestParams) => Promise<Response>;
-}
-export declare const initialState: ChatState;

package/lib/Chat/store/initialState.js

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Chat/store/initialState.ts
-var initialState_exports = {};
-__export(initialState_exports, {
-  initialState: () => initialState
-});
-module.exports = __toCommonJS(initialState_exports);
-var initialState = {
-  message: "",
-  messages: [],
-  loading: false,
-  changingSystemRole: false,
-  editingMessageId: null,
-  createAt: -1,
-  updateAt: -1
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  initialState
-});

package/lib/Chat/store/messageReducer.d.ts

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

package/lib/Chat/store/messageReducer.js

@@ -1,82 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Chat/store/messageReducer.ts
-var messageReducer_exports = {};
-__export(messageReducer_exports, {
-  messagesReducer: () => messagesReducer
-});
-module.exports = __toCommonJS(messageReducer_exports);
-var import_immer = require("immer");
-var messagesReducer = (state, payload) => {
-  switch (payload.type) {
-    case "addMessage":
-      return [...state, payload.message];
-    case "insertMessage":
-      return (0, import_immer.produce)(state, (draftState) => {
-        draftState.splice(payload.index, 0, payload.message);
-      });
-    case "deleteMessage":
-      return state.filter((_, i) => i !== payload.index);
-    case "resetMessages":
-      return [];
-    case "updateMessage":
-      return (0, import_immer.produce)(state, (draftState) => {
-        const { index, message } = payload;
-        draftState[index].content = message;
-      });
-    case "updateMessageRole":
-      return (0, import_immer.produce)(state, (draftState) => {
-        const { index, role } = payload;
-        draftState[index].role = role;
-      });
-    case "addUserMessage":
-      return (0, import_immer.produce)(state, (draftState) => {
-        draftState.push({ role: "user", content: payload.message });
-      });
-    case "updateLatestBotMessage":
-      return (0, import_immer.produce)(state, () => {
-        const { responseStream } = payload;
-        const newMessage = { role: "assistant", content: responseStream.join("") };
-        return [...state.slice(0, -1), newMessage];
-      });
-    case "setErrorMessage":
-      return (0, import_immer.produce)(state, (draftState) => {
-        const { index, error } = payload;
-        draftState[index].error = error;
-      });
-    case "updateMessageChoice":
-      return (0, import_immer.produce)(state, (draftState) => {
-        const { index, message } = payload;
-        const botMessage = draftState[index];
-        const prevMsg = botMessage.content;
-        botMessage.content = message;
-        if (botMessage.choices) {
-          botMessage.choices.push(prevMsg);
-        } else {
-          botMessage.choices = [prevMsg];
-        }
-      });
-    default:
-      throw Error("暂未实现的 type，请检查 reducer");
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  messagesReducer
-});

package/lib/Chat/store/selectors.d.ts

@@ -1,9 +0,0 @@
-import type { ChatStore } from './store';
-export declare const chatSelectors: {
-    totalTokenCount: (s: ChatStore) => number;
-    agentTokenCount: (s: ChatStore) => number;
-    messagesTokenCount: (s: ChatStore) => number;
-    totalTokens: (s: ChatStore) => number[];
-    messagesTokens: (s: ChatStore) => number[];
-    disableInput: (s: ChatStore) => boolean;
-};