@xilonglab/vue-main 1.3.18 → 1.3.20

package/package.json

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

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/view/XlDataView.vue

@@ -130,6 +130,15 @@ const { refs, api, params, obj, chartOptions, total } = inject('injections')
                         :l="col.label"
                         :p="col.prop"
                     />
+                    <xl-col v-else-if="col.type === 'clamp'"
+                        :l="col.label"
+                        :width="col.width"
+                        v-slot="{ row }"
+                    >   
+                        <p class="text-left clamp1" :title="row[col.prop]">
+                            {{ row[col.prop] }}
+                        </p>
+                    </xl-col>
                     <xl-map-col
                         v-else-if="col.type === 'map'"
                         :l="col.label"
@@ -194,5 +203,21 @@ const { refs, api, params, obj, chartOptions, total } = inject('injections')
         padding: 0 !important;
 
     }
+
+    .clamp(@lines) {
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-line-clamp: @lines;
+        -webkit-box-orient: vertical;
+        text-align: left;
+    }
+
+    .clamp1 {
+        .clamp(1);
+    }
+
+    .text-left {
+        text-align: left;
+    }
 }
 </style>