fix: the storageclass form used by select or input (#361)

Signed-off-by: liuying <liu.ying@99cloud.net>

Signed-off-by: liuying <liu.ying@99cloud.net>

src/components/FormRender/index.jsx

@@ -26,6 +26,7 @@ import ArrayString from './widgets/ArrayString';
 import ArrayText from './widgets/ArrayText';
 import KSPlugins from './widgets/KSPlugins';
 import MyCheckBox from './widgets/MyCheckBox';
+import SelectInput from './widgets/SelectInput';
 
 /**
  * 自定义组件（widget）
@@ -41,6 +42,7 @@ const widgets = {
   // mapping
   CustomBoolean,
   collapse: Collapses,
+  'select-input': SelectInput,
 };
 
 /**

src/components/FormRender/widgets/SelectInput/index.jsx

@@ -0,0 +1,32 @@
+/*
+ * Copyright 2021 KubeClipper Authors.
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import React from 'react';
+import { Select } from 'antd';
+import SelectWithInput from 'components/FormItem/SelectWithInput';
+
+const SelectInput = (props) => {
+  const { schema, ...rest } = props;
+
+  const formatValue = (schema.enum || []).map((item, index) => ({
+    value: item,
+    index,
+  }));
+  return <SelectWithInput options={formatValue} {...rest} />;
+};
+Select;
+
+export default SelectInput;

src/pages/cluster/components/plugin/uiSchemas.js

@@ -35,7 +35,7 @@ export const uiSchemas = [
           widget: 'KSPlugins',
         },
         storageClass: {
-          widget: 'select',
+          widget: 'select-input',
         },
         HostClusterName: {
           hidden: