<template>
	<div>
		<a-form ref='form' :model='form' label-width='120px' size='small'>
			<a-form-item :label="$t('fmeamanager.snakerflow.id')">
				<a-input v-model='form.name' disabled/>
			</a-form-item>
			<a-form-item :label="$t('fmeamanager.snakerflow.display-name')">
				<a-input v-model='form.displayName'></a-input>
			</a-form-item>
<!--			<a-form-item :label="$t('fmeamanager.snakerflow.classpath')">-->
<!--				<a-input v-model='form.clazz'></a-input>-->
<!--			</a-form-item>-->
<!--			<a-form-item :label="$t('fmeamanager.snakerflow.method-name')">-->
<!--				<a-input v-model='form.methodName'></a-input>-->
<!--			</a-form-item>-->
<!--			<a-form-item :label="$t('fmeamanager.snakerflow.parameter-variable')">-->
<!--				<a-input v-model='form.args'></a-input>-->
<!--			</a-form-item>-->
<!--			<a-form-item :label="$t('fmeamanager.snakerflow.front-interceptor')">-->
<!--				<a-input v-model='form.preInterceptors'></a-input>-->
<!--			</a-form-item>-->
<!--			<a-form-item :label="$t('fmeamanager.snakerflow.front-interceptor')">-->
<!--				<a-input v-model='form.postInterceptors'></a-input>-->
<!--			</a-form-item>-->
		</a-form>
	</div>
</template>

<script>
export default {
	props: {
		value: {
			type: Object,
			default() {
				return {};
			}
		}
	},
	data() {
		return {
			form: this.value
		};
	},
	watch: {
		form: {
			handler(n) {
				this.$emit('change', n);
			},
			deep: true
		}
	}
};
</script>

<style scoped>

</style>
