feat: 导入组件

src/fvcomponents/fvSelect/index.vue

@@ -0,0 +1,59 @@
+<template>
+  <el-select v-model="localVal" v-bind="$attrs" @change="change">
+    <el-option 
+      v-for="item in localOptions" 
+      :label="item.label" 
+      :value="item.value" 
+      :key="item.value" 
+      :disabled="item.disabled || false"
+    />
+  </el-select>
+</template>
+
+<script setup>
+import { useCacheStore } from "@/stores/cache.js";
+const cacheStore = useCacheStore();
+const props = defineProps({
+  options: {
+    type: Array,
+    default: []
+  },
+  modelValue: {
+    type: [String, Number, Array],
+    default: undefined
+  },
+  cacheKey: {
+    type: String,
+    default: ''
+  }
+})
+
+const emits = defineEmits(['change', 'update:modelValue'])
+
+const localVal = ref()
+
+const localOptions = ref([])
+
+watchEffect(()=>{
+  localVal.value = props.modelValue
+  props.cacheKey ? 
+  localOptions.value = cacheStore.getDict(props.cacheKey) :
+  localOptions.value = props.options
+})
+
+const change = (val) => {
+  let value
+  emits('update:modelValue', val)
+  if(val instanceof Array) {
+    value = val.map(item=>props.options.find(v=>item == v.value))
+  } else {
+    value = props.options.find(v=>v.value == val)
+  }
+  emits('change', value)
+}
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>