初始化

2026-03-03 09:53:54 +08:00
commit 3f349a35a4
437 changed files with 65639 additions and 0 deletions
--- a/saiadmin-artd/src/components/sai/sa-radio/index.vue
+++ b/saiadmin-artd/src/components/sai/sa-radio/index.vue
@@ -0,0 +1,126 @@
+<template>
+  <el-radio-group
+    v-model="modelValue"
+    v-bind="$attrs"
+    :disabled="disabled"
+    :size="size"
+    :fill="fill"
+    :text-color="textColor"
+  >
+    <!-- 模式1: 按钮样式 -->
+    <template v-if="type === 'button'">
+      <el-radio-button v-if="allowNull" :value="nullValue" :label="nullLabel">
+        {{ nullLabel }}
+      </el-radio-button>
+      <el-radio-button
+        v-for="(item, index) in options"
+        :key="index"
+        :value="item.value"
+        :label="item.value"
+        :disabled="item.disabled"
+      >
+        {{ item.label }}
+      </el-radio-button>
+    </template>
+
+    <!-- 模式2: 普通/边框样式 -->
+    <template v-else>
+      <el-radio v-if="allowNull" :value="nullValue" :label="nullLabel" :border="type === 'border'">
+        {{ nullLabel }}
+      </el-radio>
+      <el-radio
+        v-for="(item, index) in options"
+        :key="index"
+        :value="item.value"
+        :label="item.value"
+        :border="type === 'border'"
+        :disabled="item.disabled"
+      >
+        {{ item.label }}
+      </el-radio>
+    </template>
+  </el-radio-group>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue'
+  import { useDictStore } from '@/store/modules/dict'
+
+  defineOptions({ name: 'SaRadio', inheritAttrs: false })
+
+  interface Props {
+    dict: string
+    type?: 'radio' | 'button' | 'border'
+    disabled?: boolean
+    size?: 'large' | 'default' | 'small'
+    fill?: string
+    textColor?: string
+    allowNull?: boolean
+    nullValue?: string | number
+    nullLabel?: string
+    /**
+     * 强制转换字典值的类型
+     * 可选值: 'number' | 'string'
+     * 默认使用 'number'
+     */
+    valueType?: 'number' | 'string'
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    type: 'radio',
+    disabled: false,
+    size: 'default',
+    fill: '',
+    textColor: '',
+    allowNull: false,
+    nullValue: '',
+    nullLabel: '全部',
+    valueType: 'number' // 默认不转换
+  })
+
+  // 这里支持泛型，保证外部接收到的类型是正确的
+  const modelValue = defineModel<string | number | undefined>()
+
+  const dictStore = useDictStore()
+
+  // 判断能否转成数字
+  const canConvertToNumberStrict = (value: any) => {
+    // 严格模式：排除 null、undefined、布尔值、空数组等
+    if (value == null) return false
+    if (typeof value === 'boolean') return false
+    if (Array.isArray(value) && value.length !== 1) return false
+    if (typeof value === 'object' && !Array.isArray(value)) return false
+
+    const num = Number(value)
+    return !isNaN(num)
+  }
+
+  // 核心逻辑：在 computed 中处理数据类型转换
+  const options = computed(() => {
+    const list = dictStore.getByCode(props.dict) || []
+
+    // 如果没有指定 valueType，直接返回原始字典
+    if (!props.valueType) return list
+
+    // 如果指定了类型，进行映射转换
+    return list.map((item) => {
+      let newValue = item.value
+
+      switch (props.valueType) {
+        case 'number':
+          if (canConvertToNumberStrict(item.value)) {
+            newValue = Number(item.value)
+          }
+          break
+        case 'string':
+          newValue = String(item.value)
+          break
+      }
+
+      return {
+        ...item,
+        value: newValue
+      }
+    })
+  })
+</script>