@baishuyun/chat-sdk 0.0.1-alpha.1

package/src/lib/event-emitter.ts

@@ -0,0 +1,93 @@
+import type { EventMap, EventKey, EventHandler, FormBuilderEventMap } from '@baishuyun/types';
+
+export class EventEmitter<Events extends EventMap> {
+  private events: Map<keyof Events, EventHandler<any>[]> = new Map();
+
+  /**
+   * 订阅事件
+   */
+  on<K extends EventKey<Events>>(event: K, handler: EventHandler<Events[K]>): this {
+    if (!this.events.has(event)) {
+      this.events.set(event, []);
+    }
+    this.events.get(event)!.push(handler);
+    return this;
+  }
+
+  /**
+   * 取消订阅
+   */
+  off<K extends EventKey<Events>>(event: K, handler: EventHandler<Events[K]>): this {
+    const handlers = this.events.get(event);
+    if (!handlers) return this;
+
+    const index = handlers.indexOf(handler);
+    if (index > -1) {
+      handlers.splice(index, 1);
+    }
+    return this;
+  }
+
+  /**
+   * 触发事件
+   */
+  emit<K extends EventKey<Events>>(event: K, params: Events[K]): boolean {
+    const handlers = this.events.get(event);
+    if (!handlers || handlers.length === 0) return false;
+
+    handlers.slice().forEach((handler) => {
+      try {
+        handler(params);
+      } catch (error) {
+        console.error(`Error in event handler for "${String(event)}":`, error);
+      }
+    });
+    return true;
+  }
+
+  /**
+   * 订阅一次（触发后自动取消）
+   */
+  once<K extends EventKey<Events>>(event: K, handler: EventHandler<Events[K]>): this {
+    const onceHandler: EventHandler<Events[K]> = (params: any) => {
+      handler(params);
+      this.off(event, onceHandler);
+    };
+    return this.on(event, onceHandler);
+  }
+
+  /**
+   * 获取事件的监听器数量
+   */
+  listenerCount(event: EventKey<Events>): number {
+    return this.events.get(event)?.length ?? 0;
+  }
+
+  /**
+   * 获取所有事件名
+   */
+  eventNames(): Array<EventKey<Events>> {
+    return Array.from(this.events.keys()) as Array<EventKey<Events>>;
+  }
+
+  /**
+   * 移除所有监听器
+   */
+  removeAllListeners(event?: EventKey<Events>): this {
+    if (event) {
+      this.events.delete(event);
+    } else {
+      this.events.clear();
+    }
+    return this;
+  }
+
+  /**
+   * 获取指定事件的所有监听器
+   */
+  listeners<K extends EventKey<Events>>(event: K): EventHandler<Events[K]>[] {
+    return this.events.get(event)?.slice() ?? [];
+  }
+}
+
+export class EvtBus extends EventEmitter<FormBuilderEventMap> {}

package/src/lib/utils.ts

@@ -0,0 +1,222 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { UIDataTypes, UIMessagePart, UITools } from 'ai';
+import { Field } from '@/plugins/form-builder-base-plugin/types';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+export const extractTextPartMeta = (part: any) => {
+  if (part.type !== 'text') {
+    return null;
+  }
+
+  if (!part.providerMetadata) {
+    return null;
+  }
+
+  if (!part.providerMetadata.raw || !part.providerMetadata.raw.data) {
+    return null;
+  }
+
+  if (typeof part.providerMetadata.raw.data !== 'string') {
+    return part.providerMetadata.raw.data;
+  }
+
+  let payload;
+  try {
+    payload = JSON.parse(part.providerMetadata.raw.data);
+  } catch (e) {
+    console.error('invalid raw data');
+  }
+
+  return payload || part.providerMetadata.raw.data;
+};
+
+export const IsFieldsJsonPart = (part: any): boolean => {
+  const payload = extractTextPartMeta(part);
+  return payload?.type === 'mcp-fields-json';
+};
+
+export const GetFieldJsonInfo = (part: any): any => {
+  const payload = extractTextPartMeta(part);
+  if (payload?.type !== 'mcp-fields-json') {
+    return null;
+  }
+
+  return payload?.field || null;
+};
+
+export const IsSuggesstionPart = (part: any): boolean => {
+  const payload = extractTextPartMeta(part);
+  return payload?.type === 'suggestion';
+};
+
+export const IsMockSuggesstionPart = (part: any): boolean => {
+  const payload = extractTextPartMeta(part);
+  return payload?.type === 'mock-mcp-fields-sugession';
+};
+
+export const NeedToAppendFieldsSaveConfirm = (part: any): boolean => {
+  const payload = extractTextPartMeta(part);
+  return payload?.appendConfirm === 'save-fields';
+};
+
+export const extractFormName = (origin: string): string => {
+  const regex = /现在要创建一张表：“([^”]+)”/g;
+  const result = regex.exec(origin)?.[1] || '';
+  return result.replace(/（.*\）/, '');
+};
+
+export function sanitizeText(text: string) {
+  return text.replace('<has_function_call>', '');
+}
+
+/**
+ * 合并parts数组中连续相同的元素，以连续组的最后一个元素为准
+ * @param {Array} parts - 待合并的原数组
+ * @param {Function} isTheSamePart - 判断两个part是否相同的方法（接收a、b两个参数，返回布尔值）
+ * @returns {Array} 合并后的数组
+ */
+export function mergeParts(
+  parts: UIMessagePart<UIDataTypes, UITools>[],
+  isTheSamePart: (
+    p0: UIMessagePart<UIDataTypes, UITools>,
+    p1: UIMessagePart<UIDataTypes, UITools>
+  ) => boolean
+) {
+  // 边界处理：如果原数组为空，直接返回空数组
+  if (!Array.isArray(parts) || parts.length === 0) {
+    return [];
+  }
+
+  const mergedParts = [parts[0]];
+
+  for (let i = 1; i < parts.length; i++) {
+    const currentPart = parts[i];
+    const lastMergedPart = mergedParts[mergedParts.length - 1]; // 结果数组的最后一个元素
+
+    if (isTheSamePart(lastMergedPart, currentPart)) {
+      mergedParts[mergedParts.length - 1] = currentPart;
+    } else {
+      mergedParts.push(currentPart);
+    }
+  }
+
+  return mergedParts;
+}
+
+export const isSubformFieldEqual = (f1: Field, f2: Field, widgetArrKey: string = 'value') => {
+  // 不是子表单字段，不进行比较，视为相等
+  if (f1?.widget?.type !== 'subform' || f2?.widget?.type !== 'subform') {
+    return true;
+  }
+
+  const subFields1 = f1?.widget[widgetArrKey] || [];
+  const subFields2 = f2?.widget[widgetArrKey] || [];
+
+  // 子表单字段长度不等，视为不同
+  if (subFields1.length !== subFields2.length) {
+    return false;
+  }
+
+  for (let i = 0; i < subFields1.length; i++) {
+    const subField1 = subFields1[i];
+    const subField2 = subFields2[i];
+
+    if (subField1.length !== subField2.length) {
+      return false;
+    }
+  }
+
+  return true;
+};
+
+// 复制文本的核心函数（TypeScript 版本）
+export async function copyTextToClipboard(text: string): Promise<boolean> {
+  // 校验输入：确保复制的文本是字符串且非空
+  if (typeof text !== 'string' || text.trim() === '') {
+    console.error('要复制的文本必须是非空字符串');
+    return false;
+  }
+
+  try {
+    // 方案1：优先使用现代浏览器的 Clipboard API（更安全、无DOM操作）
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(text);
+      console.log('文本复制成功（Clipboard API）');
+      return true;
+    }
+
+    // 方案2：降级使用 execCommand（兼容旧浏览器，需创建临时DOM元素）
+    // 1. 创建临时textarea元素（隐藏，避免影响页面布局）
+    const textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.style.position = 'fixed'; // 避免滚动条偏移
+    textarea.style.left = '-9999px';
+    textarea.style.top = '-9999px';
+    document.body.appendChild(textarea);
+
+    // 2. 选中文本并执行复制
+    textarea.focus();
+    textarea.select();
+    const success = document.execCommand('copy');
+
+    // 3. 移除临时元素
+    document.body.removeChild(textarea);
+
+    if (success) {
+      console.log('文本复制成功（execCommand 降级方案）');
+      return true;
+    } else {
+      throw new Error('execCommand 复制失败');
+    }
+  } catch (error) {
+    // 捕获复制失败的异常（如用户拒绝权限、浏览器不支持等）
+    console.error('文本复制失败：', error);
+    return false;
+  }
+}
+
+/**
+ * 合并数组中连续的目标元素（至少2个）为子数组（单函数实现）
+ * @template T - 数组元素的类型
+ * @param {T[]} arr - 原始数组
+ * @param {(item: T) => boolean} isTarget - 判断元素是否为目标的函数（返回布尔值）
+ * @returns {(T | T[])[]} 处理后的数组（元素可能是原类型或原类型的子数组）
+ */
+export function mergeConsecutiveTargets<T>(
+  arr: T[],
+  isTarget: (item: T) => boolean,
+  minWidth = 1
+): (T | T[])[] {
+  // 存储最终结果
+  const result: (T | T[])[] = [];
+  // 临时收集连续的目标元素
+  const temp: T[] = [];
+
+  // 遍历原始数组
+  for (const item of arr) {
+    if (isTarget(item)) {
+      // 是目标元素，加入临时数组
+      temp.push(item);
+    } else {
+      // 不是目标元素：先处理临时数组（内联原辅助函数逻辑）
+      if (temp.length > 0) {
+        // 连续≥ minWidth 个目标元素 → 合并为子数组
+        result.push(temp.length >= minWidth ? [...temp] : temp[0]);
+        temp.length = 0; // 清空临时数组
+      }
+      // 将当前非目标元素加入结果
+      result.push(item);
+    }
+  }
+
+  // 处理遍历结束后剩余的临时数组（末尾可能全是目标元素）
+  if (temp.length > 0) {
+    result.push(temp.length >= 2 ? [...temp] : temp[0]);
+  }
+
+  return result;
+}

package/src/plugins/form-builder-base-plugin/const.ts

@@ -0,0 +1,27 @@
+import { FormBuilderEventKey } from '@baishuyun/types';
+
+export const EVENTS: Record<string, FormBuilderEventKey> = {
+  // 用户确认创建表单
+  CREATE_FORM: 'form-builder-FormCreateConfirmed',
+
+  // 表单创建成功
+  CREATE_FORM_SUCCESS: 'form-builder-FormCreateSuccess',
+
+  // 更新表单信息
+  UPDATE_FORM_INFO: 'form-builder-FormInfoUpdated',
+
+  // 用户确认保存字段
+  SAVE_FIELDS: 'form-builder-FieldsConfirmed',
+
+  // 字段被生成
+  FIELD_CREATED: 'form-builder-FieldCreated',
+
+  // fields created finish
+  FIELDS_CREATED_FINISH: 'form-builder-FieldsCreatedFinish',
+
+  // 字段生成后选中状态更新
+  FIELD_CHECK_UPDATE: 'form-builder-FieldCheckedChanged',
+
+  // 用户确认创建关联表
+  // CREATE_RELATED_FORMS: "form-builder-CreateRelatedFormsConfirmed",
+};

package/src/plugins/form-builder-base-plugin/index.ts

@@ -0,0 +1,45 @@
+import { ChatAreaPlugin } from '@baishuyun/types';
+import { FormBuilderCommonMethods } from './types';
+import { EVENTS } from './const';
+import { Field } from './types';
+
+export class FormBuilderBasePlugin<T> extends ChatAreaPlugin<T, FormBuilderCommonMethods> {
+  public pluginName: string = 'base-form-builder-plugin';
+
+  public publicMethods?: FormBuilderCommonMethods | undefined = {
+    dispatchCreateFormEvent: (name: string) => {
+      const evt = new CustomEvent(EVENTS.CREATE_FORM, {
+        detail: { name },
+      });
+      dispatchEvent(evt);
+      return evt;
+    },
+    dispatchSaveFieldsEvent: () => {
+      const evt = new CustomEvent(EVENTS.SAVE_FIELDS);
+      dispatchEvent(evt);
+      return evt;
+    },
+    dispatchFieldCreatedEvt: (field) => {
+      const evt = new CustomEvent(EVENTS.FIELD_CREATED, {
+        detail: { field, checked: true },
+      });
+      dispatchEvent(evt);
+      return evt;
+    },
+    dispatchFieldCheckUpdateEvt: (field, checked) => {
+      const evt = new CustomEvent(EVENTS.FIELD_CHECK_UPDATE, {
+        detail: { field, checked },
+      });
+      dispatchEvent(evt);
+
+      return evt;
+    },
+    dispatchCreateRleatedFormsEvent: (fields: Field[]) => {
+      const evt = new CustomEvent(EVENTS.CREATE_RELATED_FORMS, {
+        detail: { fields },
+      });
+      dispatchEvent(evt);
+      return evt;
+    },
+  };
+}

package/src/plugins/form-builder-base-plugin/types.ts

@@ -0,0 +1,13 @@
+import { FieldsTools } from '@baishuyun/agents';
+import { ValueOf } from '@baishuyun/types';
+import { ToolUIPart } from 'ai';
+
+export type Field = ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>;
+
+export interface FormBuilderCommonMethods {
+  dispatchCreateFormEvent: (name: string) => CustomEvent;
+  dispatchCreateRleatedFormsEvent: (fields: Field[]) => CustomEvent;
+  dispatchSaveFieldsEvent: () => CustomEvent;
+  dispatchFieldCreatedEvt: (field: Field) => CustomEvent;
+  dispatchFieldCheckUpdateEvt: (field: Field, checked: boolean) => CustomEvent;
+}

package/src/plugins/form-filling-plugin/components/FormFillingOpeningLines.tsx

@@ -0,0 +1,3 @@
+export const FormFillingOpeningLines = () => {
+  return <>我可以为您解析文本内容，智能填写到表单字段，请方输入内容开始创建</>;
+};

package/src/plugins/form-filling-plugin/components/avatar.tsx

@@ -0,0 +1,14 @@
+import { BotAvatarAndName } from '@/components/bs-ui/bot-avatar-name';
+import { ColorfulEditIcon } from '@/components/bs-ui/bs-icons';
+
+export const FillingAvatar = ({
+  variant = 'default',
+}: {
+  variant?: 'default' | 'active';
+  size?: number;
+}) => {
+  const size = variant === 'default' ? 20 : 24;
+  return (
+    <BotAvatarAndName name="AI填写" icon={<ColorfulEditIcon size={size} />} variant={variant} />
+  );
+};

package/src/plugins/form-filling-plugin/components/entry-btn.tsx

@@ -0,0 +1,15 @@
+import { ColorfulEditIcon } from '@/components/bs-ui/bs-icons';
+import { PrimaryEntryBtn } from '@/components/bs-ui/primary-entry-btn';
+import { EntryButtonProps } from '@baishuyun/types';
+export const EntryButton = ({ style, onClick }: EntryButtonProps) => {
+  return (
+    <PrimaryEntryBtn
+      style={style}
+      onClick={onClick}
+      entryVariant="ghost"
+      icon={<ColorfulEditIcon />}
+    >
+      AI填写
+    </PrimaryEntryBtn>
+  );
+};

package/src/plugins/form-filling-plugin/components/msg-part.tsx

@@ -0,0 +1,90 @@
+import { MarkdownMsgpart } from '@/components/biz-comp/markdown-part';
+import { MessageContent } from '@/components/biz-comp/message-content';
+import { usePluginCtx } from '@/hooks/use-plugin-ctx';
+
+import { GetFieldJsonInfo, IsFieldsJsonPart, NeedToAppendFieldsSaveConfirm } from '@/lib/utils';
+import { MsgPartCompProps } from '@baishuyun/types';
+import { TextUIPart } from 'ai';
+import { FILLING_EVENTS, PLUGIN_NAME } from '../const';
+import { FormFillingPluginCtx } from '../types';
+import { useEvtBus } from '@/hooks/use-evt-bus';
+import { FormFillingPlugin } from '..';
+import { valueNormalizer } from '../utils';
+import { FieldValueCheckerProps } from '@/components/biz-comp/FieldValueChecker';
+import { FieldValueCheckerListMsg } from '@/components/biz-comp/FieldCheckerListMsg';
+import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
+
+export const FillMessagePart = (props: MsgPartCompProps) => {
+  const { part: p, id } = props;
+
+  const part = p as TextUIPart;
+
+  const isFieldsJson = IsFieldsJsonPart(part);
+
+  const formFillingCtx = usePluginCtx<FormFillingPluginCtx, FormFillingPlugin>(PLUGIN_NAME);
+
+  const showConfirmBtn = NeedToAppendFieldsSaveConfirm(part);
+
+  if (formFillingCtx) {
+    formFillingCtx.conversationId = id;
+  }
+
+  const evtBus = useEvtBus();
+
+  const fieldsParts = Array.isArray(part) && part.length ? part : isFieldsJson ? [part] : [];
+  if (fieldsParts.length && formFillingCtx) {
+    const fieldPropsArray: Array<FieldValueCheckerProps | null> = fieldsParts.map((p) => {
+      const field = GetFieldJsonInfo(p);
+      if (
+        !formFillingCtx.fieldMap.has(field.fieldName) &&
+        !formFillingCtx.subFieldsNameMap.has(field.fieldName)
+      ) {
+        console.warn('unregistered field:', field.fieldName, formFillingCtx.fieldMap);
+        return null;
+      }
+
+      const normalizedValue = valueNormalizer(field.value);
+      return {
+        field: {
+          label: field.label,
+          widget: {
+            widgetName: field.fieldName,
+            type: field.fieldType,
+            value: field.value,
+          },
+        },
+        onLoaded: (f: any) => {
+          f.widget.value = normalizedValue;
+          formFillingCtx.valueMap.set(f.widget?.widgetName, normalizedValue);
+          evtBus.emit(FILLING_EVENTS.FIELD_FILLED_UPDATE, {
+            field: f,
+            checked: true,
+          });
+        },
+        onChange: (check: boolean, f: any, parentFieldName?: string, row?: number) => {
+          if (check) {
+            formFillingCtx.valueMap.set(f.widget?.widgetName, normalizedValue);
+          }
+          evtBus.emit(FILLING_EVENTS.FIELD_FILLED_UPDATE, {
+            field: f,
+            checked: check,
+            parentFieldName,
+            rowIndex: row,
+          });
+        },
+      };
+    });
+
+    return (
+      <MessageContent className="gap-0 py-0" compact>
+        <FieldValueCheckerListMsg props={fieldPropsArray.filter((f) => f !== null)} />
+      </MessageContent>
+    );
+  }
+
+  if (showConfirmBtn) {
+    return <PrimaryConfirmBtn>保存</PrimaryConfirmBtn>;
+  }
+
+  return <MarkdownMsgpart {...props} />;
+};