修复深色说明样式归属与实名认证上传字段标签

app/components/UploadField.vue

@@ -4,6 +4,7 @@ import "~/assets/styles/UploadField.BbTCTv6C.css";
 import { toDisplayString } from "vue";
 import { mergeModels } from "vue";
 import { useModel } from "vue";
+import { useId } from "vue";
 import { ref } from "vue";
 import { createCommentVNode } from "vue";
 import { createElementBlock } from "vue";
@@ -18,13 +19,10 @@ import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helpe
 var m = {
     class: `field`,
   },
-  h = {
-    key: 0,
-  },
   g = {
     class: `row`,
   },
-  _ = [`accept`, `disabled`],
+  _ = [`id`, `accept`, `disabled`],
   v = {
     key: 0,
     class: `state`,
@@ -62,6 +60,8 @@ var m = {
           let p = useModel(t, `modelValue`),
             S = u,
             C = useApi(),
+            // 每个实例有独立关联 ID，多张证件同时上传时标签仍指向各自的原生输入框。
+            L = useId(),
             w = ref(!1),
             T = ref(``),
             E = ref(``);
@@ -90,13 +90,20 @@ var m = {
             createElementBlock(`div`, m, [
               t.label
                 ? (openBlock(),
-                  createElementBlock(`label`, h, toDisplayString(t.label), 1))
+                  createElementBlock(
+                    `label`,
+                    { key: 0, for: L },
+                    toDisplayString(t.label),
+                    9,
+                    [`for`],
+                  ))
                 : createCommentVNode(``, !0),
               createElementVNode(`div`, g, [
                 createElementVNode(
                   `input`,
                   {
                     type: `file`,
+                    id: L,
                     accept: t.accept,
                     disabled: unref(w),
                     onChange: D,
@@ -147,6 +154,7 @@ var m = {
                             {
                               type: `button`,
                               class: `rm`,
+                              "aria-label": `移除${t.label || `已上传文件`}`,
                               onClick: O,
                             },
                             [
@@ -155,12 +163,15 @@ var m = {
                                   `i`,
                                   {
                                     class: `pi pi-times`,
+                                    "aria-hidden": `true`,
                                   },
                                   null,
                                   -1,
                                 ),
                               ]),
                             ],
+                            8,
+                            [`aria-label`],
                           ),
                         ],
                         64,