fix: drawer component header does not take effect (#4844)

2024-11-09 15:53:17 +08:00
parent 8617d3dd1e
commit 4005023fd4
8 changed files with 42 additions and 41 deletions
--- a/packages/@core/ui-kit/popup-ui/src/drawer/drawer.vue
+++ b/packages/@core/ui-kit/popup-ui/src/drawer/drawer.vue
@@ -132,7 +132,7 @@ function handleFocusOutside(e: Event) {
      @pointer-down-outside="pointerDownOutside"
    >
      <SheetHeader
-        v-show="showHeader"
+        v-if="showHeader"
        :class="
          cn(
            '!flex flex-row items-center justify-between border-b px-6 py-5',
@@ -179,6 +179,12 @@ function handleFocusOutside(e: Event) {
        </div>
      </SheetHeader>

+      <template v-else>
+        <VisuallyHidden>
+          <SheetTitle />
+          <SheetDescription />
+        </VisuallyHidden>
+      </template>
      <div
        ref="wrapperRef"
        :class="