feat: input、textare组件替换

src/views/agent/work-flow/components/DynamicForm.vue

@@ -9,16 +9,16 @@
         :rules="field.props.rules"
         :tooltip="field.props.tip"
       >
-        <a-input
+        <Input
           allowClear
           v-if="field.type === 'input'"
-          v-model="formData[field.props.name]"
+          v-model:value="formData[field.props.name]"
           :placeholder="field?.props?.placeholder"
         />
-        <a-textarea
+        <TextArea
           v-if="field.type === 'textarea'"
           style="width: 500px; height: 200px"
-          v-model="formData[field.props.name]"
+          v-model:value="formData[field.props.name]"
           :placeholder="field?.props?.placeholder"
         />
         <!-- <a-color-picker    v-if="field.type === 'color_picker'"
@@ -52,7 +52,8 @@
 import { defineProps, defineEmits } from 'vue';
 import ImageUpload from '@/components/upload/ImageUpload.vue';
 import FileUpload from '@/components/upload/FileUpload.vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
+const { TextArea } = Input;
 
 const props = defineProps({
   formFields: {
@@ -80,24 +81,25 @@ const handleSubmit = async () => {
 
 <style scoped lang="scss">
 .form-container {
-  :deep(.arco-input-wrapper),
-  :deep(.arco-textarea-wrapper) {
+  :deep(.ant-input),
+  :deep(.ant-input:focus),
+  :deep(.ant-input-focused) {
     border-radius: 4px;
     border-color: #d7d7d9;
     background-color: #fff;
     height: 35px;
     width: 300px;
 
-    &:focus-within,
-    &.arco-input-focus {
+    &:focus,
+    &:focus-within {
       background-color: var(--color-bg-2);
       border-color: rgb(var(--primary-6));
       box-shadow: 0 0 0 0 var(--color-primary-light-2);
     }
+  }
 
-    &.arco-textarea-wrapper {
-      height: 60px;
-    }
+  &.ant-textarea-wrapper {
+    height: 60px;
   }
 
   .submit-btn {