@veltra/desktop 1.6.2 → 1.6.3

package/dist/types/collapse.d.ts

@@ -43,7 +43,7 @@ interface CollapseItemProps {
    * @default false
    */
   modelValue?: boolean;
-  /** 标题文本（也可通过 #header 插槽自定义整个头部） */
+  /** 标题文本（也可通过 #header 插槽自定义标题区；展开图标始终保留，可用 expandIcon 替换） */
   title?: string;
   /** 是否禁用 */
   disabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
   "bugs": {
     "url": "https://github.com/cabinet-fe/ultra-ui/issues"
@@ -80,12 +80,12 @@
   "peerDependencies": {
     "@cat-kit/core": ">=1.1.8",
     "@cat-kit/fe": ">=1.1.8",
-    "@veltra/compositions": "^1.6.2",
-    "@veltra/directives": "^1.6.2",
+    "@veltra/compositions": "^1.6.3",
+    "@veltra/directives": "^1.6.3",
     "@veltra/icons": "^1.5.0",
     "@veltra/sheet-core": "^2.3.1",
-    "@veltra/styles": "^1.6.2",
-    "@veltra/utils": "^1.6.2",
+    "@veltra/styles": "^1.6.3",
+    "@veltra/utils": "^1.6.3",
     "vue": ">=3.5.41"
   },
   "peerDependenciesMeta": {

package/src/components/collapse/__test__/collapse.test.ts

@@ -223,11 +223,41 @@ describe('CollapseItem standalone', () => {
       expect(host.querySelector('.u-collapse__item')).toBeTruthy()
       expect(host.querySelector('.u-collapse__header')).toBeTruthy()
       expect(host.querySelector('.u-collapse__title')?.textContent).toBe('Standalone')
+      expect(host.querySelector('.u-collapse__icon')).toBeTruthy()
     } finally {
       unmount()
     }
   })
 
+  it('keeps the expand icon when #header slot is provided', async () => {
+    const host = document.createElement('div')
+    document.body.appendChild(host)
+
+    const app = createApp({
+      render() {
+        return h(
+          UCollapseItem,
+          { title: 'Fallback' },
+          { header: () => 'Custom header', default: () => 'Body' }
+        )
+      }
+    })
+    app.mount(host)
+
+    try {
+      await nextTick()
+      expect(host.querySelector('.u-collapse__title')?.textContent).toBe('Custom header')
+      expect(host.querySelector('.u-collapse__icon')).toBeTruthy()
+
+      ;(host.querySelector('.u-collapse__header') as HTMLElement).click()
+      await nextTick()
+      expect(host.querySelector('.u-collapse__header.is-active')).toBeTruthy()
+    } finally {
+      app.unmount()
+      host.remove()
+    }
+  })
+
   it('defaults to collapsed when no v-model is provided', async () => {
     const { host, model, unmount } = mountStandaloneItem({ title: 'Standalone' })
 

package/src/components/collapse/collapse-item.vue

@@ -10,13 +10,13 @@
       @keydown.enter.prevent="handleClick"
       @keydown.space.prevent="handleClick"
     >
-      <slot name="header" :is-active="isActive">
-        <span :class="cls.e('title')">{{ title }}</span>
+      <span :class="cls.e('title')">
+        <slot name="header" :is-active="isActive">{{ title }}</slot>
+      </span>
 
-        <span :class="cls.e('icon')">
-          <UIcon><component :is="iconComponent" /></UIcon>
-        </span>
-      </slot>
+      <span :class="cls.e('icon')">
+        <UIcon><component :is="iconComponent" /></UIcon>
+      </span>
     </div>
     <div ref="wrapperEl" :class="cls.e('content-wrapper')" :aria-hidden="!isActive">
       <div v-if="contentMounted" :class="cls.e('content')">
@@ -42,7 +42,7 @@ const props = withDefaults(defineProps<CollapseItemProps>(), { modelValue: false
 const emit = defineEmits<CollapseItemEmits>()
 
 defineSlots<{
-  /** 自定义整个头部，作用域参数 `isActive` 指示展开状态；缺省渲染 title + 展开图标 */
+  /** 自定义标题区，作用域参数 `isActive` 指示展开状态；缺省渲染 title。展开图标始终由组件渲染，活动态旋转 180° */
   header?: (scope: { isActive: boolean }) => any
   /** 折叠面板内容 */
   default?: () => any

package/src/types/collapse.ts

@@ -52,7 +52,7 @@ export interface CollapseItemProps {
    */
   modelValue?: boolean
 
-  /** 标题文本（也可通过 #header 插槽自定义整个头部） */
+  /** 标题文本（也可通过 #header 插槽自定义标题区；展开图标始终保留，可用 expandIcon 替换） */
   title?: string
 
   /** 是否禁用 */