@baishuyun/chat-sdk 0.0.15 → 0.0.17

package/src/components/bs-ui/chat-area-header.tsx

@@ -44,14 +44,18 @@ export const ChatAreaHeader = ({
 
       <div className="actions flex items-center gap-2.5 text-[#666]">
         <IconBtn
+          onMouseDown={(e) => {
+            // 阻止事件冒泡，避免触发拖拽
+            e.stopPropagation();
+          }}
           tooltip={isDocked ? '悬浮' : '右侧打开'}
-          className="hover:!bg-[#ffffff]"
+          // className="hover:!bg-[#ffffff]"
           icon={isDocked ? <FloatIcon /> : <DockIcon />}
           onClick={onDockClick}
         />
         <IconBtn
-          tooltip="关闭"
-          className="hover:!bg-[#ffffff]"
+          // tooltip="关闭"
+          // className="hover:!bg-[#ffffff]"
           icon={<CloseIcon />}
           onClick={onCloseClick}
         />

package/src/components/bs-ui/fields-design-info-table.tsx

@@ -0,0 +1,160 @@
+import { useState, useCallback, useMemo } from 'react';
+import { IFieldDesignInfo } from '@baishuyun/types';
+import { cn } from '@/lib/utils';
+import { ChevronIcon } from './bs-icons';
+
+interface FieldsDesignInfoTableProps {
+  fields: IFieldDesignInfo[];
+}
+
+/** Group fields into top-level items and subform groups */
+function groupFields(fields: IFieldDesignInfo[]) {
+  const groups: Array<
+    | { kind: 'field'; field: IFieldDesignInfo }
+    | { kind: 'subform'; parent: IFieldDesignInfo; children: IFieldDesignInfo[] }
+  > = [];
+
+  let i = 0;
+  while (i < fields.length) {
+    const f = fields[i];
+    if (f.isSubForm) {
+      const children: IFieldDesignInfo[] = [];
+      let j = i + 1;
+      while (
+        j < fields.length &&
+        fields[j].isFieldInSubForm &&
+        fields[j].parentFormName === f.fieldName
+      ) {
+        children.push(fields[j]);
+        j++;
+      }
+      groups.push({ kind: 'subform', parent: f, children });
+      i = j;
+    } else {
+      groups.push({ kind: 'field', field: f });
+      i++;
+    }
+  }
+  return groups;
+}
+
+const cellCls = 'flex items-center px-1.5 py-2.5 text-xs leading-normal';
+
+function FieldRow({
+  field,
+  isSubFormChild = false,
+}: {
+  field: IFieldDesignInfo;
+  isSubFormChild?: boolean;
+}) {
+  return (
+    <div className="flex items-center w-full">
+      {/* 名称 */}
+      <div className={cn(cellCls, 'w-20 shrink-0 min-h-[34px] whitespace-nowrap')}>
+        {isSubFormChild && (
+          <span className="inline-flex items-center justify-center shrink-0 w-5 h-5 opacity-0">
+            <ChevronIcon />
+          </span>
+        )}
+        <span>{field.fieldName}</span>
+      </div>
+      {/* 类型 */}
+      <div className={cn(cellCls, 'w-[72px] shrink-0 min-h-[34px] whitespace-nowrap')}>
+        {field.type}
+      </div>
+      {/* 必填 */}
+      <div className={cn(cellCls, 'w-9 shrink-0 min-h-[34px] whitespace-nowrap')}>
+        {field.required ? '是' : '否'}
+      </div>
+      {/* 说明 */}
+      <div className={cn(cellCls, 'flex-1 min-w-0 min-h-[34px]')}>
+        <span className="break-words min-w-0">{field.description}</span>
+      </div>
+    </div>
+  );
+}
+
+function SubFormGroup({
+  parent,
+  children,
+}: {
+  parent: IFieldDesignInfo;
+  children: IFieldDesignInfo[];
+}) {
+  const [isOpen, setIsOpen] = useState(true);
+  const toggle = useCallback(() => setIsOpen((v) => !v), []);
+
+  return (
+    <>
+      {/* 子表单 parent row */}
+      <div className="flex items-center w-full">
+        {/* 名称 */}
+        <div className={cn(cellCls, 'w-20 shrink-0 min-h-[34px]')}>
+          <button
+            type="button"
+            onClick={toggle}
+            className="inline-flex items-center justify-center shrink-0 w-5 h-5 rounded cursor-pointer text-[#666] relative -left-[2px]"
+          >
+            <ChevronIcon isOpen={isOpen} />
+          </button>
+          <span>{parent.fieldName}</span>
+        </div>
+        {/* 类型 */}
+        <div className={cn(cellCls, 'w-[72px] shrink-0 min-h-[34px] whitespace-nowrap')}>
+          {parent.type}
+        </div>
+        {/* 必填 */}
+        <div className={cn(cellCls, 'w-9 shrink-0 min-h-[34px] whitespace-nowrap')}>
+          {parent.required ? '是' : '否'}
+        </div>
+        {/* 说明 */}
+        <div className={cn(cellCls, 'flex-1 min-w-0 min-h-[34px]')}>
+          <span className="break-words min-w-0">{parent.description}</span>
+        </div>
+      </div>
+
+      {/* 子表单 children */}
+      {isOpen && children.map((child, idx) => <FieldRow key={idx} field={child} isSubFormChild />)}
+    </>
+  );
+}
+
+export function FieldsDesignInfoTable({ fields }: FieldsDesignInfoTableProps) {
+  const groups = useMemo(() => groupFields(fields), [fields]);
+
+  return (
+    <div className="flex flex-col items-start w-full bg-white rounded-[10px] overflow-hidden text-black my-[10px] border border-[#E0E0E0]">
+      {/* 表头 */}
+      <div className="flex items-center w-full shrink-0 bg-[#E5E6EB] rounded-t-[10px] border-b border-[#E0E0E0]">
+        <div className={cn(cellCls, 'w-20 shrink-0 h-[34px] font-bold whitespace-nowrap')}>
+          名称
+        </div>
+        <div className={cn(cellCls, 'w-[72px] shrink-0 h-[34px] font-bold whitespace-nowrap')}>
+          类型
+        </div>
+        <div
+          className={cn(
+            cellCls,
+            'w-9 shrink-0 h-[34px] font-bold whitespace-nowrap justify-center'
+          )}
+        >
+          必填
+        </div>
+        <div className={cn(cellCls, 'flex-1 min-w-0 h-[34px] font-bold whitespace-nowrap')}>
+          说明
+        </div>
+      </div>
+
+      {/* 表体 */}
+      <div className="flex flex-col items-start w-full">
+        {groups.map((g, idx) =>
+          g.kind === 'field' ? (
+            <FieldRow key={idx} field={g.field} />
+          ) : (
+            <SubFormGroup key={idx} parent={g.parent} children={g.children} />
+          )
+        )}
+      </div>
+    </div>
+  );
+}

package/src/components/bs-ui/fields-previewer.tsx

@@ -76,6 +76,7 @@ export const FieldsPreviewer = forwardRef<HTMLDivElement, FieldsPreviewerProps>(
 
     closeBtnLabel,
     disableOperation,
+    disableConfirm,
   }: FieldsPreviewerProps) => {
     const p = fullscreen ? 0 : padding;
     const pr = fullscreen ? 0 : rightSpaceWidth;
@@ -137,6 +138,7 @@ export const FieldsPreviewer = forwardRef<HTMLDivElement, FieldsPreviewerProps>(
           confirmContent={confirmContent}
           closeBtnLabel={closeBtnLabel}
           disableOperation={disableOperation}
+          disableConfirm={disableConfirm}
         />
         <div className={contentCls} style={fullContentStyle}>
           {empty && isFields ? <PlaceholderDashedBox /> : children}

package/src/components/bs-ui/form-info-editor.tsx

@@ -1,5 +1,5 @@
 import { cn } from '@/lib/utils';
-import { transCls } from '@/const/ui';
+import { FORM_ICON_OPTIONS, transCls } from '@/const/ui';
 import { useState, memo, useEffect } from 'react';
 import { ChevronDownIcon } from '../ui/icons';
 import { PrimaryConfirmBtn } from './primary-confirm-btn';
@@ -15,46 +15,6 @@ export interface FormIconOption {
   value: number;
 }
 
-// Form icon data from iconfont.json (icons with name starting with "表单")
-export const FORM_ICON_OPTIONS: FormIconOption[] = [
-  { id: 'biaodan1', code: '', label: '表单1', value: 25 },
-  { id: 'biaodan2', code: '', label: '表单2', value: 26 },
-  { id: 'biaodan3', code: '', label: '表单3', value: 27 },
-  { id: 'biaodan4', code: '', label: '表单4', value: 28 },
-  { id: 'biaodan5', code: '', label: '表单5', value: 29 },
-  { id: 'biaodan6', code: '', label: '表单6', value: 30 },
-  { id: 'biaodan7', code: '', label: '表单7', value: 31 },
-  { id: 'biaodan8', code: '', label: '表单8', value: 32 },
-  { id: 'biaodan9', code: '', label: '表单9', value: 33 },
-  { id: 'biaodan10', code: '', label: '表单10', value: 34 },
-  { id: 'biaodan11', code: '', label: '表单11', value: 35 },
-  { id: 'biaodan12', code: '', label: '表单12', value: 36 },
-  { id: 'biaodan13', code: '', label: '表单13', value: 37 },
-  { id: 'biaodan14', code: '', label: '表单14', value: 38 },
-  { id: 'biaodan15', code: '', label: '表单15', value: 39 },
-  { id: 'biaodan16', code: '', label: '表单16', value: 40 },
-  { id: 'biaodan17', code: '', label: '表单17', value: 41 },
-  { id: 'biaodan18', code: '', label: '表单18', value: 42 },
-  { id: 'biaodan19', code: '', label: '表单19', value: 43 },
-  { id: 'biaodan20', code: '', label: '表单20', value: 44 },
-  { id: 'biaodan21', code: '', label: '表单21', value: 45 },
-  { id: 'biaodan22', code: '', label: '表单22', value: 46 },
-  { id: 'biaodan23', code: '', label: '表单23', value: 47 },
-  { id: 'biaodan24', code: '', label: '表单24', value: 48 },
-  { id: 'biaodan25', code: '', label: '表单25', value: 49 },
-  { id: 'biaodan26', code: '', label: '表单26', value: 50 },
-  { id: 'biaodan27', code: '', label: '表单27', value: 51 },
-  { id: 'biaodan28', code: '', label: '表单28', value: 52 },
-  { id: 'biaodan29', code: '', label: '表单29', value: 53 },
-  { id: 'biaodan30', code: '', label: '表单30', value: 54 },
-  { id: 'biaodan31', code: '', label: '表单31', value: 55 },
-  { id: 'biaodan32', code: '', label: '表单32', value: 56 },
-  { id: 'biaodan33', code: '', label: '表单33', value: 57 },
-  { id: 'biaodan34', code: '', label: '表单34', value: 58 },
-  { id: 'biaodan35', code: '', label: '表单35', value: 59 },
-  { id: 'biaodan36', code: '', label: '表单36', value: 60 },
-];
-
 // Form icon component with blue background - dynamically shows selected icon
 const FormIcon = ({
   size = 36,
@@ -116,7 +76,7 @@ export const FormInfoEditor = memo(
     name,
     onNameChange,
     onMount,
-    selectedIcon,
+    selectedIcon = FORM_ICON_OPTIONS[0],
     iconOptions = [],
     onIconChange,
     readonly,

package/src/components/bs-ui/generate-animation.tsx

@@ -1,11 +1,13 @@
-export const GenerateAnimation = (props: { children?: React.ReactNode }) => {
+import classNames from "classnames";
+
+export const GenerateAnimation = (props: { children?: React.ReactNode, className?: string }) => {
   return (
-    <div className="flex items-center gap-[6px]">
+    <div className={classNames("flex items-center gap-[6px]", props.className)}>
       <div className="flex gap-[2px] flex-shrink-0" style={{ marginRight: '6px' }}>
         <div
           className="w-[5px] h-[5px] rounded-full bg-[#999] flex-shrink-0"
           style={{
-            animation: 'pulse 1.4s ease-in-out infinite',
+            animation: 'pulse 1.0s ease-in-out infinite',
             animationDelay: '0s',
             width: '5px',
             height: '5px',
@@ -16,7 +18,7 @@ export const GenerateAnimation = (props: { children?: React.ReactNode }) => {
         <div
           className="w-[5px] h-[5px] rounded-full bg-[#999] flex-shrink-0"
           style={{
-            animation: 'pulse 1.4s ease-in-out infinite',
+            animation: 'pulse 1.0s ease-in-out infinite',
             width: '5px',
             height: '5px',
             background: '#999',
@@ -27,7 +29,7 @@ export const GenerateAnimation = (props: { children?: React.ReactNode }) => {
         <div
           className="w-[5px] h-[5px] rounded-full bg-[#999] flex-shrink-0"
           style={{
-            animation: 'pulse 1.4s ease-in-out infinite',
+            animation: 'pulse 1.0s ease-in-out infinite',
             width: '5px',
             height: '5px',
             marginRight: '3px',

package/src/components/bs-ui/img-part.tsx

@@ -11,7 +11,7 @@ export interface ImgMsgPartProps {
 export const ImgMsgPart = ({ url, alt = '', className, size = 102 }: ImgMsgPartProps) => {
   return (
     <div
-      className={cn('relative overflow-hidden rounded-[10px]', className)}
+      className={cn('relative overflow-hidden rounded-[10px] border border-[#e0e0e0]', className)}
       style={{ width: size, height: size }}
     >
       <img

package/src/components/bs-ui/line-checker.tsx

@@ -1,5 +1,4 @@
-import React, { CSSProperties, useState } from 'react';
-import { Checkbox } from '@/components/ui/checkbox';
+import React, { CSSProperties, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import { cn } from '@/lib/utils';
 import { CheckerIcon } from './bs-icons';
@@ -7,6 +6,7 @@ import { SquareChecker } from './square-checker';
 
 export interface LineCheckerProps {
   defaultChecked?: boolean;
+  checked?: boolean;
   disabled?: boolean;
   onCheckedChange?: (checked: boolean) => void;
 
@@ -24,6 +24,7 @@ export interface LineCheckerProps {
 
 export const LineChecker: React.FC<LineCheckerProps> = ({
   defaultChecked = false,
+  checked: checkedProp,
   disabled = false,
   onCheckedChange,
   icon,
@@ -38,6 +39,12 @@ export const LineChecker: React.FC<LineCheckerProps> = ({
 }) => {
   const [checked, setChecked] = useState(defaultChecked);
 
+  useEffect(() => {
+    if (checkedProp !== undefined) {
+      setChecked(checkedProp);
+    }
+  }, [checkedProp]);
+
   const handleClick = () => {
     if (streaming || disabled) return;
 
@@ -111,7 +118,7 @@ export const LineChecker: React.FC<LineCheckerProps> = ({
 
             {/* Title - truncates */}
             <p
-              className={classNames(' min-w-0 text-sm text-[#121111] truncate', {
+              className={classNames(' min-w-0 text-sm text-[#121111] truncate text-[12px]', {
                 'flex-1': !!icon,
                 'flex-grow-1 flex-shrink-0': !icon,
                 '!text-[#666]': readonly,
@@ -123,7 +130,7 @@ export const LineChecker: React.FC<LineCheckerProps> = ({
 
           {shortDesc && (
             <p
-              className={classNames('text-sm text-[#666]', {
+              className={classNames('text-sm text-[#666] text-[12px]', {
                 'whitespace-nowrap flex-shrink-0': !!icon,
                 anywhere: !icon,
                 '!text-[#121111]': readonly,
@@ -134,7 +141,14 @@ export const LineChecker: React.FC<LineCheckerProps> = ({
           )}
         </div>
         {hasExtra ? (
-          <div className="overflow-x-auto whitespace-nowrap no-scrollbar flex items-center gap-2">
+          <div
+            className={cn(
+              'overflow-x-auto whitespace-nowrap no-scrollbar flex items-center gap-2',
+              {
+                '!overflow-x-hidden': disabled || readonly || confirmed,
+              }
+            )}
+          >
             {extra}
           </div>
         ) : null}

package/src/components/bs-ui/previewer-header.tsx

@@ -4,6 +4,7 @@ import { IconBtn } from './icon-btn';
 import { BackIcon, InfoIcon } from './bs-icons';
 import { LinearGradientColorBgAnimation } from './linear-gradient-color-bg-animation';
 import { ConfirmDialog } from './confirm-dialog';
+import { Spinner } from '../ui/spinner';
 
 export interface PreviewerHeaderProps {
   title: string;
@@ -11,7 +12,7 @@ export interface PreviewerHeaderProps {
   active?: boolean;
   className?: string;
   onBackClick?: () => void;
-  onSave?: () => void;
+  onSave?: (isConfirm?: boolean) => void;
   onCancel?: () => void;
   style?: React.CSSProperties;
 
@@ -21,6 +22,8 @@ export interface PreviewerHeaderProps {
   variant?: 'fields-previewer' | 'data-previewer';
   closeBtnLabel?: string;
 
+  disableConfirm?: boolean;
+
   disableOperation?: boolean;
 }
 
@@ -38,6 +41,7 @@ export const PreviewerHeader = ({
   onCancel,
   variant = 'fields-previewer',
   dialogContainer,
+  disableConfirm,
   disableOperation,
 }: PreviewerHeaderProps) => {
   const [showConfirmDialog, setShowConfirmDialog] = useState(false);
@@ -62,7 +66,19 @@ export const PreviewerHeader = ({
         {isData ? null : (
           <IconBtn
             icon={<BackIcon />}
-            onClick={() => setShowConfirmDialog(true)}
+            onClick={() => {
+              if (disableOperation) {
+                return;
+              }
+
+              if (disableConfirm) {
+                onCancel?.();
+                onBackClick?.();
+                return;
+              }
+
+              setShowConfirmDialog(true);
+            }}
             className="text-[#0265FF] hover:text-[#0265FF]"
           />
         )}
@@ -89,6 +105,7 @@ export const PreviewerHeader = ({
             }}
             className={classNames(
               btnResetStyle,
+              'flex items-center gap-[6px]',
               'bg-[#0265FF] hover:opacity-90 text-white text-[14px]',
               {
                 'w-[115px]': isData,
@@ -96,12 +113,23 @@ export const PreviewerHeader = ({
               }
             )}
           >
+            {loading ? <Spinner /> : null}
             {isFields ? '保存' : '添加到表单'}
           </button>
         )}
         {onCancel && (
           <button
             onClick={() => {
+              if (disableOperation) {
+                return;
+              }
+
+              if (disableConfirm) {
+                onCancel?.();
+                onBackClick?.();
+                return;
+              }
+
               setShowConfirmDialog(true);
             }}
             className={classNames(
@@ -132,7 +160,7 @@ export const PreviewerHeader = ({
           setShowConfirmDialog(false);
           setLoading(true);
           try {
-            await onSave?.();
+            await onSave?.(true);
           } catch (error) {
             console.error('Save failed:', error);
           } finally {

package/src/components/bs-ui/square-checker.tsx

@@ -3,15 +3,32 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { cn } from '@/lib/utils';
 import { CheckerInBoxIcon } from './bs-icons';
 
+const SquareInBoxIcon = () => {
+  // size 8, border 1px svg
+  return (
+    <svg
+      width="8"
+      height="8"
+      viewBox="0 0 8 8"
+      // fill="currentColor"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect x="0.5" y="0.5" width="7" height="7" rx="1" fill="#0265ff" />
+    </svg>
+  );
+};
+
 export type SquareCheckerProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
   /** Optional label rendered beside the checkbox */
   children?: React.ReactNode;
+  readonly?: boolean;
+  intermediate?: boolean;
 };
 
 export const SquareChecker = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   SquareCheckerProps
->(({ className, children, id, disabled, ...props }, ref) => {
+>(({ className, children, id, readonly, disabled, intermediate, ...props }, ref) => {
   const generatedId = React.useId();
   const checkboxId = id ?? generatedId;
 
@@ -20,7 +37,10 @@ export const SquareChecker = React.forwardRef<
       htmlFor={checkboxId}
       className={cn(
         'inline-flex items-center gap-[6px] select-none text-[#121111] text-[14px]',
-        disabled ? 'cursor-not-allowed' : 'cursor-pointer'
+        disabled ? 'cursor-not-allowed' : 'cursor-pointer',
+        {
+          'pointer-events-none': readonly,
+        }
       )}
     >
       <CheckboxPrimitive.Root
@@ -43,12 +63,17 @@ export const SquareChecker = React.forwardRef<
           'disabled:cursor-not-allowed disabled:bg-[#F0F0F0] disabled:border-[#C2C2C2]',
           // disabled checked: use muted gray fill
           'disabled:data-[state=checked]:bg-[#C2C2C2] disabled:data-[state=checked]:border-[#C2C2C2]',
-          className
+          // indeterminate: blue fill
+          intermediate && 'bg-white border-[#0265FF] text-[#0265FF]',
+          className,
+          {
+            'opacity-50': readonly,
+          }
         )}
         {...props}
       >
-        <CheckboxPrimitive.Indicator className="text-white">
-          <CheckerInBoxIcon />
+        <CheckboxPrimitive.Indicator className="text-white" forceMount={intermediate || undefined}>
+          {intermediate ? <SquareInBoxIcon /> : <CheckerInBoxIcon />}
         </CheckboxPrimitive.Indicator>
       </CheckboxPrimitive.Root>
 

package/src/components/bs-ui/tooltip.tsx

@@ -44,7 +44,7 @@ export const BsTooltip = ({
       </TooltipTrigger>
       <TooltipContent
         portalContainer={portalContainer}
-        className="rounded-[4px] bg-[#525867] px-[12px] !py-[7px] text-[12px] text-white leading-normal max-w-[288px]"
+        className="rounded-[4px] bg-[#525867] px-[12px] !py-[7px] text-[12px] text-white leading-normal max-w-[288px] animate-in fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-200"
       >
         {content}
       </TooltipContent>

package/src/components/ui/dialog.tsx

@@ -40,7 +40,7 @@ const DialogContent = React.forwardRef<
         style={{ padding: 0 }}
         ref={ref}
         className={cn(
-          'left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
+          'left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg',
           container ? 'absolute' : 'fixed',
           className
         )}

package/src/components/ui/tooltip.tsx

@@ -42,7 +42,7 @@ const TooltipContent = React.forwardRef<
         {...props}
       >
         {props.children}
-        <TooltipPrimitive.Arrow className="fill-[#525867]" />
+        <TooltipPrimitive.Arrow className="fill-[#525867] stroke-[#525867] stroke-[2px] stroke-linejoin-round [paint-order:stroke_fill]" />
       </TooltipPrimitive.Content>
     </TooltipPrimitive.Portal>
   );

package/src/const/ui.ts

@@ -1,3 +1,5 @@
+import { FormIconOption } from '@/components/bs-ui/form-info-editor';
+
 export const BotImgUrl = `
   url(data:image/png;base64,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)
   `;
@@ -8,3 +10,43 @@ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAACaCAMAAACg5DWcAAAC/VBMVE
 export const ChatHeaderBgImgUrl = `url(data:image/png;base64,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)`;
 
 export const transCls = 'transition-all duration-200 ease-out';
+// Form icon data from iconfont.json (icons with name starting with "表单")
+
+export const FORM_ICON_OPTIONS: FormIconOption[] = [
+  { id: 'biaodan1', code: '', label: '表单1', value: 25 },
+  { id: 'biaodan2', code: '', label: '表单2', value: 26 },
+  { id: 'biaodan3', code: '', label: '表单3', value: 27 },
+  { id: 'biaodan4', code: '', label: '表单4', value: 28 },
+  { id: 'biaodan5', code: '', label: '表单5', value: 29 },
+  { id: 'biaodan6', code: '', label: '表单6', value: 30 },
+  { id: 'biaodan7', code: '', label: '表单7', value: 31 },
+  { id: 'biaodan8', code: '', label: '表单8', value: 32 },
+  { id: 'biaodan9', code: '', label: '表单9', value: 33 },
+  { id: 'biaodan10', code: '', label: '表单10', value: 34 },
+  { id: 'biaodan11', code: '', label: '表单11', value: 35 },
+  { id: 'biaodan12', code: '', label: '表单12', value: 36 },
+  { id: 'biaodan13', code: '', label: '表单13', value: 37 },
+  { id: 'biaodan14', code: '', label: '表单14', value: 38 },
+  { id: 'biaodan15', code: '', label: '表单15', value: 39 },
+  { id: 'biaodan16', code: '', label: '表单16', value: 40 },
+  { id: 'biaodan17', code: '', label: '表单17', value: 41 },
+  { id: 'biaodan18', code: '', label: '表单18', value: 42 },
+  { id: 'biaodan19', code: '', label: '表单19', value: 43 },
+  { id: 'biaodan20', code: '', label: '表单20', value: 44 },
+  { id: 'biaodan21', code: '', label: '表单21', value: 45 },
+  { id: 'biaodan22', code: '', label: '表单22', value: 46 },
+  { id: 'biaodan23', code: '', label: '表单23', value: 47 },
+  { id: 'biaodan24', code: '', label: '表单24', value: 48 },
+  { id: 'biaodan25', code: '', label: '表单25', value: 49 },
+  { id: 'biaodan26', code: '', label: '表单26', value: 50 },
+  { id: 'biaodan27', code: '', label: '表单27', value: 51 },
+  { id: 'biaodan28', code: '', label: '表单28', value: 52 },
+  { id: 'biaodan29', code: '', label: '表单29', value: 53 },
+  { id: 'biaodan30', code: '', label: '表单30', value: 54 },
+  { id: 'biaodan31', code: '', label: '表单31', value: 55 },
+  { id: 'biaodan32', code: '', label: '表单32', value: 56 },
+  { id: 'biaodan33', code: '', label: '表单33', value: 57 },
+  { id: 'biaodan34', code: '', label: '表单34', value: 58 },
+  { id: 'biaodan35', code: '', label: '表单35', value: 59 },
+  { id: 'biaodan36', code: '', label: '表单36', value: 60 },
+];

package/src/hooks/use-frame-mode.ts

@@ -17,6 +17,21 @@ export const useChatStatus = () => {
   };
 };
 
+export const useFakeGlobalLoadingMessage = () => {
+  const { globalFakeLoadingMessage, setGlobalFakeLoadingMessage, clearGlobalFakeLoadingMessage } =
+    useChatStore((store) => ({
+      globalFakeLoadingMessage: store.globalFakeLoadingMessage,
+      setGlobalFakeLoadingMessage: store.setGlobalFakeLoadingMessage,
+      clearGlobalFakeLoadingMessage: store.clearGlobalFakeLoadingMessage,
+    }));
+
+  return {
+    globalFakeLoadingMessage,
+    setGlobalFakeLoadingMessage,
+    clearGlobalFakeLoadingMessage,
+  };
+};
+
 /** @deprecated Use useChatStatus instead */
 export const useFrameMode = () => {
   const { status, setStatus } = useChatStatus();