@veltra/desktop 1.2.4 → 1.2.6

package/dist/components/dual-nav/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./dual-nav.vue.js";

package/dist/components/dual-nav/style.js

@@ -0,0 +1,5 @@
+import "../icon/style.js";
+import "../tip/style.js";
+import "../nav/style.js";
+import "./style2.css";
+import "@veltra/directives/ripple/style.js";

package/dist/components/dual-nav/style2.css

@@ -0,0 +1,174 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-dual-nav {
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  background-color: var(--u-nav-bg-color);
+  border: 1px solid var(--u-border-color);
+  border-radius: calc(var(--u-radius-large) + 6px);
+  overflow: hidden;
+}
+.u-dual-nav__rail {
+  flex-shrink: 0;
+  width: var(--u-nav-rail-width);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 6px;
+  background-color: var(--u-bg-color-middle);
+}
+.u-dual-nav__divider {
+  flex-shrink: 0;
+  width: 1px;
+  background-color: var(--u-border-color);
+}
+.u-dual-nav__panel {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+.u-dual-nav__panel-header {
+  flex-shrink: 0;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 12px 12px 10px;
+  border-bottom: 1px solid var(--u-border-color);
+}
+.u-dual-nav__panel-header-main {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.u-dual-nav__panel-title {
+  margin: 0;
+  font-size: var(--u-font-size-default);
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--u-text-color-title);
+}
+.u-dual-nav__description {
+  margin: 0;
+  font-size: var(--u-font-size-assist-default);
+  line-height: 1.5;
+  color: var(--u-text-color-second);
+}
+.u-dual-nav__toggle-expand {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: var(--u-radius-default);
+  background: transparent;
+  color: var(--u-text-color-second);
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+.u-dual-nav__toggle-expand:hover {
+  background-color: var(--u-nav-hover-bg);
+  color: var(--u-nav-hover-color);
+}
+.u-dual-nav__panel-body {
+  flex: 1;
+  min-height: 0;
+}
+.u-dual-nav__panel-body .u-nav {
+  height: 100%;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+.u-dual-nav__app {
+  width: 100%;
+  aspect-ratio: 1;
+  max-width: calc(var(--u-nav-rail-width) - 12px);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  border-radius: calc(var(--u-radius-default) + 2px);
+  background: transparent;
+  color: var(--u-text-color-second);
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+.u-dual-nav__app:hover:not(:disabled) {
+  background-color: var(--u-nav-hover-bg);
+  color: var(--u-nav-hover-color);
+}
+.u-dual-nav__app.is-selected {
+  background-color: var(--u-nav-hover-bg);
+  color: var(--u-nav-hover-color);
+}
+.u-dual-nav__app.is-selected:hover:not(:disabled) {
+  background-color: var(--u-nav-hover-bg);
+  color: var(--u-nav-hover-color);
+}
+.u-dual-nav__app.is-active {
+  background-color: var(--u-nav-active-bg);
+  color: var(--u-nav-active-color);
+}
+.u-dual-nav__app.is-active:hover:not(:disabled) {
+  background-color: var(--u-nav-active-bg);
+  color: var(--u-nav-active-color);
+}
+.u-dual-nav__app.is-disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.u-dual-nav__app-icon {
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+  object-fit: contain;
+}
+.u-dual-nav__app-fallback {
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1;
+}
+.u-dual-nav__app-tip {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  max-width: 200px;
+}
+.u-dual-nav__app-tip-title {
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--u-text-color-title);
+}
+.u-dual-nav__app-tip-description {
+  margin: 0;
+  font-size: var(--u-font-size-assist-default);
+  line-height: 1.5;
+  color: var(--u-text-color-second);
+}

package/dist/components/index.d.ts

@@ -72,25 +72,26 @@ import { _default as _default$62 } from "./group-input/group-input.vue.js";
 import { _default as _default$63 } from "./list/list.vue.js";
 import { _default as _default$64 } from "./list/list-item.vue.js";
 import { _default as _default$65 } from "./rich-text-editor/rich-text-editor.vue.js";
-import { _default as _default$66 } from "./menu/menu.vue.js";
-import { _default as _default$67 } from "./menu/menu-sub.vue.js";
-import { _default as _default$68 } from "./menu/menu-item.vue.js";
-import { _default as _default$69 } from "./grid-input/grid-input.vue.js";
-import { _default as _default$70 } from "./switch/switch.vue.js";
-import { _default as _default$71 } from "./form-item/form-item.vue.js";
-import { _default as _default$72 } from "./radio-group/radio-group.vue.js";
-import { _default as _default$73 } from "./checkbox-group/checkbox-group.vue.js";
-import { _default as _default$74 } from "./file-viewer/file-viewer.vue.js";
-import { _default as _default$75 } from "./text/text.vue.js";
-import { _default as _default$76 } from "./select/select.vue.js";
-import { _default as _default$77 } from "./breadcrumb/breadcrumb.vue.js";
-import { _default as _default$78 } from "./icon/icon.vue.js";
-import { _default as _default$79 } from "./kbd/kbd.vue.js";
-import { _default as _default$80 } from "./pop-confirm/pop-confirm.vue.js";
-import { _default as _default$81 } from "./paginator/paginator.vue.js";
-import { _default as _default$82 } from "./tag/tag.vue.js";
-import { _default as _default$83 } from "./float-button/float-button.vue.js";
-import { _default as _default$84 } from "./palette/palette.vue.js";
-import { _default as _default$85 } from "./grid/grid.vue.js";
-import { _default as _default$86 } from "./grid/grid-item.vue.js";
-import { _default as _default$87 } from "./badge/badge.vue.js";
+import { _default as _default$66 } from "./nav/nav.vue.js";
+import { _default as _default$67 } from "./nav/nav-sub.vue.js";
+import { _default as _default$68 } from "./nav/nav-item.vue.js";
+import { _default as _default$69 } from "./dual-nav/dual-nav.vue.js";
+import { _default as _default$70 } from "./grid-input/grid-input.vue.js";
+import { _default as _default$71 } from "./switch/switch.vue.js";
+import { _default as _default$72 } from "./form-item/form-item.vue.js";
+import { _default as _default$73 } from "./radio-group/radio-group.vue.js";
+import { _default as _default$74 } from "./checkbox-group/checkbox-group.vue.js";
+import { _default as _default$75 } from "./file-viewer/file-viewer.vue.js";
+import { _default as _default$76 } from "./text/text.vue.js";
+import { _default as _default$77 } from "./select/select.vue.js";
+import { _default as _default$78 } from "./breadcrumb/breadcrumb.vue.js";
+import { _default as _default$79 } from "./icon/icon.vue.js";
+import { _default as _default$80 } from "./kbd/kbd.vue.js";
+import { _default as _default$81 } from "./pop-confirm/pop-confirm.vue.js";
+import { _default as _default$82 } from "./paginator/paginator.vue.js";
+import { _default as _default$83 } from "./tag/tag.vue.js";
+import { _default as _default$84 } from "./float-button/float-button.vue.js";
+import { _default as _default$85 } from "./palette/palette.vue.js";
+import { _default as _default$86 } from "./grid/grid.vue.js";
+import { _default as _default$87 } from "./grid/grid-item.vue.js";
+import { _default as _default$88 } from "./badge/badge.vue.js";

package/dist/components/index.js

@@ -82,19 +82,20 @@ import _sfc_main$66 from "./group-input/group-input.js";
 import _sfc_main$67 from "./list/list.js";
 import _sfc_main$68 from "./list/list-item.js";
 import _sfc_main$69 from "./rich-text-editor/rich-text-editor.js";
-import _sfc_main$70 from "./menu/menu-item.js";
-import _sfc_main$71 from "./menu/menu-sub.js";
-import _sfc_main$72 from "./menu/menu.js";
-import _sfc_main$73 from "./grid-input/grid-input.js";
-import _sfc_main$74 from "./switch/switch.js";
-import _sfc_main$75 from "./radio-group/radio-group.js";
-import _sfc_main$76 from "./checkbox-group/checkbox-group.js";
-import _sfc_main$77 from "./file-viewer/file-viewer.js";
-import _sfc_main$78 from "./text/text.js";
-import _sfc_main$79 from "./breadcrumb/breadcrumb.js";
-import _sfc_main$80 from "./paginator/paginator.js";
-import _sfc_main$81 from "./float-button/float-button.js";
-import _sfc_main$82 from "./badge/badge.js";
+import _sfc_main$70 from "./nav/nav-item.js";
+import _sfc_main$71 from "./nav/nav-sub.js";
+import _sfc_main$72 from "./nav/nav.js";
+import _sfc_main$73 from "./dual-nav/dual-nav.js";
+import _sfc_main$74 from "./grid-input/grid-input.js";
+import _sfc_main$75 from "./switch/switch.js";
+import _sfc_main$76 from "./radio-group/radio-group.js";
+import _sfc_main$77 from "./checkbox-group/checkbox-group.js";
+import _sfc_main$78 from "./file-viewer/file-viewer.js";
+import _sfc_main$79 from "./text/text.js";
+import _sfc_main$80 from "./breadcrumb/breadcrumb.js";
+import _sfc_main$81 from "./paginator/paginator.js";
+import _sfc_main$82 from "./float-button/float-button.js";
+import _sfc_main$83 from "./badge/badge.js";
 //#region src/components/index.ts
 var components_exports = /* @__PURE__ */ __exportAll({
 	MessageConfirm: () => MessageConfirm,
@@ -102,9 +103,9 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UAction: () => _sfc_main$57,
 	UActionGroup: () => action_group_default,
 	UAutoComplete: () => _sfc_main$31,
-	UBadge: () => _sfc_main$82,
+	UBadge: () => _sfc_main$83,
 	UBatchEdit: () => _sfc_main$58,
-	UBreadcrumb: () => _sfc_main$79,
+	UBreadcrumb: () => _sfc_main$80,
 	UButton: () => _sfc_main$17,
 	UButtonGroup: () => _sfc_main$18,
 	UCalendar: () => _sfc_main$20,
@@ -117,7 +118,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UCheckTag: () => _sfc_main$48,
 	UCheckbox: () => _sfc_main$10,
 	UCheckboxButton: () => _sfc_main$36,
-	UCheckboxGroup: () => _sfc_main$76,
+	UCheckboxGroup: () => _sfc_main$77,
 	UCodeEditor: () => _sfc_main$13,
 	UCollapse: () => _sfc_main$44,
 	UCollapseItem: () => _sfc_main$45,
@@ -129,16 +130,17 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UDialog: () => _sfc_main$52,
 	UDrawer: () => _sfc_main$14,
 	UDropdown: () => _sfc_main$4,
+	UDualNav: () => _sfc_main$73,
 	UEmpty: () => _sfc_main$1,
 	UExpressionEditor: () => _sfc_main$53,
 	UFilePicker: () => _sfc_main$41,
-	UFileViewer: () => _sfc_main$77,
-	UFloatButton: () => _sfc_main$81,
+	UFileViewer: () => _sfc_main$78,
+	UFloatButton: () => _sfc_main$82,
 	UForm: () => form_default,
 	UFormItem: () => form_item_default,
 	UGanttChart: () => _sfc_main$39,
 	UGrid: () => _sfc_main$15,
-	UGridInput: () => _sfc_main$73,
+	UGridInput: () => _sfc_main$74,
 	UGridItem: () => _sfc_main$16,
 	UGroupInput: () => _sfc_main$66,
 	UIcon: () => _sfc_main,
@@ -148,39 +150,39 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UList: () => _sfc_main$67,
 	UListItem: () => _sfc_main$68,
 	ULoading: () => _sfc_main$29,
-	UMenu: () => _sfc_main$72,
-	UMenuItem: () => _sfc_main$70,
-	UMenuSub: () => _sfc_main$71,
 	UMessage: () => _sfc_main$40,
 	UMessageConfirm: () => _sfc_main$19,
 	UMultiSelect: () => _sfc_main$37,
 	UMultiTreeSelect: () => _sfc_main$65,
+	UNav: () => _sfc_main$72,
+	UNavItem: () => _sfc_main$70,
+	UNavSub: () => _sfc_main$71,
 	UNodeRender: () => NodeRender,
 	UNotification: () => _sfc_main$33,
 	UNumber: () => _sfc_main$51,
 	UNumberInput: () => _sfc_main$42,
 	UNumberRangeInput: () => _sfc_main$43,
-	UPaginator: () => _sfc_main$80,
+	UPaginator: () => _sfc_main$81,
 	UPalette: () => _sfc_main$63,
 	UPasswordInput: () => _sfc_main$50,
 	UPopConfirm: () => _sfc_main$56,
 	UProgress: () => _sfc_main$32,
 	UProgressNodes: () => _sfc_main$30,
 	URadio: () => _sfc_main$21,
-	URadioGroup: () => _sfc_main$75,
+	URadioGroup: () => _sfc_main$76,
 	URichTextEditor: () => _sfc_main$69,
 	UScroll: () => _sfc_main$2,
 	USelect: () => _sfc_main$5,
 	USlider: () => _sfc_main$38,
 	USteps: () => _sfc_main$61,
-	USwitch: () => _sfc_main$74,
+	USwitch: () => _sfc_main$75,
 	UTable: () => _sfc_main$46,
 	UTableEditor: () => _sfc_main$47,
 	UTabs: () => _sfc_main$9,
 	UTabsHorizontal: () => _sfc_main$7,
 	UTabsVertical: () => _sfc_main$8,
 	UTag: () => _sfc_main$35,
-	UText: () => _sfc_main$78,
+	UText: () => _sfc_main$79,
 	UTextarea: () => _sfc_main$59,
 	UTheme: () => _sfc_main$64,
 	UTip: () => _sfc_main$3,

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './condition-editor'\n\nexport * from './tabs'\n\nexport * from './tree'\n\nexport * from './tree-select'\n\nexport * from './code-editor'\n\nexport * from './dropdown'\n\nexport * from './drawer'\n\nexport * from './form'\n\nexport * from './message-confirm'\n\nexport * from './calendar'\n\nexport * from './radio'\n\nexport * from './card'\n\nexport * from './date-range-picker'\n\nexport * from './loading'\n\nexport * from './scroll'\n\nexport * from './progress-nodes'\n\nexport * from './empty'\n\nexport * from './auto-complete'\n\nexport * from './progress'\n\nexport * from './input'\n\nexport * from './notification'\n\nexport * from './layout'\n\nexport * from './multi-select'\n\nexport * from './checkbox'\n\nexport * from './slider'\n\nexport * from './gantt-chart'\n\nexport * from './message'\n\nexport * from './file-picker'\n\nexport * from './number-range-input'\n\nexport * from './number-input'\n\nexport * from './collapse'\n\nexport * from './date-panel'\n\nexport * from './table-editor'\n\nexport * from './check-tag'\n\nexport * from './contextmenu'\n\nexport * from './password-input'\n\nexport * from './number'\n\nexport * from './dialog'\n\nexport * from './node-render'\n\nexport * from './expression-editor'\n\nexport * from './watermark'\n\nexport * from './batch-edit'\n\nexport * from './action'\n\nexport * from './tip'\n\nexport * from './textarea'\n\nexport * from './button'\n\nexport * from './cascade'\n\nexport * from './steps'\n\nexport * from './date-picker'\n\nexport * from './theme'\n\nexport * from './table'\n\nexport * from './multi-tree-select'\n\nexport * from './group-input'\n\nexport * from './list'\n\nexport * from './rich-text-editor'\n\nexport * from './menu'\n\nexport * from './grid-input'\n\nexport * from './switch'\n\nexport * from './form-item'\n\nexport * from './radio-group'\n\nexport * from './checkbox-group'\n\nexport * from './file-viewer'\n\nexport * from './text'\n\nexport * from './select'\n\nexport * from './breadcrumb'\n\nexport * from './icon'\n\nexport * from './kbd'\n\nexport * from './pop-confirm'\n\nexport * from './paginator'\n\nexport * from './tag'\n\nexport * from './float-button'\n\nexport * from './palette'\n\nexport * from './grid'\n\nexport * from './badge'\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './condition-editor'\n\nexport * from './tabs'\n\nexport * from './tree'\n\nexport * from './tree-select'\n\nexport * from './code-editor'\n\nexport * from './dropdown'\n\nexport * from './drawer'\n\nexport * from './form'\n\nexport * from './message-confirm'\n\nexport * from './calendar'\n\nexport * from './radio'\n\nexport * from './card'\n\nexport * from './date-range-picker'\n\nexport * from './loading'\n\nexport * from './scroll'\n\nexport * from './progress-nodes'\n\nexport * from './empty'\n\nexport * from './auto-complete'\n\nexport * from './progress'\n\nexport * from './input'\n\nexport * from './notification'\n\nexport * from './layout'\n\nexport * from './multi-select'\n\nexport * from './checkbox'\n\nexport * from './slider'\n\nexport * from './gantt-chart'\n\nexport * from './message'\n\nexport * from './file-picker'\n\nexport * from './number-range-input'\n\nexport * from './number-input'\n\nexport * from './collapse'\n\nexport * from './date-panel'\n\nexport * from './table-editor'\n\nexport * from './check-tag'\n\nexport * from './contextmenu'\n\nexport * from './password-input'\n\nexport * from './number'\n\nexport * from './dialog'\n\nexport * from './node-render'\n\nexport * from './expression-editor'\n\nexport * from './watermark'\n\nexport * from './batch-edit'\n\nexport * from './action'\n\nexport * from './tip'\n\nexport * from './textarea'\n\nexport * from './button'\n\nexport * from './cascade'\n\nexport * from './steps'\n\nexport * from './date-picker'\n\nexport * from './theme'\n\nexport * from './table'\n\nexport * from './multi-tree-select'\n\nexport * from './group-input'\n\nexport * from './list'\n\nexport * from './rich-text-editor'\n\nexport * from './nav'\n\nexport * from './dual-nav'\n\nexport * from './grid-input'\n\nexport * from './switch'\n\nexport * from './form-item'\n\nexport * from './radio-group'\n\nexport * from './checkbox-group'\n\nexport * from './file-viewer'\n\nexport * from './text'\n\nexport * from './select'\n\nexport * from './breadcrumb'\n\nexport * from './icon'\n\nexport * from './kbd'\n\nexport * from './pop-confirm'\n\nexport * from './paginator'\n\nexport * from './tag'\n\nexport * from './float-button'\n\nexport * from './palette'\n\nexport * from './grid'\n\nexport * from './badge'\n"],"mappings":""}

package/dist/components/loading/loading.js

@@ -5,7 +5,7 @@ import { bem, zIndex } from "@veltra/utils";
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "Loading",
 	__name: "loading",
-	props: { type: { default: "spinner" } },
+	props: { type: { default: "dual-ring" } },
 	setup(__props) {
 		const props = __props;
 		const { size } = useFallbackProps([props], { size: "default" });

package/dist/components/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","names":[],"sources":["../../../src/components/loading/loading.vue"],"sourcesContent":["<template>\n  <transition name=\"fade\" appear>\n    <div :class=\"className\" :style=\"{ zIndex: zIndex() }\">\n      <div :class=\"cls.e('loader')\"></div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { LoadingProps, ComponentSize } from '../../types'\n\ndefineOptions({ name: 'Loading' })\n\nconst props = withDefaults(defineProps<LoadingProps>(), { type: 'spinner' })\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('loading')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), cls.e(props.type)]\n})\n</script>\n"],"mappings":";;;;;;;;;EAiBA,MAAM,QAAQ;EAEd,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,SAAS;EAEzB,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,KAAK;IAAG,IAAI,EAAE,MAAM,IAAI;GAAC;EACrD,CAAC;;uBAxBC,YAIa,YAAA;IAJD,MAAK;IAAO,QAAA;;2BAGhB,CAFN,mBAEM,OAAA;KAFA,OAAK,eAAE,UAAA,KAAS;KAAG,OAAK,eAAA,EAAA,QAAY,MAAA,MAAA,EAAM,EAAA,CAAA;QAC9C,mBAAoC,OAAA,EAA9B,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"loading.js","names":[],"sources":["../../../src/components/loading/loading.vue"],"sourcesContent":["<template>\n  <transition name=\"fade\" appear>\n    <div :class=\"className\" :style=\"{ zIndex: zIndex() }\">\n      <div :class=\"cls.e('loader')\"></div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { LoadingProps, ComponentSize } from '../../types'\n\ndefineOptions({ name: 'Loading' })\n\nconst props = withDefaults(defineProps<LoadingProps>(), { type: 'dual-ring' })\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('loading')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), cls.e(props.type)]\n})\n</script>\n"],"mappings":";;;;;;;;;EAiBA,MAAM,QAAQ;EAEd,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,SAAS;EAEzB,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,KAAK;IAAG,IAAI,EAAE,MAAM,IAAI;GAAC;EACrD,CAAC;;uBAxBC,YAIa,YAAA;IAJD,MAAK;IAAO,QAAA;;2BAGhB,CAFN,mBAEM,OAAA;KAFA,OAAK,eAAE,UAAA,KAAS;KAAG,OAAK,eAAA,EAAA,QAAY,MAAA,MAAA,EAAM,EAAA,CAAA;QAC9C,mBAAoC,OAAA,EAA9B,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/loading/style2.css

@@ -20,7 +20,7 @@
   width: 100%;
   height: 100%;
   background-color: var(--u-bg-color-top-alpha);
-  color: var(--u-text-color-main);
+  color: var(--u-color-primary);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -29,77 +29,85 @@
 .u-loading__container {
   position: relative;
 }
-.u-loading__spinner .u-loading__loader {
-  width: 42px;
+.u-loading__dual-ring .u-loading__loader {
+  width: 36px;
   aspect-ratio: 1;
   border-radius: 50%;
-  background: conic-gradient(from 0deg, transparent 25%, currentColor 70%, transparent 100%);
-  mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 0);
-  animation: loading-spin 0.85s linear infinite;
+  border: 3px solid color-mix(in srgb, currentColor 22%, transparent);
+  border-top-color: currentColor;
+  position: relative;
+  animation: loading-spin 0.8s linear infinite;
+}
+.u-loading__dual-ring .u-loading__loader::after {
+  content: "";
+  position: absolute;
+  inset: 5px;
+  border-radius: 50%;
+  border: 2px solid color-mix(in srgb, currentColor 22%, transparent);
+  border-bottom-color: currentColor;
+  animation: loading-spin 1.2s linear infinite reverse;
 }
 .u-loading__dot .u-loading__loader {
-  width: 10px;
-  height: 10px;
+  width: 9px;
+  height: 9px;
   border-radius: 50%;
   background: currentColor;
   position: relative;
-  animation: loading-dot 1.4s ease-in-out infinite;
+  animation: loading-dot 1.2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
 }
 .u-loading__dot .u-loading__loader::before, .u-loading__dot .u-loading__loader::after {
   content: "";
   position: absolute;
   top: 0;
-  width: 10px;
-  height: 10px;
+  width: 9px;
+  height: 9px;
   border-radius: 50%;
   background: currentColor;
 }
 .u-loading__dot .u-loading__loader::before {
-  left: -20px;
-  animation: loading-dot 1.4s ease-in-out infinite;
-  animation-delay: 0.2s;
+  left: -16px;
+  animation: loading-dot 1.2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
+  animation-delay: 0.18s;
 }
 .u-loading__dot .u-loading__loader::after {
-  right: -20px;
-  animation: loading-dot 1.4s ease-in-out infinite;
-  animation-delay: 0.4s;
-}
-.u-loading__line .u-loading__loader {
-  width: 160px;
-  height: 3px;
-  border-radius: 1.5px;
-  background: var(--u-bg-color-hover);
-  overflow: hidden;
-  position: relative;
-}
-.u-loading__line .u-loading__loader::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(90deg, transparent 0%, currentColor 40%, currentColor 60%, transparent 100%);
-  animation: loading-shimmer 1.4s ease-in-out infinite;
+  right: -16px;
+  animation: loading-dot 1.2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
+  animation-delay: 0.36s;
 }
-.u-loading__classic .u-loading__loader {
-  width: 44px;
+.u-loading__ring .u-loading__loader {
+  width: 36px;
   aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid color-mix(in srgb, currentColor 22%, transparent);
+  border-top-color: currentColor;
+  animation: loading-spin 0.9s linear infinite;
+}
+.u-loading__bars .u-loading__loader {
+  width: 6px;
+  height: 26px;
+  background: currentColor;
+  border-radius: 3px;
   position: relative;
+  animation: loading-bars 1s ease-in-out infinite;
+  animation-delay: 0.15s;
 }
-.u-loading__classic .u-loading__loader::before, .u-loading__classic .u-loading__loader::after {
+.u-loading__bars .u-loading__loader::before, .u-loading__bars .u-loading__loader::after {
   content: "";
   position: absolute;
-  inset: 0;
-  border-radius: 50%;
-  border: 3px solid currentColor;
-  animation: loading-pulse 1.6s ease-out infinite;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 6px;
+  height: 26px;
+  background: currentColor;
+  border-radius: 3px;
+  animation: loading-bars 1s ease-in-out infinite;
 }
-.u-loading__classic .u-loading__loader::after {
-  animation-delay: 0.8s;
+.u-loading__bars .u-loading__loader::before {
+  left: -12px;
 }
-.u-loading__morph .u-loading__loader {
-  width: 34px;
-  aspect-ratio: 1;
-  background: currentColor;
-  animation: loading-morph 2.4s ease-in-out infinite;
+.u-loading__bars .u-loading__loader::after {
+  right: -12px;
+  animation-delay: 0.3s;
 }
 
 @keyframes loading-spin {
@@ -108,48 +116,20 @@
   }
 }
 @keyframes loading-dot {
-  0%, 80%, 100% {
-    transform: scale(0.4);
-    opacity: 0.25;
+  0%, 100% {
+    transform: scale(0.5);
+    opacity: 0.3;
   }
-  40% {
+  50% {
     transform: scale(1);
     opacity: 1;
   }
 }
-@keyframes loading-shimmer {
-  0% {
-    transform: translateX(-100%);
-  }
-  100% {
-    transform: translateX(100%);
-  }
-}
-@keyframes loading-pulse {
-  0% {
-    transform: scale(0.2);
-    opacity: 1;
-  }
-  100% {
-    transform: scale(1.35);
-    opacity: 0;
-  }
-}
-@keyframes loading-morph {
+@keyframes loading-bars {
   0%, 100% {
-    border-radius: 50%;
-    transform: rotate(0deg) scale(1);
-  }
-  25% {
-    border-radius: 8px;
-    transform: rotate(45deg) scale(0.7);
+    height: 10px;
   }
   50% {
-    border-radius: 2px;
-    transform: rotate(90deg) scale(1);
-  }
-  75% {
-    border-radius: 8px;
-    transform: rotate(135deg) scale(0.7);
+    height: 26px;
   }
 }

package/dist/components/nav/di.js

@@ -0,0 +1,7 @@
+import "@veltra/utils";
+//#region src/components/nav/di.ts
+const NavDIKey = Symbol("NavDIKey");
+//#endregion
+export { NavDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/nav/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/nav/di.ts"],"sourcesContent":["import { type BEM, ExpandTransition } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { NavProps, NavEmits } from '../../types'\nimport type { ComponentSize } from '../../types'\n\nexport interface NavContext {\n  cls: BEM<'nav', 'u-'>\n  collapsedCls: BEM<'collapsed-nav', 'u-'>\n  navProps: NavProps\n  navEmit: NavEmits\n  expandedPath: Set<string>\n  size: ComputedRef<ComponentSize>\n  expandTransition: ExpandTransition\n}\n\nexport const NavDIKey: InjectionKey<NavContext> = Symbol('NavDIKey')\n"],"mappings":";;AAgBA,MAAa,WAAqC,OAAO,UAAU"}

package/dist/components/nav/helper.js

@@ -0,0 +1,18 @@
+import { walkNavWithPath } from "./walk-nav-path.js";
+//#region src/components/nav/helper.ts
+function getKey(index, parentKey) {
+	return `${parentKey}-${index}`;
+}
+/** 收集导航树中所有含子级的节点 path */
+function collectNavBranchPaths(menus) {
+	const paths = [];
+	if (!menus?.length) return paths;
+	for (const menu of menus) walkNavWithPath(menu, (node) => {
+		if (node.children?.length) paths.push(node.path);
+	});
+	return paths;
+}
+//#endregion
+export { collectNavBranchPaths, getKey };
+
+//# sourceMappingURL=helper.js.map

package/dist/components/nav/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/nav/helper.ts"],"sourcesContent":["import type { NavItem } from '../../types'\nimport { walkNavWithPath } from './walk-nav-path'\n\nexport function getKey(index: number, parentKey: string): string {\n  return `${parentKey}-${index}`\n}\n\n/** 收集导航树中所有含子级的节点 path */\nexport function collectNavBranchPaths(menus?: NavItem[]): string[] {\n  const paths: string[] = []\n  if (!menus?.length) return paths\n\n  for (const menu of menus) {\n    walkNavWithPath(menu, (node) => {\n      if (node.children?.length) {\n        paths.push(node.path)\n      }\n    })\n  }\n\n  return paths\n}\n"],"mappings":";;AAGA,SAAgB,OAAO,OAAe,WAA2B;CAC/D,OAAO,GAAG,UAAU,GAAG;AACzB;;AAGA,SAAgB,sBAAsB,OAA6B;CACjE,MAAM,QAAkB,CAAC;CACzB,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,KAAK,MAAM,QAAQ,OACjB,gBAAgB,OAAO,SAAS;EAC9B,IAAI,KAAK,UAAU,QACjB,MAAM,KAAK,KAAK,IAAI;CAExB,CAAC;CAGH,OAAO;AACT"}

package/dist/components/nav/index.d.ts

@@ -0,0 +1,3 @@
+import { _default } from "./nav.vue.js";
+import { _default as _default$1 } from "./nav-sub.vue.js";
+import { _default as _default$2 } from "./nav-item.vue.js";

package/dist/components/{menu/menu-icon.js → nav/nav-icon.js}

@@ -1,10 +1,10 @@
 import _sfc_main$1 from "../icon/icon.js";
 import { createBlock, createElementBlock, defineComponent, openBlock, resolveDynamicComponent, unref, withCtx } from "vue";
-//#region src/components/menu/menu-icon.vue
+//#region src/components/nav/nav-icon.vue
 const _hoisted_1 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "MenuIcon",
-	__name: "menu-icon",
+	name: "NavIcon",
+	__name: "nav-icon",
 	props: { icon: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
@@ -22,4 +22,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 //#endregion
 export { _sfc_main as default };
 
-//# sourceMappingURL=menu-icon.js.map
+//# sourceMappingURL=nav-icon.js.map

package/dist/components/nav/nav-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.js","names":[],"sources":["../../../src/components/nav/nav-icon.vue"],"sourcesContent":["<template>\n  <u-icon v-if=\"typeof icon !== 'string'\">\n    <component :is=\"icon\" />\n  </u-icon>\n\n  <img :src=\"icon\" v-else alt=\"icon\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport type { DefineComponent } from 'vue'\n\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'NavIcon' })\n\ndefineProps<{ icon: string | DefineComponent }>()\n</script>\n"],"mappings":";;;;;;;;;;iBACuB,QAAA,SAAI,YAAA,UAAA,GAAzB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;2BADiB,EAAA,UAAA,GAAxB,YAAwB,wBAAR,QAAA,IAAI,CAAA,EAAA,CAAA;;uBAGtB,mBAAqC,OAAA;;IAA/B,KAAK,QAAA;IAAa,KAAI"}