<script setup lang="ts">
import { useVModel } from "@vueuse/core";

const $props = defineProps<{
    modelValue: string;
}>();
const operatorOptions = [
    {
        value: "eq",
        label: "等于"
    },
    {
        value: "ne",
        label: "不等于"
    },
    {
        label: "包含",
        value: "in"
    },
    {
        label: "不包含",
        value: "ni"
    }
];
const $emits = defineEmits<{
    (e: "update:modelValue", modelValue: any): void;
}>();
const data = useVModel($props, "modelValue", $emits);
</script>

<template>
    <el-select class="operator-container" v-model="data" filterable placeholder="筛选符">
        <el-option v-for="item in operatorOptions" :key="item.value" :label="item.label" :value="item.value" />
    </el-select>
</template>

<style scoped lang="scss">
.operator-container {
    flex-shrink: 0;
    width: 100%;
}
</style>
