输入选择分组组件

代码事例

<template>
	<p>输入选择分组</p>
	<InputSelectGroup style="width: 180px;" cacheKey="aaa" size="mini" v-model="model.inputValue" v-model:selectValue="model.selectValue" :options="options" multiple @confirm="handleConfirm" :placeholder="['请输入', '请选择']" allow-clear />
	<p>输入选择分组 <code>disabled</code> 状态</p>
	<InputSelectGroup style="width: 180px;" size="mini" v-model="model.inputValue" v-model:selectValue="model.selectValue" :options="options" disabled multiple :placeholder="['请输入', '请选择']" />
	<p>数据模型</p>
	<fk-row>
		<JsonViewer :data="model" />
	</fk-row>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { InputSelectGroup } from '@erp/biz';

const model = ref({
	inputValue: '',
    selectValue: '内部订单号',
});

const handleConfirm = () => {
    console.log('handleConfirm >>', arguments)
}

const options = ['内部订单号','Option2','Option3'];
</script>
<style lang="less" scoped>

</style>

输入选择组 组件

API

<input-select-group> Props

参数名	描述	类型	默认值
model-value (v-model)	输入框值	string	-
select-value	选择框值	string	-
size	输入框尺寸	'mini' | 'small' | 'medium' | 'large'	-
allow-clear	是否显示清除按钮	boolean	false
disabled	是否禁用	boolean	false
placeholder	输入框占位符	string[]	['请输入', '请选择']
options	选项数据	(string | number | boolean | SelectOptionData | SelectOptionGroup)[]	[]