Skip to content

FilterForm 自定义组件代码模板

vue
<template>
	<div class="filter-form-custom-component">
        <!-- 请更改根节点 class 名称 -->
		<!-- ... -->
	</div>
</template>

<script setup lang="tsx">
import type { CustomFormFieldComponentProps } from '@erp/biz';

/**
 * 字段内部属性,对应的是 FormField 配置的 componentProps
 */
interface InnerProps {
	// ...
	type: string;
}

const props = defineProps<CustomFormFieldComponentProps<InnerProps>>();

const emit = defineEmits(['change', 'expandInput', 'expandField']);

// ... 其他逻辑
</script>

<style lang="scss">
.filter-form-custom-component {
	// ...
}
</style>

基于 MIT 许可发布