根据要求，当 `type` 等于 `fcInlineForm` 时进行配置，引入 `localeProps` 并定义相关对象并导出。假设 `localeProps` 是从 `'../../utils'` 导入的。以下是修改后的代码： ```vue <template> <div> <form-create v-model="formData" v-model:api="fapi" :rule="rule" :option="option" @submit="onSubmit" ></form-create> <!-- 右侧属性面板 --> <div class="property-panel"> <h3>属性面板</h3> <div v-for="(item, index) in rule" :key="index"> <label>{{ item.title || item.type }}</label> <!-- 可以根据不同的类型显示不同的属性设置 --> <input v-model="item.props.someProp" placeholder="属性值" /> </div> </div> </div> </template> <script setup> import { ref } from "vue"; import formCreate from "@form-create/ant-design-vue"; import { localeProps } from '../../utils'; const option = ref( formCreate.parseJson('{"form":{"layout":"horizontal","labelAlign":"right","size":"middle","colon":false,"labelCol":{"style":{"width":"125px"}},"wrapperCol":{"span":24}},"resetBtn":{"show":false,"innerText":"重置"},"submitBtn":{"show":true,"innerText":"提交"}}') ); const rule = ref( formCreate.parseJson('[{"type":"fcInlineForm","_fc_id":"id_Fy68mm8ygx5ubbc","name":"ref_F6qfmm8ygx5ubcc","display":true,"hidden":false,"_fc_drag_tag":"fcInlineForm"}]') ); const fapi = ref(null); const formData = ref({}); const onSubmit = (formData) => { //todo 提交表单 }; // 当 type 等于 fcInlineForm 时进行配置 rule.value.forEach(item => { if (item.type === 'fcInlineForm') { item.props = { ...item.props, ...localeProps }; } }); </script> <style scoped> .property-panel { position: fixed; right: 0; top: 0; width: 200px; height: 100vh; background-color: #f9f9f9; padding: 10px; border-left: 1px solid #ddd; } </style> ```