fix: drawer header is missing (#4846)

packages/@core/base/shared/package.json

@@ -84,7 +84,7 @@
     "@types/lodash.get": "catalog:",
     "@vue/shared": "catalog:",
     "clsx": "catalog:",
-    "dayjs": "^1.11.13",
+    "dayjs": "catalog:",
     "defu": "catalog:",
     "lodash.clonedeep": "catalog:",
     "lodash.get": "catalog:",

packages/@core/ui-kit/popup-ui/src/drawer/drawer-api.ts

@@ -36,6 +36,7 @@ export class DrawerApi {
       confirmLoading: false,
       contentClass: '',
       footer: true,
+      header: true,
       isOpen: false,
       loading: false,
       modal: true,

packages/@core/ui-kit/popup-ui/src/drawer/drawer.vue

@@ -179,12 +179,6 @@ function handleFocusOutside(e: Event) {
         </div>
       </SheetHeader>
 
-      <template v-else>
-        <VisuallyHidden>
-          <SheetTitle />
-          <SheetDescription />
-        </VisuallyHidden>
-      </template>
       <div
         ref="wrapperRef"
         :class="

packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue

@@ -65,7 +65,7 @@ const tabsView = computed(() => {
     :style="style"
     class="tabs-chrome !flex h-full w-max overflow-y-hidden pr-6"
   >
-    <TransitionGroup name="slide-down">
+    <TransitionGroup name="slide-left">
       <div
         v-for="(tab, i) in tabsView"
         :key="tab.key"

packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue

@@ -67,9 +67,9 @@ const tabsView = computed(() => {
 <template>
   <div
     :class="contentClass"
-    class="relative !flex h-full w-max items-center overflow-y-hidden pr-6"
+    class="relative !flex h-full w-max items-center overflow-hidden pr-6"
   >
-    <TransitionGroup name="slide-down">
+    <TransitionGroup name="slide-left">
       <div
         v-for="(tab, i) in tabsView"
         :key="tab.key"