[app-builder] modify displayType name

Author: reeeborn33

app-builder/plugins/aipp-plugin/src/main/java/modelengine/fit/jober/aipp/dto/AppInputParam.java

@@ -113,8 +113,8 @@ private static Predicate<Object> createValidator(AppearanceConfig config, String
         }
 
         return switch (displayType) {
-            case "input" -> createStringValidator(config.getStringMaxLength());
-            case "number" -> createNumberValidator(config.getMinValue(), config.getMaxValue());
+            case "textInput" -> createStringValidator(config.getStringMaxLength());
+            case "numberInput" -> createNumberValidator(config.getMinValue(), config.getMaxValue());
             case "dropdown" -> createDropdownValidator(config.getOptions());
             case "switch" -> createBooleanValidator();
             case "multiselect" -> createArrayValidator(config.getOptions());

app-builder/plugins/aipp-plugin/src/test/java/modelengine/fit/jober/aipp/dto/AppInputParamTest.java

@@ -91,7 +91,7 @@ void shouldThrowExceptionWhenRawParamIsNull() {
         void shouldParseInputAppearanceConfig() {
             // Given
             Map<String, Object> appearance = new HashMap<>();
-            appearance.put("displayType", "input");
+            appearance.put("displayType", "textInput");
             appearance.put("maxLength", 100);
 
             Map<String, Object> rawParam = new HashMap<>();
@@ -111,7 +111,7 @@ void shouldParseInputAppearanceConfig() {
         void shouldParseNumberAppearanceConfig() {
             // Given
             Map<String, Object> appearance = new HashMap<>();
-            appearance.put("displayType", "number");
+            appearance.put("displayType", "numberInput");
             appearance.put("minValue", "10.5");
             appearance.put("maxValue", "100.99");
 
@@ -253,7 +253,7 @@ class StringValidatorTest {
             @BeforeEach
             void setUp() {
                 Map<String, Object> appearance = new HashMap<>();
-                appearance.put("displayType", "input");
+                appearance.put("displayType", "textInput");
                 appearance.put("maxLength", 10);
 
                 Map<String, Object> rawParam = new HashMap<>();
@@ -305,7 +305,7 @@ void shouldFailNonStringTypes() {
             void shouldSuccessWithoutMaxLength() {
                 // Given
                 Map<String, Object> appearance = new HashMap<>();
-                appearance.put("displayType", "input");
+                appearance.put("displayType", "textInput");
 
                 Map<String, Object> rawParam = new HashMap<>();
                 rawParam.put("name", "stringParam");
@@ -329,7 +329,7 @@ class NumberValidatorTest {
             @BeforeEach
             void setUp() {
                 Map<String, Object> appearance = new HashMap<>();
-                appearance.put("displayType", "number");
+                appearance.put("displayType", "numberInput");
                 appearance.put("minValue", "10");
                 appearance.put("maxValue", "100");
 
@@ -382,7 +382,7 @@ void shouldFailNonNumberTypes() {
             void shouldSuccessWithoutMaxLength() {
                 // Given
                 Map<String, Object> appearance = new HashMap<>();
-                appearance.put("displayType", "number");
+                appearance.put("displayType", "numberInput");
 
                 Map<String, Object> rawParam = new HashMap<>();
                 rawParam.put("name", "numberParam");
@@ -764,7 +764,7 @@ class EdgeCaseTest {
         void shouldHandleInvalidNumberFormat() {
             // Given
             Map<String, Object> appearance = new HashMap<>();
-            appearance.put("displayType", "number");
+            appearance.put("displayType", "numberInput");
             appearance.put("minValue", "invalid");
             appearance.put("maxValue", "also_invalid");
 

frontend/src/pages/addFlow/components/render-form-item.tsx

@@ -121,12 +121,12 @@ const RenderFormItem = (props) => {
   // 有 appearance，走新的 actualType 渲染逻辑
   return (
     <>
-      {actualType === 'input' && (
+      {actualType === 'textInput' && (
         <Form.Item name={name} label={getCustomLabel(actualType)} rules={[isRequiredRule]} className='debug-form-item'>
           <Input placeholder={t('plsEnter')} maxLength={appearance?.maxLength || 500} showCount onBlur={(e) => handleStringItemBlur(e.target.value)} />
         </Form.Item>
       )}
-      {actualType === 'number' && (
+      {actualType === 'numberInput' && (
         <Form.Item name={name} label={getCustomLabel(actualType)} rules={[isRequiredRule, { validator: (_, value) => validateNumber(value, false) }]} className='debug-form-item'>
           <InputNumber
             style={{ width: '100%' }}

frontend/src/pages/chatPreview/components/send-editor/components/conversation-configuration.tsx

@@ -85,7 +85,7 @@ const ConversationConfiguration = ({ appInfo, updateUserContext, chatRunning, is
 
     // 优先使用 displayType 分支渲染
     switch (displayType) {
-      case 'input':
+      case 'textInput':
         return (
           <Input
             style={{ width: 400 }}
@@ -95,7 +95,7 @@ const ConversationConfiguration = ({ appInfo, updateUserContext, chatRunning, is
             onChange={updateData}
           />
         );
-      case 'number':
+      case 'numberInput':
         return (
           <InputNumber
             style={{ width: 150 }}

frontend/src/pages/configForm/configUi/components/add-input-param.tsx

@@ -36,12 +36,12 @@ const InputParamModal = (props) => {
   const { t } = useTranslation();
   const [form] = Form.useForm();
   const { showModal, setShowModal, onSubmit, mode, modalRef } = props;
-  const [fieldType, setFieldType] = useState('input');
+  const [fieldType, setFieldType] = useState('textInput');
 
   // 字段类型配置
   const fieldTypes = [
-    { value: 'input', label: t('inputType'), icon: <FileTextOutlined />, type: 'String' },
-    { value: 'number', label: t('numberType'), icon: <NumberOutlined />, type: 'Number' },
+    { value: 'textInput', label: t('inputType'), icon: <FileTextOutlined />, type: 'String' },
+    { value: 'numberInput', label: t('numberType'), icon: <NumberOutlined />, type: 'Number' },
     { value: 'dropdown', label: t('dropdownType'), icon: <UnorderedListOutlined />, type: 'String' },
     { value: 'switch', label: t('switchType'), icon: <SwitcherOutlined />, type: 'Boolean' },
     { value: 'multiselect', label: t('multiselectType'), icon: <CheckSquareOutlined />, type: 'Array[String]' },
@@ -66,11 +66,11 @@ const InputParamModal = (props) => {
         visible: defaultValue.isVisible,
         appearance: defaultValue.appearance,
       });
-      setFieldType(defaultValue.appearance?.displayType || 'input');
+      setFieldType(defaultValue.appearance?.displayType || 'textInput');
     } else if (mode === 'add') {
       // 添加模式：重置表单到初始值
       form.resetFields();
-      setFieldType('input');
+      setFieldType('textInput');
     }
   }, [showModal, mode]);
 
@@ -98,7 +98,7 @@ const InputParamModal = (props) => {
         isVisible: values.visible,
         disableModifiable: false,
         appearance: {
-          displayType: fieldTypeItem?.value || 'input',
+          displayType: fieldTypeItem?.value || 'textInput',
           ...values.appearance,
         },
       };
@@ -143,7 +143,7 @@ const InputParamModal = (props) => {
   // 根据字段类型渲染不同的配置项
   const renderFieldSpecificOptions = () => {
     switch (fieldType) {
-      case 'input':
+      case 'textInput':
         return (
           <>
             <Form.Item label={t('maxLength')} name={['appearance', 'maxLength']}>
@@ -236,7 +236,7 @@ const InputParamModal = (props) => {
           </>
         );
 
-      case 'number':
+      case 'numberInput':
         return (
           <>
             <Row gutter={16}>
@@ -392,7 +392,7 @@ const InputParamModal = (props) => {
         form={form}
         layout='vertical'
         initialValues={{
-          fieldType: 'input',
+          fieldType: 'textInput',
           required: true,
           visible: true,
         }}