@baishuyun/chat-sdk 0.0.16 → 0.0.18

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

@@ -6,13 +6,15 @@ export interface ImgMsgPartProps {
   className?: string;
   /** Size in pixels (width & height), defaults to 102 */
   size?: number;
+  onClick?: () => void;
 }
 
-export const ImgMsgPart = ({ url, alt = '', className, size = 102 }: ImgMsgPartProps) => {
+export const ImgMsgPart = ({ url, alt = '', className, size = 102, onClick }: ImgMsgPartProps) => {
   return (
     <div
-      className={cn('relative overflow-hidden rounded-[10px]', className)}
+      className={cn('relative overflow-hidden rounded-[10px] border border-[#e0e0e0] hover:border-[#0265FF]/20 hover:cursor-pointer', onClick && 'cursor-pointer', className)}
       style={{ width: size, height: size }}
+      onClick={onClick}
     >
       <img
         src={url}

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

@@ -5,6 +5,9 @@ import { BackIcon, InfoIcon } from './bs-icons';
 import { LinearGradientColorBgAnimation } from './linear-gradient-color-bg-animation';
 import { ConfirmDialog } from './confirm-dialog';
 import { Spinner } from '../ui/spinner';
+import { BaseButton } from './base-button';
+import { BrushIcon } from './bs-icons';
+import { cn } from '@/lib/utils';
 
 export interface PreviewerHeaderProps {
   title: string;
@@ -12,8 +15,9 @@ export interface PreviewerHeaderProps {
   active?: boolean;
   className?: string;
   onBackClick?: () => void;
-  onSave?: () => void;
+  onSave?: (isConfirm?: boolean) => void;
   onCancel?: () => void;
+  onClear?: () => void;
   style?: React.CSSProperties;
 
   confirmTitle?: string;
@@ -22,7 +26,10 @@ export interface PreviewerHeaderProps {
   variant?: 'fields-previewer' | 'data-previewer';
   closeBtnLabel?: string;
 
+  disableConfirm?: boolean;
+
   disableOperation?: boolean;
+
 }
 
 export const PreviewerHeader = ({
@@ -37,8 +44,10 @@ export const PreviewerHeader = ({
   onSave,
   closeBtnLabel,
   onCancel,
+  onClear,
   variant = 'fields-previewer',
   dialogContainer,
+  disableConfirm,
   disableOperation,
 }: PreviewerHeaderProps) => {
   const [showConfirmDialog, setShowConfirmDialog] = useState(false);
@@ -63,7 +72,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]"
           />
         )}
@@ -76,6 +97,19 @@ export const PreviewerHeader = ({
         )}
       </div>
       <div className="flex items-center gap-[10px]">
+        {onClear && (
+          <BaseButton
+            className={cn('w-[34px] h-[34px] text-[#8d8d8d] p-0 flex items-center justify-center hover:border-[#e0e0e0] hover:text-[#8d8d8d] border border-solid border-[#e0e0e0] ', {
+                'pointer-events-none opacity-50': disableOperation || loading,
+            })}
+            tooltip='清除全部'
+            icon={<BrushIcon />}
+            onClick={() => {
+              onClear?.();
+            }}
+          />
+        )}
+
         {onSave && (
           <button
             onClick={async () => {
@@ -105,13 +139,23 @@ export const PreviewerHeader = ({
         {onCancel && (
           <button
             onClick={() => {
+              // if (disableOperation) {
+              //   return;
+              // }
+
+              if (disableConfirm) {
+                onCancel?.();
+                onBackClick?.();
+                return;
+              }
+
               setShowConfirmDialog(true);
             }}
             className={classNames(
               btnResetStyle,
               'text-[#121111] text-[14px] bg-[#fff] border border-solid border-[#e0e0e0] hover:bg-[#f0f0f0]',
               {
-                'pointer-events-none opacity-50': disableOperation || loading,
+                'pointer-events-none opacity-50': loading,
               }
             )}
           >
@@ -135,7 +179,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/primary-entry-btn.tsx

@@ -6,7 +6,7 @@ import { transCls } from '@/const/ui';
 
 export interface PrimaryEntryBtnProps extends ButtonProps {
   minimal?: boolean;
-  entryVariant?: 'default' | 'ghost' | 'selected';
+  entryVariant?: 'default' | 'ghost' | 'selected' | 'light';
   icon?: ReactNode;
 }
 
@@ -23,6 +23,7 @@ export const PrimaryEntryBtn = ({
     default:
       "relative overflow-hidden bg-[linear-gradient(180deg,#DBE9FF_0%,#E9FFFD_100%)] h-[30px] hover:text-white before:content-[''] before:absolute before:inset-0 before:z-0 before:bg-[linear-gradient(180deg,#267AFF_0%,#B2EEFF_100%)] before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-200 before:ease-out font-[500] text-[#0265ff]",
     ghost: 'bg-transparent text-[#030303] font-[400] px-[10px] hover:bg-[#EFF0F6] h-[34px]',
+    light: 'text-[#030303] font-[400] px-[10px] bg-[#F0F6FF] hover:bg-[#d8dde5] h-[34px]',
     selected: 'bg-[#EFF0F6] text-[#030303] font-[400] px-[10px]',
   };
 

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();

package/src/index.tsx

@@ -1,7 +1,6 @@
 export { ChatSDK } from './sdk.impl';
 
 export * from './plugins/form-builder-plugin';
-export * from './plugins/general-model-form-builder-plugin';
 export * from './plugins/form-filling-plugin';
 export * from './plugins/report-query-plugin';
 

package/src/lib/parse-design-doc.ts

@@ -0,0 +1,60 @@
+interface FormParseResult {
+  formInfo: string;
+  fieldsListInfo: string;
+  designDescInfo: string;
+}
+
+/**
+ * 动态解析表单设计 Markdown，支持不完整文本
+ * 可处理以下不完整场景：
+ * 1. 仅包含表单基本信息（无字段清单标记）
+ * 2. 包含表单信息+部分字段（无设计说明）
+ * 3. 字段列表未完结（正在输入中）
+ * 4. 缺少结尾确认标记
+ */
+export function parseFormMarkdownDynamic(markdown: string): FormParseResult {
+  const text = markdown.trim();
+
+  // 定位关键标记位置（使用正则匹配中文冒号或英文冒号）
+  const fieldsMatch = text.match(/字段清单[：:]\s*/);
+  const designMatch = text.match(/设计说明[：:]\s*/);
+  const confirmMatch = text.match(/【确认搭建[：:][^】]*】\s*$/);
+
+  const fieldsIndex = fieldsMatch ? fieldsMatch.index! : -1;
+  const designIndex = designMatch ? designMatch.index! : -1;
+  const confirmIndex = confirmMatch ? confirmMatch.index! : text.length; // 默认到结尾
+
+  let formInfo = '';
+  let fieldsListInfo = '';
+  let designDescInfo = '';
+
+  // 1. 提取 formInfo：开头到"字段清单"之前（如果没有字段清单则取全部）
+  if (fieldsIndex !== -1) {
+    formInfo = text.substring(0, fieldsIndex);
+  } else {
+    formInfo = text; // 不完整场景：还没有输入字段清单
+  }
+  // 清理开头可能的标记文本
+  formInfo = formInfo.replace(/^待搭建表单信息\s*/, '').trim();
+
+  // 2. 提取 fieldsListInfo：字段清单标记后到设计说明之前（或结尾）
+  if (fieldsIndex !== -1) {
+    const start = fieldsIndex + fieldsMatch![0].length;
+    // 结束位置：如果有设计说明则从设计说明前结束，否则到确认标记前或文本结尾
+    const end = designIndex !== -1 ? designIndex : confirmMatch ? confirmIndex : text.length;
+    fieldsListInfo = text.substring(start, end).trim();
+  }
+
+  // 3. 提取 designDescInfo：设计说明标记后到确认标记前（或结尾）
+  if (designIndex !== -1) {
+    const start = designIndex + designMatch![0].length;
+    const end = confirmMatch ? confirmIndex : text.length;
+    designDescInfo = text.substring(start, end).trim();
+  }
+
+  return {
+    formInfo,
+    fieldsListInfo,
+    designDescInfo,
+  };
+}