@baishuyun/ai-design 1.0.2 → 1.0.3

package/src/components/bs-entry-select/search-input.tsx

@@ -0,0 +1,32 @@
+export function SearchInput({
+  value,
+  onChange,
+}: {
+  value: string;
+  onChange: (v: string) => void;
+}) {
+  return (
+    <div className="flex items-center gap-[6px] border border-[#E0E0E0] rounded-[4px] h-[30px] px-[10px] py-[5px]">
+      <svg
+        width="16"
+        height="16"
+        viewBox="0 0 16 16"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        className="text-[#999999] shrink-0"
+      >
+        <circle cx="7" cy="7" r="4.5" />
+        <path d="M10.5 10.5L14 14" />
+      </svg>
+      <input
+        type="text"
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        placeholder="输入表单名称来搜索"
+        className="flex-1 outline-none text-[14px] placeholder:text-[#999999] bg-transparent min-w-0 text-[#030303]"
+      />
+    </div>
+  );
+}

package/src/components/bs-entry-select/tree-item-node.tsx

@@ -0,0 +1,84 @@
+import { useState } from 'react';
+import { cn } from '../../lib/utils';
+import { transCls } from '../../const/ui';
+import { getDepthPadding } from './build-tree';
+import { EntryItem } from './entry-item';
+import type { EntryTreeItem, BsEntrySelectChangeResult } from './types';
+import { SolidArrowDownIcon } from '../bs-icons';
+
+const ChevronRightIcon = ({ size }: { size?: number }) => (
+  <SolidArrowDownIcon className="-rotate-90" size={size} />
+);
+
+export function TreeItemNode({
+  item,
+  selectedEntryId,
+  appId,
+  section,
+  onSelect,
+}: {
+  item: EntryTreeItem;
+  selectedEntryId: string | undefined;
+  appId: string;
+  section: 'current' | 'other';
+  onSelect: (result: BsEntrySelectChangeResult) => void;
+}) {
+  const [expanded, setExpanded] = useState(true);
+
+  if (item.type === 'group') {
+    return (
+      <div>
+        <div
+          className={cn(
+            'flex items-center gap-[6px] h-[34px] px-[10px] cursor-pointer rounded-[4px]',
+            getDepthPadding(item.depth),
+            'hover:bg-[#EFF0F6]',
+            transCls,
+          )}
+          onClick={() => setExpanded(!expanded)}
+        >
+          <span
+            className={cn(
+              'shrink-0 flex items-center justify-center w-[16px] h-[16px]',
+              transCls,
+              expanded && 'rotate-90',
+            )}
+          >
+            <ChevronRightIcon size={16} />
+          </span>
+          <i
+            className="icon-bsy-folder-close"
+            style={{ fontSize: 16, lineHeight: 1 }}
+          />
+          <span className="text-[14px] text-[#030303] truncate">
+            {item.name}
+          </span>
+        </div>
+        {expanded &&
+          item.children.map((child) => (
+            <TreeItemNode
+              key={child.id}
+              item={child}
+              selectedEntryId={selectedEntryId}
+              appId={appId}
+              section={section}
+              onSelect={onSelect}
+            />
+          ))}
+      </div>
+    );
+  }
+
+  return (
+    <EntryItem
+      item={item}
+      depth={item.depth}
+      isSelected={selectedEntryId === item.id}
+      onClick={() => {
+        if (item.entry) {
+          onSelect({ entry: item.entry, appId, section });
+        }
+      }}
+    />
+  );
+}

package/src/components/bs-entry-select/types.ts

@@ -0,0 +1,30 @@
+import type { IAppDetail, IEntryDetail } from '@baishuyun/types';
+
+export interface BsEntrySelectChangeResult {
+  entry: IEntryDetail;
+  appId: string;
+  section: 'current' | 'other';
+}
+
+export interface BsEntrySelectProps {
+  appDetails: Record<string, IAppDetail>;
+  currentAppId?: string;
+  value?: string;
+  defaultValue?: string;
+  onChange?: (result: BsEntrySelectChangeResult | null) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+  showSlider?: boolean;
+}
+
+export interface EntryTreeItem {
+  id: string;
+  name: string;
+  icon: number;
+  type: string;
+  children: EntryTreeItem[];
+  depth: number;
+  isSelectable: boolean;
+  entry: IEntryDetail | null;
+}

package/src/components/bs-icons.tsx

@@ -1198,4 +1198,39 @@ export const MenuLinesIcon = () => (
   <path d="M2.35156 3.99961C2.35156 3.82722 2.42004 3.66189 2.54194 3.53999C2.66384 3.41809 2.82917 3.34961 3.00156 3.34961H13.0016C13.174 3.34961 13.3393 3.41809 13.4612 3.53999C13.5831 3.66189 13.6516 3.82722 13.6516 3.99961C13.6516 4.172 13.5831 4.33733 13.4612 4.45923C13.3393 4.58113 13.174 4.64961 13.0016 4.64961H3.00156C2.82917 4.64961 2.66384 4.58113 2.54194 4.45923C2.42004 4.33733 2.35156 4.172 2.35156 3.99961ZM2.35156 7.99961C2.35156 7.82722 2.42004 7.66189 2.54194 7.53999C2.66384 7.41809 2.82917 7.34961 3.00156 7.34961H10.0016C10.174 7.34961 10.3393 7.41809 10.4612 7.53999C10.5831 7.66189 10.6516 7.82722 10.6516 7.99961C10.6516 8.172 10.5831 8.33733 10.4612 8.45923C10.3393 8.58113 10.174 8.64961 10.0016 8.64961H3.00156C2.82917 8.64961 2.66384 8.58113 2.54194 8.45923C2.42004 8.33733 2.35156 8.172 2.35156 7.99961ZM3.00156 11.3496C2.82917 11.3496 2.66384 11.4181 2.54194 11.54C2.42004 11.6619 2.35156 11.8272 2.35156 11.9996C2.35156 12.172 2.42004 12.3373 2.54194 12.4592C2.66384 12.5811 2.82917 12.6496 3.00156 12.6496H8.00156C8.17395 12.6496 8.33928 12.5811 8.46118 12.4592C8.58308 12.3373 8.65156 12.172 8.65156 11.9996C8.65156 11.8272 8.58308 11.6619 8.46118 11.54C8.33928 11.4181 8.17395 11.3496 8.00156 11.3496H3.00156Z" fill="black" fill-opacity="0.2"/>
   <path d="M2.35156 3.99961C2.35156 3.82722 2.42004 3.66189 2.54194 3.53999C2.66384 3.41809 2.82917 3.34961 3.00156 3.34961H13.0016C13.174 3.34961 13.3393 3.41809 13.4612 3.53999C13.5831 3.66189 13.6516 3.82722 13.6516 3.99961C13.6516 4.172 13.5831 4.33733 13.4612 4.45923C13.3393 4.58113 13.174 4.64961 13.0016 4.64961H3.00156C2.82917 4.64961 2.66384 4.58113 2.54194 4.45923C2.42004 4.33733 2.35156 4.172 2.35156 3.99961ZM2.35156 7.99961C2.35156 7.82722 2.42004 7.66189 2.54194 7.53999C2.66384 7.41809 2.82917 7.34961 3.00156 7.34961H10.0016C10.174 7.34961 10.3393 7.41809 10.4612 7.53999C10.5831 7.66189 10.6516 7.82722 10.6516 7.99961C10.6516 8.172 10.5831 8.33733 10.4612 8.45923C10.3393 8.58113 10.174 8.64961 10.0016 8.64961H3.00156C2.82917 8.64961 2.66384 8.58113 2.54194 8.45923C2.42004 8.33733 2.35156 8.172 2.35156 7.99961ZM3.00156 11.3496C2.82917 11.3496 2.66384 11.4181 2.54194 11.54C2.42004 11.6619 2.35156 11.8272 2.35156 11.9996C2.35156 12.172 2.42004 12.3373 2.54194 12.4592C2.66384 12.5811 2.82917 12.6496 3.00156 12.6496H8.00156C8.17395 12.6496 8.33928 12.5811 8.46118 12.4592C8.58308 12.3373 8.65156 12.172 8.65156 11.9996C8.65156 11.8272 8.58308 11.6619 8.46118 11.54C8.33928 11.4181 8.17395 11.3496 8.00156 11.3496H3.00156Z" fill="black" fill-opacity="0.2"/>
 </svg>
-);
+);
+
+export const HCollapseIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <g clip-path="url(#clip0_26973_22856)">
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="#121111"/>
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="black" fill-opacity="0.2"/>
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="black" fill-opacity="0.2"/>
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="black" fill-opacity="0.2"/>
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="black" fill-opacity="0.2"/>
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="black" fill-opacity="0.2"/>
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="black" fill-opacity="0.2"/>
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="black" fill-opacity="0.2"/>
+    <path d="M15.2937 12.8547C15.3571 12.7918 15.4074 12.7171 15.4417 12.6347C15.476 12.5523 15.4936 12.4639 15.4936 12.3747C15.4936 12.2855 15.476 12.1971 15.4417 12.1147C15.4074 12.0323 15.3571 11.9576 15.2937 11.8947L14.1962 10.8072H19.3263C19.5067 10.8056 19.6794 10.7336 19.8075 10.6066C19.9357 10.4796 20.0093 10.3076 20.0125 10.1272C20.0093 9.94679 19.9357 9.77477 19.8075 9.64777C19.6794 9.52076 19.5067 9.4488 19.3263 9.4472L14.205 9.45595L15.2925 8.37595C15.3557 8.31311 15.4058 8.23841 15.44 8.15615C15.4742 8.07388 15.4918 7.98567 15.4918 7.89658C15.4918 7.80749 15.4742 7.71927 15.44 7.63701C15.4058 7.55474 15.3557 7.48004 15.2925 7.4172C15.1633 7.29062 14.9896 7.21973 14.8087 7.21973C14.6279 7.21973 14.4542 7.29062 14.325 7.4172L12.0687 9.6547C12.0054 9.71756 11.9551 9.79234 11.9208 9.87472C11.8865 9.9571 11.8689 10.0455 11.8689 10.1347C11.8689 10.2239 11.8865 10.3123 11.9208 10.3947C11.9551 10.4771 12.0054 10.5518 12.0687 10.6147L14.3262 12.8547C14.4555 12.9817 14.6294 13.0528 14.8106 13.0528C14.9918 13.0528 15.1657 12.9817 15.295 12.8547H15.2937ZM5.80625 10.8072L4.71 11.8947C4.64666 11.9576 4.59638 12.0323 4.56208 12.1147C4.52777 12.1971 4.51011 12.2855 4.51011 12.3747C4.51011 12.4639 4.52777 12.5523 4.56208 12.6347C4.59638 12.7171 4.64666 12.7918 4.71 12.8547C4.8392 12.9813 5.01287 13.0522 5.19375 13.0522C5.37463 13.0522 5.5483 12.9813 5.6775 12.8547L7.93625 10.6147C7.9994 10.5519 8.04952 10.4772 8.08372 10.3949C8.11791 10.3126 8.13552 10.2244 8.13552 10.1353C8.13552 10.0462 8.11791 9.95802 8.08372 9.87576C8.04952 9.79349 7.9994 9.71879 7.93625 9.65595L5.67875 7.4172C5.54955 7.29062 5.37588 7.21973 5.195 7.21973C5.01412 7.21973 4.84045 7.29062 4.71125 7.4172C4.6481 7.48004 4.59798 7.55474 4.56378 7.63701C4.52959 7.71927 4.51198 7.80749 4.51198 7.89658C4.51198 7.98567 4.52959 8.07388 4.56378 8.15615C4.59798 8.23841 4.6481 8.31311 4.71125 8.37595L5.8 9.45595H0.68625C0.505817 9.45755 0.333134 9.52951 0.204961 9.65652C0.0767887 9.78352 0.00324995 9.95554 0 10.136C0 10.5035 0.30625 10.8072 0.68625 10.8147L5.8075 10.8072H5.80625Z" fill="black" fill-opacity="0.2"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_26973_22856">
+      <rect width="20" height="20" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>
+)
+
+export const HExpandIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="#121111"/>
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="black" fill-opacity="0.2"/>
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="black" fill-opacity="0.2"/>
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="black" fill-opacity="0.2"/>
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="black" fill-opacity="0.2"/>
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="black" fill-opacity="0.2"/>
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="black" fill-opacity="0.2"/>
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="black" fill-opacity="0.2"/>
+  <path d="M16.573 12.8547C16.5097 12.7918 16.4594 12.7171 16.4251 12.6347C16.3908 12.5523 16.3731 12.4639 16.3731 12.3747C16.3731 12.2855 16.3908 12.1971 16.4251 12.1147C16.4594 12.0323 16.5097 11.9576 16.573 11.8947L17.6705 10.8072H12.5393C12.359 10.8053 12.1867 10.7332 12.0588 10.6062C11.9309 10.4792 11.8575 10.3074 11.8543 10.1272C11.8543 9.7597 12.1605 9.45595 12.5393 9.4472L17.6618 9.45595L16.573 8.37595C16.5099 8.31311 16.4597 8.23841 16.4256 8.15615C16.3914 8.07388 16.3738 7.98567 16.3738 7.89658C16.3738 7.80749 16.3914 7.71927 16.4256 7.63701C16.4597 7.55474 16.5099 7.48004 16.573 7.4172C16.7022 7.29062 16.8759 7.21973 17.0568 7.21973C17.2376 7.21973 17.4113 7.29062 17.5405 7.4172L19.7993 9.6547C19.8626 9.71756 19.9129 9.79234 19.9472 9.87472C19.9815 9.9571 19.9992 10.0455 19.9992 10.1347C19.9992 10.2239 19.9815 10.3123 19.9472 10.3947C19.9129 10.4771 19.8626 10.5518 19.7993 10.6147L17.5405 12.8547C17.4113 12.9813 17.2376 13.0522 17.0568 13.0522C16.8759 13.0522 16.7022 12.9813 16.573 12.8547ZM2.32802 10.8072L3.42552 11.8947C3.48886 11.9576 3.53913 12.0323 3.57344 12.1147C3.60775 12.1971 3.62541 12.2855 3.62541 12.3747C3.62541 12.4639 3.60775 12.5523 3.57344 12.6347C3.53913 12.7171 3.48886 12.7918 3.42552 12.8547C3.29631 12.9813 3.12264 13.0522 2.94177 13.0522C2.76089 13.0522 2.58722 12.9813 2.45802 12.8547L0.199266 10.6147C0.136112 10.5519 0.085997 10.4772 0.0518005 10.3949C0.017604 10.3126 0 10.2244 0 10.1353C0 10.0462 0.017604 9.95802 0.0518005 9.87576C0.085997 9.79349 0.136112 9.71879 0.199266 9.65595L2.45802 7.4172C2.58722 7.29062 2.76089 7.21973 2.94177 7.21973C3.12264 7.21973 3.29631 7.29062 3.42552 7.4172C3.48867 7.48004 3.53879 7.55474 3.57298 7.63701C3.60718 7.71927 3.62478 7.80749 3.62478 7.89658C3.62478 7.98567 3.60718 8.07388 3.57298 8.15615C3.53879 8.23841 3.48867 8.31311 3.42552 8.37595L2.33677 9.45595H7.44927C7.82052 9.45595 8.12677 9.7597 8.13552 10.136C8.13194 10.3161 8.05826 10.4878 7.93013 10.6146C7.80199 10.7413 7.62949 10.8131 7.44927 10.8147L2.32677 10.8072H2.32802Z" fill="black" fill-opacity="0.2"/>
+</svg>
+)

package/src/components/card.tsx

@@ -15,7 +15,7 @@ export const Card = ({ title, desc, index, icon, onClick, iconCode }: CardProps)
   return (
     <div
       className={cn(
-        'bs-card group flex flex-col cursor-pointer p-2.5 gap-2.5 rounded-lg  bg-[#F5F7FA] max-w-[350px] border border-transparent hover:border-[#e0e0e0] hover:bg-white',
+        'bs-card group flex flex-col cursor-pointer p-2.5 gap-2.5 rounded-lg max-w-[350px] border border-[#e0e0e0] bg-white',
         {
           transCls,
         }

package/src/components/collapsible.tsx

@@ -0,0 +1,9 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+
+const Collapsible = CollapsiblePrimitive.Root
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
+
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }

package/src/components/field-checker-list-msg.tsx

@@ -0,0 +1,146 @@
+import {
+  forwardRef,
+  memo,
+  ReactNode,
+  useCallback,
+  useImperativeHandle,
+  useMemo,
+  useState,
+} from 'react';
+import { CollapsibleTxtMsg } from './collapsible-txt-msg';
+import { FieldChecker, FieldCheckerProps } from './field-checker';
+import { EditIcon, LetterAIcon } from './bs-icons';
+import { FieldValueChecker, FieldValueCheckerProps } from './field-value-checker';
+import { SquareChecker } from './square-checker';
+import { cn } from '../lib/utils';
+
+export interface FieldCheckerListMsgRef {
+  getCheckedFieldsLength: () => number;
+}
+
+export const FieldCheckerListMsg = memo(
+  forwardRef<
+    FieldCheckerListMsgRef,
+    {
+      fields: Array<FieldCheckerProps>;
+      children?: ReactNode;
+      streaming: boolean;
+      confirmed?: boolean;
+    }
+  >(({ fields, children, streaming, confirmed }, ref) => {
+    // Track individual field checked states (all default to true)
+    const [checkedMap, setCheckedMap] = useState<Record<string, boolean>>(() => {
+      const map: Record<string, boolean> = {};
+      fields.forEach((f) => {
+        map[f.field?.label ?? ''] = true;
+      });
+      return map;
+    });
+
+    const allChecked = useMemo(
+      () => fields.length > 0 && fields.every((f) => checkedMap[f.field?.label ?? ''] !== false),
+      [checkedMap, fields]
+    );
+
+    const someChecked = useMemo(
+      () => fields.some((f) => checkedMap[f.field?.label ?? ''] !== false),
+      [checkedMap, fields]
+    );
+
+    const intermediate = streaming || (!allChecked && someChecked);
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        getCheckedFieldsLength: () =>
+          fields.filter((f) => checkedMap[f.field?.label ?? ''] !== false).length,
+      }),
+      [checkedMap, fields]
+    );
+
+    const handleToggleAll = useCallback(
+      (checked: boolean | 'indeterminate') => {
+        const value = checked === true;
+        const newMap: Record<string, boolean> = {};
+        fields.forEach((f) => {
+          newMap[f.field?.label ?? ''] = value;
+        });
+        setCheckedMap(newMap);
+        fields.forEach((f) => f.onChange?.(value, f.field));
+      },
+      [fields]
+    );
+
+    return (
+      <CollapsibleTxtMsg title="字段生成" icon={<LetterAIcon />} defaultOpen>
+        {
+          <div
+            className={cn(
+              'flex gap-2.5 px-4 py-2.5 rounded-[4px] w-full transition-colors cursor-pointer hover:bg-[#EFF0F6] items-center',
+              {
+                'pointer-events-none': confirmed || streaming,
+              }
+            )}
+            onClick={() => {
+              if (confirmed) {
+                return;
+              }
+
+              const newChecked = !allChecked;
+              handleToggleAll(newChecked);
+            }}
+          >
+            <SquareChecker
+              readonly={confirmed || streaming}
+              checked={allChecked && !streaming}
+              onCheckedChange={handleToggleAll}
+              intermediate={intermediate}
+            >
+              <span className="text-[#0265ff]! font-bold!">全选</span>
+            </SquareChecker>
+          </div>
+        }
+        {fields.map((f) => (
+          <FieldChecker
+            {...f}
+            key={f.field?.label}
+            checked={checkedMap[f.field?.label ?? '']}
+            streaming={streaming}
+            confirmed={confirmed}
+            onChange={(checked, field, parentFieldName, index) => {
+              const isSubField = index !== undefined && parentFieldName !== undefined;
+              if (!isSubField) {
+                setCheckedMap((prev) => ({ ...prev, [f.field?.label ?? '']: checked }));
+              }
+              f.onChange?.(checked, field, parentFieldName, index);
+            }}
+          />
+        ))}
+        {children}
+      </CollapsibleTxtMsg>
+    );
+  })
+);
+
+export const FieldValueCheckerListMsg = memo(
+  ({
+    props,
+    readonly,
+    children,
+    streaming,
+  }: {
+    props: Array<FieldValueCheckerProps>;
+    children?: ReactNode;
+    readonly?: boolean;
+    streaming?: boolean;
+  }) => {
+    return (
+      <CollapsibleTxtMsg title="字段填写" icon={<EditIcon />} defaultOpen>
+        {props.map((f) => (
+          <FieldValueChecker {...f} readonly={readonly} streaming={streaming} />
+        ))}
+        {children}
+      </CollapsibleTxtMsg>
+    );
+  }
+);

package/src/components/field-checker.tsx

@@ -0,0 +1,182 @@
+import { memo, useEffect, useRef, useState } from 'react';
+import { FieldType, ValueOf } from '@baishuyun/types';
+import { FieldTypeNameMap } from '../const/ui';
+import { ToolUIPart } from 'ai';
+import { FieldsTools, Option } from '@baishuyun/agents';
+import LineChecker from './line-checker';
+import { OptionItem } from './option-item';
+import { FieldIcon } from './field-icon';
+
+type Field = ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>;
+
+export interface FieldCheckerProps {
+  field: ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>;
+  isSubField?: boolean;
+  disabled?: boolean;
+  icon?: React.ReactNode;
+  onChange?: (checked: boolean, field: Field, parentFieldName?: string, index?: number) => void;
+  value?: unknown;
+  checked?: boolean;
+  streaming?: boolean;
+  confirmed?: boolean;
+  onLoaded?: (field: Field) => void;
+}
+
+export const FieldChecker = memo(
+  ({
+    field,
+    disabled,
+    isSubField,
+    onChange,
+    onLoaded,
+    icon,
+    value,
+    checked,
+    streaming,
+    confirmed,
+  }: FieldCheckerProps) => {
+    const { widget, label } = field;
+    if (!widget) {
+      return null;
+    }
+
+    const { type } = widget;
+
+    const t = type as FieldType;
+
+    if (!FieldTypeNameMap.hasOwnProperty(type)) {
+      return null;
+    }
+
+    const typeDesc = FieldTypeNameMap[t] || FieldTypeNameMap.unknown;
+
+    const isSubForm = type === 'subform';
+
+    const items = isSubForm ? [] : (widget.items as Option[]) || [];
+
+    // --- subform sub-field state management ---
+    const subFields = isSubForm ? (widget.items as Field[]) : [];
+    const [subCheckedMap, setSubCheckedMap] = useState<Record<number, boolean>>(() => {
+      const result: Record<number, boolean> = {};
+      subFields.forEach((_, i) => {
+        result[i] = true;
+      });
+      return result;
+    });
+
+    // When parent checked prop changes from outside, sync all sub-fields
+    const prevChecked = useRef(checked);
+    useEffect(() => {
+      if (isSubForm && checked !== prevChecked.current) {
+        prevChecked.current = checked;
+        if (checked !== undefined) {
+          const result: Record<number, boolean> = {};
+          subFields.forEach((_, i) => {
+            result[i] = checked;
+          });
+          setSubCheckedMap(result);
+        }
+      }
+    }, [checked, isSubForm, subFields.length]);
+
+    const handleSubFieldChange = (subChecked: boolean, subField: Field, index: number) => {
+      setSubCheckedMap((prev) => {
+        const next = { ...prev, [index]: subChecked };
+        // If all sub-fields are now unchecked, uncheck the parent subform
+        const allChecked = Object.values(next).every(Boolean);
+        if (allChecked) {
+          onChange?.(true, field);
+        }
+
+        const allUnchecked = Object.values(next).every((v) => v === false);
+        if (allUnchecked) {
+          onChange?.(false, field);
+        }
+
+        return next;
+      });
+      onChange?.(subChecked, subField, field.widget.widgetName, index);
+    };
+    // --- end subform state management ---
+
+    useEffect(() => {
+      onLoaded?.(field);
+    }, []);
+
+    const handleCheck = (newChecked: boolean) => {
+      onChange?.(newChecked, field);
+    };
+
+    const extraPadding = isSubField ? 'pl-[38px]' : '';
+
+    // 表单填充
+    if (value) {
+      return (
+        <LineChecker
+          title={label}
+          disabled={disabled}
+          checked={checked}
+          defaultChecked={true}
+          onCheckedChange={handleCheck}
+          icon={icon}
+          className={extraPadding}
+          shortDesc={value as string}
+        />
+      );
+    }
+
+    return (
+      <>
+        <LineChecker
+          streaming={streaming}
+          confirmed={confirmed}
+          title={label}
+          disabled={disabled}
+          checked={checked}
+          defaultChecked={true}
+          onCheckedChange={handleCheck}
+          icon={icon}
+          shortDesc={typeDesc}
+          className={extraPadding}
+          extra={
+            items.length ? (
+              <>
+                {items.map(({ value, text, color }) => (
+                  <OptionItem key={value} color={color ? 'white' : undefined} bgColor={color}>
+                    {text}
+                  </OptionItem>
+                ))}
+              </>
+            ) : null
+          }
+        />
+        {isSubForm
+          ? subFields.map((subField: Field, index: number) => (
+              <FieldChecker
+                confirmed={confirmed}
+                streaming={streaming}
+                key={subField.label}
+                isSubField={true}
+                disabled={disabled}
+                checked={subCheckedMap[index]}
+                field={subField}
+                icon={<FieldIcon type={subField.widget?.type} />}
+                onChange={(subChecked) => {
+                  handleSubFieldChange(subChecked, subField, index);
+                }}
+              />
+            ))
+          : null}
+      </>
+    );
+  },
+  (p1, p2) => {
+    return (
+      p1.field?.label === p2.field?.label &&
+      p1.disabled === p2.disabled &&
+      p1.checked === p2.checked &&
+      p1.confirmed === p2.confirmed &&
+      p1.streaming === p2.streaming
+    );
+  }
+);

package/src/components/field-icon.tsx

@@ -0,0 +1,13 @@
+import { FIELD_ICON_CODE_MAP } from '../const/ui';
+import { FieldType } from '@baishuyun/types';
+import { FontIcon } from './font-icon';
+import { FormulasIcon } from './bs-icons';
+
+export const FieldIcon = ({ type }: { type: FieldType }) => {
+  const code = FIELD_ICON_CODE_MAP[type] || 'unknown';
+  if (type === 'formula') {
+    return <FormulasIcon />;
+  }
+
+  return <FontIcon code={code} />;
+};