@baishuyun/ai-design 2.0.31 → 2.0.34

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @baishuyun/ai-design
 
+## 2.0.34
+
+### Patch Changes
+
+- marked 版本降级
+
+## 2.0.33
+
+### Patch Changes
+
+- bug fix
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.31
+  - @baishuyun/types@3.0.29
+
+## 2.0.32
+
+### Patch Changes
+
+- bugfix
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.30
+  - @baishuyun/types@3.0.28
+
 ## 2.0.31
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.0.31",
+  "version": "2.0.34",
   "description": "AI 功能 UI 组件库 - 所有 AI 功能的 UI 表现唯一真相来源",
   "type": "module",
   "main": "src/index.ts",
@@ -50,7 +50,7 @@
     "codemirror": "^5.65.0",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.554.0",
-    "marked": "^17.0.1",
+    "marked": "^14.1.4",
     "radix-ui": "^1.5.0",
     "react-day-picker": "^9.11.2",
     "react-hook-form": "^7.76.0",
@@ -60,8 +60,8 @@
     "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
     "zod": "^4.1.13",
-    "@baishuyun/types": "3.0.27",
-    "@baishuyun/ai-feat-utils": "2.0.29"
+    "@baishuyun/ai-feat-utils": "2.0.31",
+    "@baishuyun/types": "3.0.29"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -83,9 +83,9 @@
     "typescript": "^5.5.0",
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
-    "@baishuyun/types": "3.0.27",
-    "@baishuyun/tailwind-config": "3.0.9",
-    "@baishuyun/typescript-config": "2.0.9"
+    "@baishuyun/types": "3.0.29",
+    "@baishuyun/typescript-config": "2.0.9",
+    "@baishuyun/tailwind-config": "3.0.9"
   },
   "keywords": [],
   "author": "",

package/src/components/agent-helper/field-select/index.tsx

@@ -33,7 +33,7 @@ const FIELD_TYPE_BADGE_MAP: Partial<Record<FieldType, BadgeStyle>> = {};
 
 const textTypes: FieldType[] = [
   'text', 'textarea', 'password', 'radio', 'radiogroup', 'combo', 'combocheck',
-  'checkboxgroup', 'address', 'location', 'button', 'separator', 'user',
+  'checkboxgroup', 'address', 'location', 'separator', 'user',
   'usergroup', 'dept', 'deptgroup', 'sn', 'formula', 'flowState', 'flowstate',
   'subform', 'unknown',
 ];
@@ -54,6 +54,9 @@ for (const t of fileTypes) {
   FIELD_TYPE_BADGE_MAP[t] = { label: '附件', bgColor: '#DDF6DD', textColor: '#1EC31E' };
 }
 
+FIELD_TYPE_BADGE_MAP['button'] = { label: '按钮', bgColor: '#DDF6DD', textColor: '#1EC31E' };
+
+
 // ── Type Badge Component ──────────────────────────────────────────
 
 function TypeBadge({ style }: { style: BadgeStyle }) {

package/src/components/agent-helper/field-value-input/picker-inputs.tsx

@@ -25,7 +25,12 @@ interface WidgetItem {
 }
 
 function getItems(field: FieldValueInputProps['field']): WidgetItem[] {
-  return field.widget?.items?.filter((it) => typeof it.label === 'string') as WidgetItem[] ?? [];
+  return field.widget?.items
+    ?.filter((it) => typeof it.label === 'string' || typeof it.text === 'string')
+    .map((it) => ({
+      label: it.label ?? it.text ?? '',
+      value: it.value,
+    })) as WidgetItem[] ?? [];
 }
 
 function usePortalContainer(attr: string) {

package/src/components/agent-helper/relational-operator-select/index.tsx

@@ -20,6 +20,8 @@ const ALL_OPTIONS: Array<{ value: relationalOperator; label: string }> = [
   { value: 'empty', label: OPERATOR_LABEL_MAP.empty },
   { value: 'not_empty', label: OPERATOR_LABEL_MAP.not_empty },
   { value: 'range', label: OPERATOR_LABEL_MAP.range },
+  { value: 'like', label: OPERATOR_LABEL_MAP.like },
+  { value: 'unlike', label: OPERATOR_LABEL_MAP.unlike },
 ];
 
 export interface IRelationalOperatorSelectProps {

package/src/components/date-range-picker.tsx

@@ -78,7 +78,7 @@ export function DateRangePicker({
           <CalendarIcon className="shrink-0 size-[16px] text-[#999999]" />
         </div>
       </PopoverTrigger>
-      <PopoverContent className="w-auto p-0" align="start">
+      <PopoverContent className="w-auto min-w-[300px] p-0" align="start">
         <Calendar
           mode="range"
           selected={value}

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

@@ -13,11 +13,15 @@ export type { FormIconOption };
 const FormIcon = ({
   size = 36,
   code,
+  value,
   style,
+  render,
 }: {
   size?: number;
   code?: string;
+  value?: number;
   style?: React.CSSProperties;
+  render?: (icon: FormIconOption & { size: number}) => React.ReactNode; // Optional custom renderer for icons
 }) => {
   const borderRadius = size * 0.238; // ~8.57px for 36px container
   const fontSize = size * 0.6875; // Icon font size relative to container
@@ -33,7 +37,9 @@ const FormIcon = ({
         ...style,
       }}
     >
-      <FontIcon code={code || FORM_ICON_OPTIONS[0].code} style={{ fontSize }} />
+      {render ? render({ id: (value ?? 0).toString(), value: value ?? 0, code: code || FORM_ICON_OPTIONS[0].code, label: '', size: fontSize }) : (
+        <FontIcon code={code || FORM_ICON_OPTIONS[0].code} style={{ fontSize }} />
+      )}
     </div>
   );
 };
@@ -59,6 +65,7 @@ export interface FormInfoEditorProps {
   className?: string;
   onMount?: () => void;
   readonly?: boolean;
+  iconRenderer?: (icon: FormIconOption & { size: number}) => React.ReactNode; // Optional custom renderer for icons
 }
 
 /**
@@ -77,6 +84,7 @@ export const FormInfoEditor = memo(
     onConfirm,
     expanded: controlledExpanded,
     onExpandedChange,
+    iconRenderer,
     className,
   }: FormInfoEditorProps) => {
     const [internalExpanded, setInternalExpanded] = useState(false);
@@ -112,7 +120,7 @@ export const FormInfoEditor = memo(
         >
           {/* Left side: Form icon and name */}
           <div className="flex items-center gap-[10px] min-w-0 flex-1 mr-[10px]">
-            <FormIcon size={36} code={iconOpt?.code} />
+            <FormIcon size={36} code={iconOpt?.code} render={iconRenderer} value={iconOpt?.value} />
             <p className="text-[14px] text-black leading-normal truncate">{nameVal}</p>
           </div>
 
@@ -182,7 +190,7 @@ export const FormInfoEditor = memo(
             >
               {/* Selected icon */}
               <div className="flex items-center">
-                <FormIcon size={16} code={iconOpt?.code} />
+                <FormIcon size={16} code={iconOpt?.code} render={iconRenderer} value={iconOpt?.value} />
               </div>
 
               {/* Dropdown arrow */}
@@ -220,6 +228,8 @@ export const FormInfoEditor = memo(
                       <FormIcon
                         code={option.code}
                         style={{ background: 'transparent', color: '#0265ff' }}
+                        render={iconRenderer}
+                        value={option.value}
                       />
                     </button>
                   ))}

package/src/components/ui/calendar.tsx

@@ -21,7 +21,7 @@ function Calendar({
       classNames={{
         months: 'flex flex-col gap-2',
         month: 'flex flex-col gap-2',
-        caption: 'flex justify-center pt-1 relative items-center w-full',
+        month_caption: 'flex justify-center pt-1 relative items-center w-full',
         caption_label: 'text-[12px] font-medium text-[#121111]',
         nav: 'flex items-center gap-1',
         button_previous: