@veltra/desktop 1.2.32 → 1.2.33

package/dist/index.js

@@ -1,19 +1,19 @@
-import _sfc_main$40 from "./components/icon/icon.js";
+import _sfc_main$41 from "./components/icon/icon.js";
 import _sfc_main$30 from "./components/empty/empty.js";
-import _sfc_main$66 from "./components/scroll/scroll.js";
+import _sfc_main$67 from "./components/scroll/scroll.js";
 import NodeRender from "./components/node-render/node-render.js";
-import _sfc_main$80 from "./components/tip/tip.js";
+import _sfc_main$81 from "./components/tip/tip.js";
 import { createEmptyGroup, createEmptyLeaf, evaluate } from "./components/condition-editor/core/evaluator.js";
 import _sfc_main$28 from "./components/dropdown/dropdown.js";
 import input_default from "./components/input/input.js";
-import _sfc_main$67 from "./components/select/select.js";
+import _sfc_main$68 from "./components/select/select.js";
 import _sfc_main$21 from "./components/condition-editor/condition-editor.js";
-import _sfc_main$74 from "./components/tabs/tabs-horizontal.js";
-import _sfc_main$75 from "./components/tabs/tabs-vertical.js";
-import _sfc_main$73 from "./components/tabs/tabs.js";
+import _sfc_main$75 from "./components/tabs/tabs-horizontal.js";
+import _sfc_main$76 from "./components/tabs/tabs-vertical.js";
+import _sfc_main$74 from "./components/tabs/tabs.js";
 import _sfc_main$15 from "./components/checkbox/checkbox.js";
-import _sfc_main$81 from "./components/tree/tree.js";
-import _sfc_main$82 from "./components/tree-select/tree-select.js";
+import _sfc_main$82 from "./components/tree/tree.js";
+import _sfc_main$83 from "./components/tree-select/tree-select.js";
 import _sfc_main$18 from "./components/code-editor/code-editor.js";
 import _sfc_main$27 from "./components/drawer/drawer.js";
 import _sfc_main$36 from "./components/grid/grid.js";
@@ -22,10 +22,10 @@ import form_item_default from "./components/form-item/form-item.js";
 import form_default from "./components/form/form.js";
 import _sfc_main$5 from "./components/button/button.js";
 import _sfc_main$6 from "./components/button/button-group.js";
-import _sfc_main$47 from "./components/message-confirm/message-confirm.js";
+import _sfc_main$48 from "./components/message-confirm/message-confirm.js";
 import MessageConfirm from "./components/message-confirm/message-confirm2.js";
 import _sfc_main$7 from "./components/calendar/calendar.js";
-import _sfc_main$63 from "./components/radio/radio.js";
+import _sfc_main$64 from "./components/radio/radio.js";
 import _sfc_main$8 from "./components/card/card.js";
 import _sfc_main$12 from "./components/card/card-header.js";
 import _sfc_main$11 from "./components/card/card-cover.js";
@@ -33,66 +33,67 @@ import _sfc_main$10 from "./components/card/card-content.js";
 import _sfc_main$9 from "./components/card/card-action.js";
 import _sfc_main$23 from "./components/date-panel/date-panel.js";
 import _sfc_main$25 from "./components/date-range-picker/date-range-picker.js";
-import _sfc_main$45 from "./components/loading/loading.js";
+import _sfc_main$46 from "./components/loading/loading.js";
 import { vLoading } from "./components/loading/directive.js";
-import _sfc_main$62 from "./components/progress-nodes/progress-nodes.js";
+import _sfc_main$63 from "./components/progress-nodes/progress-nodes.js";
 import _sfc_main$1 from "./components/auto-complete/auto-complete.js";
-import _sfc_main$61 from "./components/progress/progress.js";
-import _sfc_main$53 from "./components/notification/notification.js";
+import _sfc_main$62 from "./components/progress/progress.js";
+import _sfc_main$54 from "./components/notification/notification.js";
 import { Notification } from "./components/notification/index.js";
-import _sfc_main$42 from "./components/layout/layout.js";
-import _sfc_main$76 from "./components/tag/tag.js";
+import _sfc_main$43 from "./components/layout/layout.js";
+import _sfc_main$77 from "./components/tag/tag.js";
 import _sfc_main$16 from "./components/checkbox/checkbox-button.js";
-import _sfc_main$48 from "./components/multi-select/multi-select.js";
-import _sfc_main$68 from "./components/slider/slider.js";
+import _sfc_main$49 from "./components/multi-select/multi-select.js";
+import _sfc_main$69 from "./components/slider/slider.js";
 import _sfc_main$35 from "./components/gantt-chart/gantt-chart.js";
-import _sfc_main$46 from "./components/message/message.js";
+import _sfc_main$47 from "./components/message/message.js";
 import { message } from "./components/message/message2.js";
 import _sfc_main$32 from "./components/file-picker/file-picker.js";
-import _sfc_main$55 from "./components/number-input/number-input.js";
-import _sfc_main$56 from "./components/number-range-input/number-range-input.js";
+import _sfc_main$56 from "./components/number-input/number-input.js";
+import _sfc_main$57 from "./components/number-range-input/number-range-input.js";
 import _sfc_main$19 from "./components/collapse/collapse.js";
 import _sfc_main$20 from "./components/collapse/collapse-item.js";
 import { defineTableColumns } from "./components/table/use-columns.js";
-import _sfc_main$71 from "./components/table/table.js";
-import _sfc_main$72 from "./components/table-editor/table-editor.js";
+import _sfc_main$72 from "./components/table/table.js";
+import _sfc_main$73 from "./components/table-editor/table-editor.js";
 import _sfc_main$14 from "./components/check-tag/check-tag.js";
 import _sfc_main$22 from "./components/contextmenu/contextmenu.js";
 import { contextmenu } from "./components/contextmenu/api.js";
-import _sfc_main$59 from "./components/password-input/password-input.js";
-import _sfc_main$54 from "./components/number/number.js";
+import _sfc_main$60 from "./components/password-input/password-input.js";
+import _sfc_main$55 from "./components/number/number.js";
 import _sfc_main$26 from "./components/dialog/dialog.js";
 import _sfc_main$31 from "./components/expression-editor/expression-editor.js";
-import _sfc_main$83 from "./components/watermark/watermark.js";
-import _sfc_main$41 from "./components/kbd/kbd.js";
-import _sfc_main$60 from "./components/pop-confirm/pop-confirm.js";
+import _sfc_main$84 from "./components/watermark/watermark.js";
+import _sfc_main$42 from "./components/kbd/kbd.js";
+import _sfc_main$61 from "./components/pop-confirm/pop-confirm.js";
 import _sfc_main from "./components/action/action.js";
 import action_group_default from "./components/action/action-group.js";
 import _sfc_main$3 from "./components/batch-edit/batch-edit.js";
 import { defineBatchEditColumns } from "./components/batch-edit/helper.js";
-import _sfc_main$78 from "./components/textarea/textarea.js";
+import _sfc_main$79 from "./components/textarea/textarea.js";
 import _sfc_main$13 from "./components/cascade/cascade.js";
-import _sfc_main$69 from "./components/steps/steps.js";
+import _sfc_main$70 from "./components/steps/steps.js";
 import _sfc_main$24 from "./components/date-picker/date-picker.js";
-import _sfc_main$58 from "./components/palette/palette.js";
-import _sfc_main$79 from "./components/theme/theme.js";
-import _sfc_main$49 from "./components/multi-tree-select/multi-tree-select.js";
+import _sfc_main$59 from "./components/palette/palette.js";
+import _sfc_main$80 from "./components/theme/theme.js";
+import _sfc_main$50 from "./components/multi-tree-select/multi-tree-select.js";
 import _sfc_main$39 from "./components/group-input/group-input.js";
-import _sfc_main$43 from "./components/list/list.js";
-import _sfc_main$44 from "./components/list/list-item.js";
-import _sfc_main$65 from "./components/rich-text-editor/rich-text-editor.js";
-import _sfc_main$51 from "./components/nav/nav-item.js";
-import _sfc_main$52 from "./components/nav/nav-sub.js";
-import _sfc_main$50 from "./components/nav/nav.js";
+import _sfc_main$44 from "./components/list/list.js";
+import _sfc_main$45 from "./components/list/list-item.js";
+import _sfc_main$66 from "./components/rich-text-editor/rich-text-editor.js";
+import _sfc_main$52 from "./components/nav/nav-item.js";
+import _sfc_main$53 from "./components/nav/nav-sub.js";
+import _sfc_main$51 from "./components/nav/nav.js";
 import _sfc_main$29 from "./components/dual-nav/dual-nav.js";
+import _sfc_main$40 from "./components/group-nav/group-nav.js";
 import _sfc_main$37 from "./components/grid-input/grid-input.js";
-import _sfc_main$70 from "./components/switch/switch.js";
-import _sfc_main$64 from "./components/radio-group/radio-group.js";
+import _sfc_main$71 from "./components/switch/switch.js";
+import _sfc_main$65 from "./components/radio-group/radio-group.js";
 import _sfc_main$17 from "./components/checkbox-group/checkbox-group.js";
 import _sfc_main$33 from "./components/file-viewer/file-viewer.js";
-import _sfc_main$77 from "./components/text/text.js";
+import _sfc_main$78 from "./components/text/text.js";
 import _sfc_main$4 from "./components/breadcrumb/breadcrumb.js";
-import _sfc_main$57 from "./components/paginator/paginator.js";
+import _sfc_main$58 from "./components/paginator/paginator.js";
 import _sfc_main$34 from "./components/float-button/float-button.js";
 import _sfc_main$2 from "./components/badge/badge.js";
-export { MessageConfirm, Notification, _sfc_main as UAction, action_group_default as UActionGroup, _sfc_main$1 as UAutoComplete, _sfc_main$2 as UBadge, _sfc_main$3 as UBatchEdit, _sfc_main$4 as UBreadcrumb, _sfc_main$5 as UButton, _sfc_main$6 as UButtonGroup, _sfc_main$7 as UCalendar, _sfc_main$8 as UCard, _sfc_main$9 as UCardAction, _sfc_main$10 as UCardContent, _sfc_main$11 as UCardCover, _sfc_main$12 as UCardHeader, _sfc_main$13 as UCascade, _sfc_main$14 as UCheckTag, _sfc_main$15 as UCheckbox, _sfc_main$16 as UCheckboxButton, _sfc_main$17 as UCheckboxGroup, _sfc_main$18 as UCodeEditor, _sfc_main$19 as UCollapse, _sfc_main$20 as UCollapseItem, _sfc_main$21 as UConditionEditor, _sfc_main$22 as UContextmenu, _sfc_main$23 as UDatePanel, _sfc_main$24 as UDatePicker, _sfc_main$25 as UDateRangePicker, _sfc_main$26 as UDialog, _sfc_main$27 as UDrawer, _sfc_main$28 as UDropdown, _sfc_main$29 as UDualNav, _sfc_main$30 as UEmpty, _sfc_main$31 as UExpressionEditor, _sfc_main$32 as UFilePicker, _sfc_main$33 as UFileViewer, _sfc_main$34 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$35 as UGanttChart, _sfc_main$36 as UGrid, _sfc_main$37 as UGridInput, _sfc_main$38 as UGridItem, _sfc_main$39 as UGroupInput, _sfc_main$40 as UIcon, input_default as UInput, _sfc_main$41 as UKbd, _sfc_main$42 as ULayout, _sfc_main$43 as UList, _sfc_main$44 as UListItem, _sfc_main$45 as ULoading, _sfc_main$46 as UMessage, _sfc_main$47 as UMessageConfirm, _sfc_main$48 as UMultiSelect, _sfc_main$49 as UMultiTreeSelect, _sfc_main$50 as UNav, _sfc_main$51 as UNavItem, _sfc_main$52 as UNavSub, NodeRender as UNodeRender, _sfc_main$53 as UNotification, _sfc_main$54 as UNumber, _sfc_main$55 as UNumberInput, _sfc_main$56 as UNumberRangeInput, _sfc_main$57 as UPaginator, _sfc_main$58 as UPalette, _sfc_main$59 as UPasswordInput, _sfc_main$60 as UPopConfirm, _sfc_main$61 as UProgress, _sfc_main$62 as UProgressNodes, _sfc_main$63 as URadio, _sfc_main$64 as URadioGroup, _sfc_main$65 as URichTextEditor, _sfc_main$66 as UScroll, _sfc_main$67 as USelect, _sfc_main$68 as USlider, _sfc_main$69 as USteps, _sfc_main$70 as USwitch, _sfc_main$71 as UTable, _sfc_main$72 as UTableEditor, _sfc_main$73 as UTabs, _sfc_main$74 as UTabsHorizontal, _sfc_main$75 as UTabsVertical, _sfc_main$76 as UTag, _sfc_main$77 as UText, _sfc_main$78 as UTextarea, _sfc_main$79 as UTheme, _sfc_main$80 as UTip, _sfc_main$81 as UTree, _sfc_main$82 as UTreeSelect, _sfc_main$83 as UWatermark, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, vLoading };
+export { MessageConfirm, Notification, _sfc_main as UAction, action_group_default as UActionGroup, _sfc_main$1 as UAutoComplete, _sfc_main$2 as UBadge, _sfc_main$3 as UBatchEdit, _sfc_main$4 as UBreadcrumb, _sfc_main$5 as UButton, _sfc_main$6 as UButtonGroup, _sfc_main$7 as UCalendar, _sfc_main$8 as UCard, _sfc_main$9 as UCardAction, _sfc_main$10 as UCardContent, _sfc_main$11 as UCardCover, _sfc_main$12 as UCardHeader, _sfc_main$13 as UCascade, _sfc_main$14 as UCheckTag, _sfc_main$15 as UCheckbox, _sfc_main$16 as UCheckboxButton, _sfc_main$17 as UCheckboxGroup, _sfc_main$18 as UCodeEditor, _sfc_main$19 as UCollapse, _sfc_main$20 as UCollapseItem, _sfc_main$21 as UConditionEditor, _sfc_main$22 as UContextmenu, _sfc_main$23 as UDatePanel, _sfc_main$24 as UDatePicker, _sfc_main$25 as UDateRangePicker, _sfc_main$26 as UDialog, _sfc_main$27 as UDrawer, _sfc_main$28 as UDropdown, _sfc_main$29 as UDualNav, _sfc_main$30 as UEmpty, _sfc_main$31 as UExpressionEditor, _sfc_main$32 as UFilePicker, _sfc_main$33 as UFileViewer, _sfc_main$34 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$35 as UGanttChart, _sfc_main$36 as UGrid, _sfc_main$37 as UGridInput, _sfc_main$38 as UGridItem, _sfc_main$39 as UGroupInput, _sfc_main$40 as UGroupNav, _sfc_main$41 as UIcon, input_default as UInput, _sfc_main$42 as UKbd, _sfc_main$43 as ULayout, _sfc_main$44 as UList, _sfc_main$45 as UListItem, _sfc_main$46 as ULoading, _sfc_main$47 as UMessage, _sfc_main$48 as UMessageConfirm, _sfc_main$49 as UMultiSelect, _sfc_main$50 as UMultiTreeSelect, _sfc_main$51 as UNav, _sfc_main$52 as UNavItem, _sfc_main$53 as UNavSub, NodeRender as UNodeRender, _sfc_main$54 as UNotification, _sfc_main$55 as UNumber, _sfc_main$56 as UNumberInput, _sfc_main$57 as UNumberRangeInput, _sfc_main$58 as UPaginator, _sfc_main$59 as UPalette, _sfc_main$60 as UPasswordInput, _sfc_main$61 as UPopConfirm, _sfc_main$62 as UProgress, _sfc_main$63 as UProgressNodes, _sfc_main$64 as URadio, _sfc_main$65 as URadioGroup, _sfc_main$66 as URichTextEditor, _sfc_main$67 as UScroll, _sfc_main$68 as USelect, _sfc_main$69 as USlider, _sfc_main$70 as USteps, _sfc_main$71 as USwitch, _sfc_main$72 as UTable, _sfc_main$73 as UTableEditor, _sfc_main$74 as UTabs, _sfc_main$75 as UTabsHorizontal, _sfc_main$76 as UTabsVertical, _sfc_main$77 as UTag, _sfc_main$78 as UText, _sfc_main$79 as UTextarea, _sfc_main$80 as UTheme, _sfc_main$81 as UTip, _sfc_main$82 as UTree, _sfc_main$83 as UTreeSelect, _sfc_main$84 as UWatermark, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, vLoading };

package/dist/style.js

@@ -46,6 +46,7 @@ import "./components/list/style.js";
 import "./components/loading/style.js";
 import "./components/nav/style.js";
 import "./components/dual-nav/style.js";
+import "./components/group-nav/style.js";
 import "./components/message-confirm/style.js";
 import "./components/message/style.js";
 import "./components/multi-select/style.js";

package/dist/types/dual-nav.d.ts

@@ -2,6 +2,8 @@ import { NavItem } from "./nav.js";
 import { DeconstructValue } from "@veltra/utils";
 
 //#region src/types/dual-nav.d.ts
+/** 双栏导航左轨变体 */
+type DualNavRailVariant = 'icon' | 'labeled';
 /** 双栏导航根级应用项；`description` 在左轨 tooltip 与右栏顶部展示 */
 interface DualNavRootItem extends NavItem {
   /** 子导航 */
@@ -13,6 +15,12 @@ interface DualNavProps {
   currentPath?: string;
   /** 根级应用导航列表 */
   menus?: DualNavRootItem[];
+  /**
+   * 左轨变体
+   * - `icon`：仅图标（默认）
+   * - `labeled`：加宽左轨，图标下方显示菜单名称（最多 4 个字）
+   */
+  railVariant?: DualNavRailVariant;
 }
 /** 双栏导航组件定义的事件 */
 interface DualNavEmits {
@@ -23,5 +31,5 @@ interface _DualNavExposed {}
 /** 双栏导航组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
 type DualNavExposed = DeconstructValue<_DualNavExposed>;
 //#endregion
-export { DualNavEmits, DualNavExposed, DualNavProps, DualNavRootItem, _DualNavExposed };
+export { DualNavEmits, DualNavExposed, DualNavProps, DualNavRailVariant, DualNavRootItem, _DualNavExposed };
 //# sourceMappingURL=dual-nav.d.ts.map

package/dist/types/group-nav.d.ts

@@ -0,0 +1,22 @@
+import { NavItem } from "./nav.js";
+
+//#region src/types/group-nav.d.ts
+/** 分组：标题 + 叶子菜单 */
+interface GroupNavGroup {
+  title: string;
+  children: NavItem[];
+}
+/** 分组导航组件属性 */
+interface GroupNavProps {
+  /** 当前路径 */
+  currentPath?: string;
+  /** 分组列表（每组仅渲染一层叶子，更深嵌套舍弃） */
+  groups?: GroupNavGroup[];
+}
+/** 分组导航组件定义的事件 */
+interface GroupNavEmits {
+  (e: 'item-click', item: NavItem): void;
+}
+//#endregion
+export { GroupNavEmits, GroupNavGroup, GroupNavProps };
+//# sourceMappingURL=group-nav.d.ts.map

package/dist/types/index.d.ts

@@ -47,7 +47,8 @@ import { TextEmits, TextExposed, TextProps, _TextExposed } from "./text.js";
 import { CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps } from "./checkbox-group.js";
 import { TableEditorEmits, TableEditorExposed, TableEditorProps, _TableEditorExposed } from "./table-editor.js";
 import { NavEmits, NavExposed, NavItem, NavProps, _NavExposed } from "./nav.js";
-import { DualNavEmits, DualNavExposed, DualNavProps, DualNavRootItem, _DualNavExposed } from "./dual-nav.js";
+import { DualNavEmits, DualNavExposed, DualNavProps, DualNavRailVariant, DualNavRootItem, _DualNavExposed } from "./dual-nav.js";
+import { GroupNavEmits, GroupNavGroup, GroupNavProps } from "./group-nav.js";
 import { PasswordInputEmits, PasswordInputExposed, PasswordInputProps, _PasswordInputExposed } from "./password-input.js";
 import { DatePickerEmits, DatePickerExposed, DatePickerProps, _DatePickerExposed } from "./date-picker.js";
 import { DropdownEmits, DropdownExposed, DropdownProps, _DropdownExposed } from "./dropdown.js";
@@ -82,7 +83,7 @@ export type * from "@veltra/utils";
 
 //#region src/types/index.d.ts
 declare namespace index_d_exports {
-  export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditFormStatus, BatchEditProps, BatchEditSlots, BatchEditStates, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionConnector, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionLeaf, ConditionNode, ConditionValue, ContextmenuEmits, ContextmenuExposed, ContextmenuItem, ContextmenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DialogTransition, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, DualNavEmits, DualNavExposed, DualNavProps, DualNavRootItem, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormEmits, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, Message, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NavEmits, NavExposed, NavItem, NavProps, NodeRenderExposed, NodeRenderProps, NotificationEmits, NotificationExposed, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextmenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _DualNavExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NavExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed };
+  export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditFormStatus, BatchEditProps, BatchEditSlots, BatchEditStates, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionConnector, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionLeaf, ConditionNode, ConditionValue, ContextmenuEmits, ContextmenuExposed, ContextmenuItem, ContextmenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DialogTransition, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, DualNavEmits, DualNavExposed, DualNavProps, DualNavRailVariant, DualNavRootItem, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormEmits, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, GroupNavEmits, GroupNavGroup, GroupNavProps, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, Message, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NavEmits, NavExposed, NavItem, NavProps, NodeRenderExposed, NodeRenderProps, NotificationEmits, NotificationExposed, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextmenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _DualNavExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NavExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed };
 }
 import * as import__veltra_utils from "@veltra/utils";
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.2.32",
+  "version": "1.2.33",
   "files": [
     "dist",
     "src"
@@ -57,11 +57,11 @@
     "@cat-kit/core": ">=1.1.8",
     "@cat-kit/excel": ">=1.0.0",
     "@cat-kit/fe": "^1.1.8",
-    "@veltra/compositions": "1.2.32",
-    "@veltra/directives": "1.2.32",
-    "@veltra/icons": "1.2.32",
-    "@veltra/styles": "1.2.32",
-    "@veltra/utils": "1.2.32",
+    "@veltra/compositions": "1.2.33",
+    "@veltra/directives": "1.2.33",
+    "@veltra/icons": "1.2.33",
+    "@veltra/styles": "1.2.33",
+    "@veltra/utils": "1.2.33",
     "vue": ">=3.5.39"
   },
   "devDependencies": {

package/src/components/dual-nav/dual-nav-app.vue

@@ -1,5 +1,5 @@
 <template>
-  <u-tip v-model:visible="tipVisible" direction="right" hide-arrow :disabled="tipSuppressed">
+  <u-tip v-model:visible="tipVisible" direction="right" hide-arrow :disabled="tipDisabled">
     <button
       type="button"
       v-ripple="!app.disabled"
@@ -15,6 +15,7 @@
     >
       <UNavIcon v-if="app.icon" :icon="app.icon" :class="cls.e('app-icon')" />
       <span v-else :class="cls.e('app-fallback')">{{ app.title[0] }}</span>
+      <span v-if="labeled" :class="cls.e('app-label')">{{ displayTitle }}</span>
     </button>
 
     <template #content>
@@ -31,7 +32,7 @@
 <script setup lang="ts">
 import { vRipple } from '@veltra/directives'
 import { bem } from '@veltra/utils'
-import { shallowRef } from 'vue'
+import { computed, shallowRef } from 'vue'
 
 import type { DualNavRootItem } from '../../types'
 import UNavIcon from '../nav/nav-icon.vue'
@@ -41,7 +42,16 @@ defineOptions({ name: 'UDualNavApp' })
 
 const cls = bem('dual-nav')
 
-defineProps<{ app: DualNavRootItem; active: boolean; selected: boolean }>()
+/** 左轨菜单名称最多展示字数 */
+const LABEL_MAX_LENGTH = 4
+
+const props = defineProps<{
+  app: DualNavRootItem
+  active: boolean
+  selected: boolean
+  /** 是否在图标下方显示菜单名称 */
+  labeled?: boolean
+}>()
 
 const emit = defineEmits<{ click: [] }>()
 
@@ -49,6 +59,15 @@ const tipVisible = shallowRef(false)
 /** 点击后暂时禁用 hover 弹出，移出触发区后恢复 */
 const tipSuppressed = shallowRef(false)
 
+const displayTitle = computed(() => props.app.title.slice(0, LABEL_MAX_LENGTH))
+
+/** labeled 且标题未截断、无描述时，tooltip 无额外信息 */
+const tipUnnecessary = computed(() => {
+  return !!props.labeled && props.app.title.length <= LABEL_MAX_LENGTH && !props.app.description
+})
+
+const tipDisabled = computed(() => tipSuppressed.value || tipUnnecessary.value)
+
 function handleClick() {
   tipSuppressed.value = true
   tipVisible.value = false

package/src/components/dual-nav/dual-nav.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="cls.b">
+  <div :class="[cls.b, railVariant === 'labeled' && cls.m('labeled')]">
     <div :class="cls.e('rail')">
       <DualNavApp
         v-for="app in menus"
@@ -7,6 +7,7 @@
         :app="app"
         :active="isAppActive(app)"
         :selected="isAppSelected(app)"
+        :labeled="railVariant === 'labeled'"
         @click="handleAppClick(app)"
       />
     </div>
@@ -72,7 +73,7 @@ import { findFirstLeaf, findRootApp } from './helper'
 
 defineOptions({ name: 'UDualNav' })
 
-const props = defineProps<DualNavProps>()
+const props = withDefaults(defineProps<DualNavProps>(), { railVariant: 'icon' })
 const emit = defineEmits<DualNavEmits>()
 
 const cls = bem('dual-nav')

package/src/components/dual-nav/style.scss

@@ -2,7 +2,9 @@
 @use 'pkg:@veltra/styles/functions' as fn;
 @use 'pkg:@veltra/styles/vars';
 
-@include m.b(dual-nav) {
+$root-name: dual-nav;
+
+@include m.b($root-name) {
   display: flex;
   height: 100%;
   min-height: 0;
@@ -21,6 +23,23 @@
     background-color: fn.use-var(bg-color, middle);
   }
 
+  @include m.m(labeled) {
+    @include m.bem($root-name, rail) {
+      width: var(--u-nav-rail-labeled-width);
+      padding: 8px 4px;
+      gap: 2px;
+    }
+
+    @include m.bem($root-name, app) {
+      aspect-ratio: auto;
+      max-width: none;
+      flex-direction: column;
+      gap: 2px;
+      padding: 6px 2px;
+      min-height: 0;
+    }
+  }
+
   @include m.e(divider) {
     flex-shrink: 0;
     width: 1px;
@@ -164,6 +183,16 @@
     line-height: 1;
   }
 
+  @include m.e(app-label) {
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: fn.use-var(font-size-assist, default);
+    line-height: 1.2;
+    text-align: center;
+  }
+
   @include m.e(app-tip) {
     display: flex;
     flex-direction: column;

package/src/components/group-nav/group-nav-item.vue

@@ -0,0 +1,32 @@
+<template>
+  <li
+    :class="[cls.e('item'), bem.is('active', active), bem.is('disabled', item.disabled ?? false)]"
+    @click="handleClick"
+  >
+    <NavIcon v-if="item.icon" :icon="item.icon" :class="cls.e('icon')" />
+
+    <span :class="cls.e('item-title')">
+      {{ item.title }}
+    </span>
+  </li>
+</template>
+
+<script setup lang="ts">
+import { bem } from '@veltra/utils'
+
+import type { NavItem } from '../../types/nav'
+import NavIcon from '../nav/nav-icon.vue'
+
+defineOptions({ name: 'UGroupNavItem' })
+
+const props = defineProps<{ item: NavItem; active: boolean }>()
+
+const emit = defineEmits<{ (e: 'click', item: NavItem): void }>()
+
+const cls = bem('group-nav')
+
+function handleClick() {
+  if (props.item.disabled) return
+  emit('click', props.item)
+}
+</script>

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

@@ -0,0 +1,36 @@
+<template>
+  <u-scroll tag="ul" :class="cls.b" :container-class="cls.e('container')">
+    <li v-for="(group, index) of groups" :key="group.title || index" :class="cls.e('group')">
+      <div :class="cls.e('group-label')">{{ group.title }}</div>
+      <ul :class="cls.e('group-list')">
+        <GroupNavItem
+          v-for="(child, childIndex) of group.children"
+          :key="child.path || childIndex"
+          :item="child"
+          :active="currentPath === child.path"
+          @click="handleItemClick"
+        />
+      </ul>
+    </li>
+  </u-scroll>
+</template>
+
+<script lang="ts" setup>
+import { bem } from '@veltra/utils'
+
+import type { GroupNavEmits, GroupNavProps } from '../../types/group-nav'
+import type { NavItem } from '../../types/nav'
+import { UScroll } from '../scroll'
+import GroupNavItem from './group-nav-item.vue'
+
+defineOptions({ name: 'UGroupNav' })
+
+defineProps<GroupNavProps>()
+const emit = defineEmits<GroupNavEmits>()
+
+const cls = bem('group-nav')
+
+function handleItemClick(item: NavItem) {
+  emit('item-click', item)
+}
+</script>

package/src/components/group-nav/index.ts

@@ -0,0 +1 @@
+export { default as UGroupNav } from './group-nav.vue'

package/src/components/group-nav/style.scss

@@ -0,0 +1,121 @@
+@use 'pkg:@veltra/styles/mixins' as m;
+@use 'pkg:@veltra/styles/functions' as fn;
+@use 'pkg:@veltra/styles/vars';
+
+@include m.b(group-nav) {
+  margin: 0;
+  padding: 0;
+  user-select: none;
+  color: var(--u-nav-color);
+  background-color: var(--u-nav-bg-color);
+  backdrop-filter: fn.use-var(bg-filter);
+  -webkit-backdrop-filter: fn.use-var(bg-filter);
+  background-image: var(--u-nav-bg-image);
+  background-size: cover;
+  background-repeat: no-repeat;
+  border: 1px solid fn.use-var(border, color);
+  border-radius: calc(fn.use-var(radius, large) + 6px);
+  box-shadow:
+    0 1px 2px rgba(15, 23, 42, 0.05),
+    0 12px 28px rgba(15, 23, 42, 0.08);
+
+  @include m.e(container) {
+    padding: 8px;
+  }
+
+  @include m.e(group, group-list, item) {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  // 组与组之间统一间距（仅 groups，无独立叶子）
+  @include m.e(group) {
+    & + & {
+      margin-top: 16px;
+    }
+  }
+
+  @include m.e(group-label) {
+    padding: 0 8px 6px;
+    font-size: fn.use-var(font-size-assist, default);
+    font-weight: 500;
+    line-height: 1.4;
+    letter-spacing: 0.02em;
+    color: fn.use-var(text-color, second);
+  }
+
+  @include m.e(group-list) {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+  }
+
+  @include m.e(item) {
+    width: 100%;
+    min-height: var(--u-nav-height-default);
+    margin: 0;
+    padding: 0 8px;
+    gap: 8px;
+    cursor: pointer;
+    color: inherit;
+    border-radius: calc(fn.use-var(radius, default) + 4px);
+    transition:
+      background-color 0.15s ease,
+      color 0.15s ease;
+
+    @include m.flex;
+
+    &:hover {
+      background-color: var(--u-nav-hover-bg);
+      color: var(--u-nav-hover-color);
+    }
+
+    @include m.is(active) {
+      position: relative;
+      background-color: var(--u-nav-active-bg);
+      color: var(--u-nav-active-color);
+
+      &::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 50%;
+        width: 3px;
+        height: 56%;
+        min-height: 10px;
+        border-radius: 9999px;
+        background-color: fn.use-var(color, primary);
+        transform: translateY(-50%);
+        pointer-events: none;
+      }
+    }
+
+    @include m.is(disabled) {
+      opacity: 0.55;
+      cursor: not-allowed;
+    }
+  }
+
+  @include m.e(icon) {
+    width: 16px;
+    height: 16px;
+    font-size: 16px;
+    flex-shrink: 0;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: calc(fn.use-var(radius, small) + 2px);
+    color: inherit;
+    object-fit: contain;
+  }
+
+  @include m.e(item-title) {
+    flex: 1;
+    min-width: 0;
+    font-size: fn.use-var(font-size-main, default);
+    font-weight: 500;
+    letter-spacing: 0.01em;
+    @include m.ellipsis;
+  }
+}

package/src/components/group-nav/style.ts

@@ -0,0 +1,3 @@
+import '../nav/style'
+import '../scroll/style'
+import './style.scss'

package/src/components/index.ts

@@ -112,6 +112,8 @@ export * from './nav'
 
 export * from './dual-nav'
 
+export * from './group-nav'
+
 export * from './grid-input'
 
 export * from './switch'

package/src/style.ts

@@ -38,6 +38,7 @@ import './components/layout/style'
 import './components/list/style'
 import './components/loading/style'
 import './components/dual-nav/style'
+import './components/group-nav/style'
 import './components/nav/style'
 import './components/message-confirm/style'
 import './components/message/style'