商品表优化

web/components/XinFormField/FieldRender/index.tsx

@@ -32,9 +32,11 @@ import type { RangePickerProps } from "antd/es/date-picker";
 import type { CheckboxGroupProps } from 'antd/es/checkbox';
 import IconSelector from '@/components/XinFormField/IconSelector';
 import ImageUploader from '@/components/XinFormField/ImageUploader';
+import RichTextEditor from '@/components/XinFormField/RichTextEditor';
 import UserSelector from '@/components/XinFormField/UserSelector';
 import type { IconSelectProps } from '@/components/XinFormField/IconSelector/typings';
 import type { ImageUploaderProps } from '@/components/XinFormField/ImageUploader/typings';
+import type { RichTextEditorProps } from '@/components/XinFormField/RichTextEditor/typings';
 import type { UserSelectorProps } from '@/components/XinFormField/UserSelector/typings';
 import type {ReactNode} from "react";
 
@@ -121,6 +123,9 @@ export default function FieldRender<T>(props: FieldsRenderProps<T>) {
     case 'image':
       dom =  <ImageUploader {...fieldProps as ImageUploaderProps} />;
       break;
+    case 'richText':
+      dom =  <RichTextEditor {...fieldProps as RichTextEditorProps} />;
+      break;
     case 'icon':
       dom =  <IconSelector {...fieldProps as IconSelectProps} />;
       break;

web/components/XinFormField/FieldRender/typings.ts

@@ -22,6 +22,7 @@ import type { CheckboxGroupProps } from 'antd/es/checkbox';
 import {type Key, type ReactNode} from 'react';
 import type { IconSelectProps } from '@/components/XinFormField/IconSelector/typings';
 import type { ImageUploaderProps } from '@/components/XinFormField/ImageUploader/typings';
+import type { RichTextEditorProps } from '@/components/XinFormField/RichTextEditor/typings';
 import type { UserSelectorProps } from '@/components/XinFormField/UserSelector/typings';
 
 /**
@@ -52,6 +53,7 @@ export type FieldValue =
   | 'quarter'       // 季度选择
   | 'year'          // 年选择
   | 'image'         // 图片上传
+  | 'richText'      // 富文本编辑器
   | 'color'         // 颜色选择
   | 'icon'          // 图标选择
   | 'user'          // 用户选择
@@ -84,6 +86,7 @@ export interface FieldPropsMap {
   quarter: DatePickerProps;
   year: DatePickerProps;
   image: ImageUploaderProps;
+  richText: RichTextEditorProps;
   color: ColorPickerProps;
   icon: IconSelectProps;
   user: UserSelectorProps;