feat: FieldEditor 不能修改非空的数组和对象类型

alibaba · Dec 8, 2019 · 3521cf4 · 3521cf4
1 parent ede3a27
commit 3521cf4
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/react-schema-editor/src/components/FieldEditor.tsx b/packages/react-schema-editor/src/components/FieldEditor.tsx
@@ -18,7 +18,8 @@ import {
   getInputType,
   getPropertyValue,
   getExpressionValue,
-  getRuleMessage
+  getRuleMessage,
+  fieldTypeDisabled
 } from '../utils/fieldEditorHelpers'
 import { InputTypes, ComponentPropsTypes } from '../utils/types'
 import './FieldEditor.css'
@@ -434,6 +435,7 @@ const FieldEditor: React.FC<IFieldEditorProps> = ({
                   type: value
                 })
               }}
+              disabled={fieldTypeDisabled(schema)}
             >
               {_.map(fieldTypeData.options, ({ label, value }) => (
                 <SelectOption value={value} key={value}>

diff --git a/packages/react-schema-editor/src/utils/fieldEditorHelpers.ts b/packages/react-schema-editor/src/utils/fieldEditorHelpers.ts
@@ -135,6 +135,7 @@ export const getExpressionValue = value => {
   }
   return value
 }
+
 export const getInputType = value => {
   if (typeof value === 'object' || isExpression(value)) {
     return InputTypes.TEXT_AREA
@@ -148,3 +149,13 @@ export const getInputType = value => {
       return InputTypes.CHECKBOX
   }
 }
+
+export const fieldTypeDisabled = schema => {
+  if (schema.type === 'object' && !_.isEmpty(schema.properties)) {
+    return true
+  }
+  if (schema.type === 'array' && !_.isEmpty(schema.items)) {
+    return true
+  }
+  return false
+}