fix: fix plugin datasource pane update when type changed (alibaba#65)

silinchen · web-flow · commit 072d6b77328d · 2023-04-04T14:42:49.000+08:00
* fix: &#20999;&#25442;&#26032;&#24314;&#25968;&#25454;&#28304;&#26102;&#65292;&#31867;&#22411;&#19981;&#21047;&#26032;
diff --git a/packages/plugin-datasource-pane/src/components/DataSourceForm/DataSourceForm.tsx b/packages/plugin-datasource-pane/src/components/DataSourceForm/DataSourceForm.tsx
@@ -42,11 +42,7 @@ const SCHEMA = {
     type: {
       title: '&#31867;&#22411;',
       type: 'string',
-      editable: false,
       readOnly: true,
-      hidden: true,
-      display: 'hidden',
-      visible: false,
       'x-decorator': 'FormItem',
       'x-component-props': {
         // labelWidth: 300,
@@ -199,8 +195,10 @@ export class DataSourceForm extends PureComponent<DataSourceFormProps, { form: F
   }
 
   componentDidUpdate(prevProps: DataSourceFormProps) {
-    // dataSource &#21464;&#20102;&#65292;&#38656;&#35201;&#26356;&#26032; form&#65292;&#30028;&#38754;&#21047;&#26032;
-    if (this.props.dataSource !== prevProps.dataSource) {
+    const type = this.props.dataSourceType?.type;
+    const ptype = prevProps.dataSourceType?.type;
+    // dataSource &#25110; dataSourceType.type &#21464;&#20102;&#65292;&#38656;&#35201;&#26356;&#26032; form&#65292;&#30028;&#38754;&#21047;&#26032;
+    if (this.props.dataSource !== prevProps.dataSource || type !== ptype) {
       this.setState({
         form: this.createForm()
       })
