Quellcode durchsuchen

fix: 限制DIYTable可选择的控件

ZhaoJun vor 1 Jahr
Ursprung
Commit
30793f09d8
1 geänderte Dateien mit 13 neuen und 4 gelöschten Zeilen
  1. 13 4
      src/components/AuditForm/ComponentLibrary.js

+ 13 - 4
src/components/AuditForm/ComponentLibrary.js

@@ -6,6 +6,18 @@ function ComponentLibrary(props) {
   const { visible, onCancel, onOk, addToTable } = props;
   const [currentItem, setCurrentItem] = useState(null);
 
+  const DIYTableComponents = [
+    'DDSelectField',
+    'DDDateField',
+    'NumberField',
+    'TextField',
+    'TextNote',
+  ];
+
+  const componenetList = COMPONENT_LIST.filter(item =>
+    addToTable ? DIYTableComponents.includes(item.componentName) : true
+  );
+
   const handleOk = () => {
     if (!currentItem) {
       message.error('请选择控件');
@@ -21,10 +33,7 @@ function ComponentLibrary(props) {
   return (
     <Modal visible={visible} onCancel={handleCancel} onOk={handleOk}>
       <Row gutter={12} style={{ paddingTop: 20 }}>
-        {COMPONENT_LIST.map(item => {
-          if (addToTable && item.componentName === 'DIYTable') {
-            return null;
-          }
+        {componenetList.map(item => {
           return (
             <Col span={8}>
               <div