@veltra/desktop 1.6.2 → 1.6.4

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.4",
   "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.4",
+    "@veltra/directives": "^1.6.4",
     "@veltra/icons": "^1.5.0",
-    "@veltra/sheet-core": "^2.3.1",
-    "@veltra/styles": "^1.6.2",
-    "@veltra/utils": "^1.6.2",
+    "@veltra/sheet-core": "^2.3.2",
+    "@veltra/styles": "^1.6.4",
+    "@veltra/utils": "^1.6.4",
     "vue": ">=3.5.41"
   },
   "peerDependenciesMeta": {

package/src/components/action/action-group.vue

@@ -12,10 +12,7 @@ import { UButton } from '../button'
 import { UTip } from '../tip'
 import { ActionDIKey } from './di'
 
-defineOptions({
-  name: 'UActionGroup',
-  inheritAttrs: false
-})
+defineOptions({ name: 'UActionGroup', inheritAttrs: false })
 
 const props = withDefaults(defineProps<ActionGroupProps>(), {
   max: 3,
@@ -28,9 +25,7 @@ const props = withDefaults(defineProps<ActionGroupProps>(), {
 
 const cls = bem('action-group')
 
-const slots = defineSlots<{
-  default?: () => VNode[]
-}>()
+const slots = defineSlots<{ default?: () => VNode[] }>()
 
 function isInDropdownNode(node: VNode): boolean {
   const p = node.props as Record<string, unknown> | null
@@ -49,14 +44,7 @@ function withSeparators(nodes: VNode[]) {
   return nodes.flatMap((node, index) => {
     if (index === 0) return [node]
 
-    return [
-      <i
-        key={`separator-${index}`}
-        class={cls.e('separator')}
-        aria-hidden="true"
-      />,
-      node
-    ]
+    return [<i key={`separator-${index}`} class={cls.e('separator')} aria-hidden='true' />, node]
   })
 }
 
@@ -90,9 +78,9 @@ function getSlotsNodes() {
 
   const dropdown = hiddenNodes.length ? (
     <UTip
-      direction="bottom"
-      alignment="end"
-      trigger="click"
+      direction='bottom'
+      alignment='end'
+      trigger='click'
       class={cls.e('dropdown')}
       visible={tipVisible.value}
       onUpdate:visible={(val: boolean) => {
@@ -118,12 +106,7 @@ function getSlotsNodes() {
   return withSeparators(dropdown ? [...visible, dropdown] : visible)
 }
 
-provide(ActionDIKey, {
-  groupProps: props,
-  closeTip
-})
+provide(ActionDIKey, { groupProps: props, closeTip })
 
-defineExpose<_ActionGroupExposed>({
-  closeTip
-})
+defineExpose<_ActionGroupExposed>({ closeTip })
 </script>

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/components/file-viewer/previewers/sheet-previewer.vue

@@ -35,7 +35,8 @@ import { getExtension, toArrayBuffer } from '../helper'
 defineOptions({ name: 'UFileViewerSheetPreviewer' })
 
 /** 仅类型查询；运行时通过动态 import 加载，未安装时不炸主入口 */
-type SheetCoreModule = typeof import('@veltra/sheet-core')
+type SheetCoreModule = typeof import('@veltra/sheet-core') &
+  typeof import('@veltra/sheet-core/grid')
 type Sheet = InstanceType<SheetCoreModule['Sheet']>
 type SheetGrid = InstanceType<SheetCoreModule['SheetGrid']>
 
@@ -69,7 +70,11 @@ function releaseGrid() {
 async function resolveSheetCore(): Promise<SheetCoreModule | undefined> {
   if (sheetCore) return sheetCore
   try {
-    sheetCore = await import('@veltra/sheet-core')
+    const [core, grid] = await Promise.all([
+      import('@veltra/sheet-core'),
+      import('@veltra/sheet-core/grid')
+    ])
+    sheetCore = { ...core, ...grid }
     return sheetCore
   } catch {
     return undefined

package/src/types/collapse.ts

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