[elsa] 修复智能表单问题 (#112)

1.智能表单更换字段类型时，清空默认值
2.智能表单和开始节点强制渲染Panel内元素

Author: RonnyChan96

framework/elsa/fit-elsa-react/src/components/intelligentForm/FormItemSelectValue.jsx

@@ -123,9 +123,9 @@ export const FormItemSelectValue = ({item, shapeStatus, onChange, label, inputRe
       return <JadeReferenceTreeSelect
         className='jade-input-tree-title-tree-select jade-select'
         disabled={shapeStatus.referenceDisabled}
-        rules={[{
+        rules={inputRequired ? [{
           required: true, message: t('fieldValueCannotBeEmpty'),
-        }]}
+        }] : []}
         reference={item}
         onReferencedKeyChange={(e) => onReferenceKeyChange(e)}
         onReferencedValueChange={(referenceKey, value, type) => onReferenceValueChange(referenceKey, value, type)}

framework/elsa/fit-elsa-react/src/components/intelligentForm/IntelligentFormWrapper.jsx

@@ -127,6 +127,7 @@ export default function IntelligentFormWrapper({data, shapeStatus}) {
               }
               className="jade-panel"
               style={{marginBottom: 8, borderRadius: '8px', width: '100%'}}
+              forceRender
             >
               <div className={'jade-custom-panel-content'}>
                 <IntelligentInputFormItem item={item} items={items} shapeStatus={shapeStatus} output={output}/>

framework/elsa/fit-elsa-react/src/components/intelligentForm/IntelligentInputFormItem.jsx

@@ -38,17 +38,35 @@ const _IntelligentInputFormItem = ({item, items, shapeStatus, output}) => {
    * @param entries 修改的数组
    */
   const handleFormValueChange = (id, entries = []) => {
-    const changes = new Map(entries.map(({ key, value }) => [key, value])); // 将 entries 转换为 Map
-    // 如果 type 是 'type'，清空 renderType
-    if (changes.has('renderType') && changes.get('renderType') !== item.renderType) {
-      changes.set('type', undefined);
-      if (changes.get('renderType') === RENDER_TYPE.CHECK_BOX) {
-        changes.set('type', DATA_TYPES.ARRAY);
+    const changes = new Map(entries.map(({key, value}) => [key, value])); // 将 entries 转换为 Map
+
+    const updateFormValues = (newValue) => {
+      const fieldName = `value-${item.id}`;
+      const formValue = Array.isArray(newValue) ? newValue : newValue || undefined;
+      changes.set('value', newValue);
+      form.setFieldsValue({ [fieldName]: formValue });
+    };
+
+    const handleRenderTypeChange = () => {
+      if (!changes.has('renderType') || changes.get('renderType') === item.renderType) {
+        return;
       }
-      changes.set('value', null);
-      form.setFieldsValue({[`value-${item.id}`]: undefined});
-    }
-    dispatch({ type: 'updateParam', id: id, changes });
+      const isCheckbox = changes.get('renderType') === RENDER_TYPE.CHECK_BOX;
+      changes.set('type', isCheckbox ? DATA_TYPES.ARRAY : undefined);
+      updateFormValues(isCheckbox ? [] : '');
+    };
+
+    const handleTypeChange = () => {
+      if (!changes.has('type') || changes.get('type') === item.type) {
+        return;
+      }
+      const isArrayType = changes.get('type') === DATA_TYPES.ARRAY;
+      updateFormValues(isArrayType ? [] : '');
+    };
+
+    handleRenderTypeChange();
+    handleTypeChange();
+    dispatch({type: 'updateParam', id: id, changes});
   };
 
   const handleOptionsChange = (id, entries = []) => {

framework/elsa/fit-elsa-react/src/components/start/StartFormWrapper.jsx

@@ -163,6 +163,7 @@ export default function StartFormWrapper({data, shapeStatus}) {
               }
               className="jade-panel"
               style={{marginBottom: 8, borderRadius: '8px', width: '100%'}}
+              forceRender
             >
               <div className={'jade-custom-panel-content'}>
                 <StartInputForm item={item} items={items}/>