@xilonglab/vue-main 1.3.19 → 1.3.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xilonglab/vue-main",
-  "version": "1.3.19",
+  "version": "1.3.21",
   "description": "xilong vue main",
   "main": "packages/index.js",
   "scripts": {

package/packages/form/XlCheckbox.vue

@@ -13,6 +13,10 @@ const props = defineProps({
         type: Array,
         default: () => [],
     },
+    labels: {
+        type: Array,
+        default: () => null,
+    },
     max: {
         type: Number,
         default: 1,
@@ -31,12 +35,24 @@ const value = computed({
         emits('change', data)
     },
 });
+
+const resolvedOptions = computed(() => {
+    // 如果 labels 存在，将其转换为 options 格式
+    if (props.labels && props.labels.length > 0) {
+        return props.labels.map(label => ({
+            label: label,
+            value: label,
+        }));
+    }
+    // 否则使用原来的 options
+    return props.options;
+});
 </script>
 
 
 <template>
     <el-checkbox-group class="xl-checkbox-group" v-model="value" :max="max">
-        <el-checkbox class="xl-checkbox" v-for="(option, index) in options" :key="index" :label="option.value">{{
+        <el-checkbox class="xl-checkbox" v-for="(option, index) in resolvedOptions" :key="index" :label="option.value">{{
             option.label }}</el-checkbox>
     </el-checkbox-group>
 </template>

package/packages/form/XlRadio.vue

@@ -17,6 +17,10 @@ const props = defineProps({
             return [];
         },
     },
+    labels: {
+        type: Array,
+        default: () => null,
+    },
 })
 
 const value = computed({
@@ -28,12 +32,24 @@ const value = computed({
         emits('update:modelValue', data)
     },
 });
+
+const resolvedOptions = computed(() => {
+    // 如果 labels 存在，将其转换为 options 格式
+    if (props.labels && props.labels.length > 0) {
+        return props.labels.map(label => ({
+            label: label,
+            value: label,
+        }));
+    }
+    // 否则使用原来的 options
+    return props.options;
+});
 </script>
 
 
 <template>
     <el-radio-group class="xl-radio" v-model="value">
-        <el-radio v-for="(option, index) in options" :key="index" :value="option.value">{{ option.label
+        <el-radio v-for="(option, index) in resolvedOptions" :key="index" :value="option.value">{{ option.label
             }}</el-radio>
     </el-radio-group>
 </template>

package/packages/form/XlSelect.vue

@@ -18,6 +18,10 @@ const props = defineProps({
         type: [Array, Object], // Allow both Array and Ref<Array>
         default: () => [],
     },
+    labels: {
+        type: Array,
+        default: () => null,
+    },
     disabled: {
         type: Boolean,
         default: false,
@@ -53,6 +57,14 @@ const value = computed({
 });
 
 const resolvedOptions = computed(() => {
+    // 如果 labels 存在，将其转换为 options 格式
+    if (props.labels && props.labels.length > 0) {
+        return props.labels.map(label => ({
+            label: label,
+            value: label,
+        }));
+    }
+    // 否则使用原来的 options
     return props.options.value ? props.options.value : props.options;
 });
 </script>

package/packages/form/XlRawSelect.vue

@@ -1,71 +0,0 @@
-<script setup>
-defineOptions({ name: "XlRawSelect" })
-
-import { ref, computed } from 'vue';
-
-
-const emits = defineEmits(['change', 'update:modelValue'])
-
-const props = defineProps({
-    modelValue: {
-        default: '',
-    },
-    labels: {
-        type: Array,
-        default: () => [],
-    },
-    disabled: {
-        type: Boolean,
-        default: false,
-    },
-    width: {
-        default: 100,
-    },
-    multiple: {
-        type: Boolean,
-        default: false,
-    },
-    placeholder: {
-        type: String,
-        default: '',
-    },
-    allowCreate: {
-        type: Boolean,
-        default: false,
-    },
-});
-
-
-const visible = ref(true)
-
-const value = computed({
-    get() {
-        return props.modelValue;
-    },
-    set(data) {
-        emits('change', data)
-        emits('update:modelValue', data)
-    },
-});
-</script>
-
-
-<template>
-    <el-select v-if="visible" class="xl-raw-select xl-form-item" v-model="value" :placeholder="placeholder"
-        :disabled="disabled" :style="{ width: `${width}px` }" :multiple="multiple" clearable>
-        <el-option v-for="(label, index) in labels" :key="index" :value="label">
-            {{ label }}
-        </el-option>
-    </el-select>
-</template>
-
-
-<style lang="less" scoped>
-.el-select {
-    margin: 3px 0;
-}
-
-.el-input__inner {
-    padding: 0 5px !important;
-}
-</style>