fix: access control, voices options

src/pages/playground/components/dynamic-params.tsx

@@ -5,7 +5,6 @@ import { Form } from 'antd';
 import _ from 'lodash';
 import React, {
   forwardRef,
-  memo,
   useCallback,
   useEffect,
   useId,
@@ -194,4 +193,4 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = forwardRef(
   }
 );
 
-export default memo(ParamsSettings);
+export default ParamsSettings;

src/pages/playground/components/ground-tts.tsx

@@ -1,6 +1,7 @@
 import { setRouteCache } from '@/atoms/route-cache';
 import AlertInfo from '@/components/alert-info';
 import IconFont from '@/components/icon-font';
+import AutoComplete from '@/components/seal-form/auto-complete';
 import SealSelect from '@/components/seal-form/seal-select';
 import SpeechContent from '@/components/speech-content';
 import routeCachekey from '@/config/route-cachekey';
@@ -274,17 +275,20 @@ const GroundTTS: React.FC<MessageProps> = forwardRef((props, ref) => {
 
   const renderExtra = useMemo(() => {
     return paramsConfig.map((item: ParamsSchema) => {
+      const comProps = {
+        ...item.attrs,
+        options: item.name === 'voice' ? voiceList : item.options,
+        label: item.label.isLocalized
+          ? intl.formatMessage({ id: item.label.text })
+          : item.label.text
+      };
       return (
         <Form.Item name={item.name} rules={item.rules} key={item.name}>
-          <SealSelect
-            {...item.attrs}
-            options={item.name === 'voice' ? voiceList : item.options}
-            label={
-              item.label.isLocalized
-                ? intl.formatMessage({ id: item.label.text })
-                : item.label.text
-            }
-          ></SealSelect>
+          {item.type === 'AutoComplete' ? (
+            <AutoComplete {...comProps} />
+          ) : (
+            <SealSelect {...comProps}></SealSelect>
+          )}
         </Form.Item>
       );
     });