fix: 二期需求

zhengyiming

2025-03-10 866879aaf4b209e4820d21d11f9569e72dd6e0a5

 packages/components/src/components/Dialog/ConfirmDialogInfoItem.vue

@@ -1,11 +1,16 @@
<template>
  <div class="confirm-dialog-content-info-item" :class="{ danger }">
    <div class="confirm-dialog-content-info-item-label">{{ label }}</div>
    <div class="confirm-dialog-content-info-item-label" :style="{ width: _labelWidth }">
      {{ label }}
    </div>
    <div class="confirm-dialog-content-info-item-content">{{ content }}</div>
  </div>
</template>

<script setup lang="ts">
import Taro from '@tarojs/taro';
import { computed } from 'vue';

defineOptions({
  name: 'ConfirmDialogInfoItem',
});
@@ -14,7 +19,18 @@
  label?: string;
  content?: string | number;
  danger?: boolean;
  labelWidth?: string | number;
};

const props = withDefaults(defineProps<Props>(), {});
const props = withDefaults(defineProps<Props>(), {
  labelWidth: 'auto',
});

const _labelWidth = computed(() => {
  if (typeof props.labelWidth === 'string') {
    return props.labelWidth;
  }

  return Taro.pxTransform(props.labelWidth);
});
</script>