feat: 保存字典值.

orion-ops-ui/src/components/system/dict-key/dict-key-selector.vue

@@ -5,6 +5,7 @@
             :loading="loading"
             :disabled="loading"
             :filter-option="filterOption"
+            :allow-create="allowCreate"
             placeholder="请选择配置项" />
 </template>
 
@@ -23,6 +24,10 @@
   const props = defineProps({
     modelValue: Number,
     loading: Boolean,
+    allowCreate: {
+      type: Boolean,
+      default: false
+    }
   });
 
   const emits = defineEmits(['update:modelValue', 'change']);
@@ -32,8 +37,21 @@
       return props.modelValue;
     },
     set(e) {
-      emits('update:modelValue', e);
-      emits('change', e);
+      if (typeof e === 'string') {
+        // 创建的值
+        emits('update:modelValue', undefined);
+        emits('change', {
+          id: undefined,
+          keyName: e
+        });
+      } else {
+        // 已有的值
+        emits('update:modelValue', e);
+        const find = cacheStore.dictKeys.find(s => s.id === e);
+        if (find) {
+          emits('change', find);
+        }
+      }
     }
   });
 
@@ -44,7 +62,6 @@
       return {
         label: `${s.keyName} - ${s.description || ''}`,
         value: s.id,
-        origin: s,
       };
     });
   };

orion-ops-ui/src/components/user/role/user-role-selector.vue

@@ -16,14 +16,13 @@
 </script>
 
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, PropType } from 'vue';
   import { useCacheStore } from '@/store';
   import { SelectOptionData } from '@arco-design/web-vue';
   import { RoleStatusEnum } from '@/views/user/role/types/enum.types';
 
   const props = defineProps({
-    // FIXME 拆出来单选多选
-    modelValue: Array,
+    modelValue: Object as PropType<Array<number>> | PropType<number>,
     loading: Boolean,
     multiple: Boolean,
   });