<script setup lang="ts">
/**
 * 后台表单字段外壳：wot-ui 2.2 的 wd-input 不渲染 label prop，
 * 用可见标签行保证暗色下字段含义清晰。
 */
withDefaults(defineProps<{
  label?: string
  required?: boolean
}>(), {
  label: '',
  required: false,
})
</script>

<template>
  <view class="admin-form-field">
    <text v-if="label" class="admin-form-field__label">
      <text v-if="required" class="req">*</text>{{ label }}
    </text>
    <slot />
  </view>
</template>

<style scoped lang="scss">
.req {
  color: rgb(var(--art-error));
  margin-right: 6rpx;
}
</style>
