orion-visor/orion-ops-ui/src/components/global-setting/form-wrapper.vue

<template>
  <a-input-number v-if="type === 'number'"
                  :style="{ width: '80px' }"
                  size="small"
                  :default-value="defaultValue as number"
                  @change="handleChange"
                  hide-button
  />
  <a-switch v-else
            :default-checked="defaultValue"
            size="small"
            @change="handleChange" />
</template>

<script lang="ts" setup>
  const props = defineProps({
    type: {
      type: String,
      default: '',
    },
    name: {
      type: String,
      default: '',
    },
    defaultValue: {
      type: [String, Boolean, Number],
      default: '',
    },
  });
  const emit = defineEmits(['inputChange']);
  const handleChange = (value: unknown) => {
    emit('inputChange', {
      value,
      key: props.name,
    });
  };
</script>