@veltra/desktop 1.2.3 → 1.2.5

package/dist/components/{menu → nav}/style2.css

@@ -15,14 +15,14 @@
 * --u-height-small: 24px;
 */
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
-.u-menu {
+.u-nav {
   user-select: none;
-  color: var(--u-menu-color);
+  color: var(--u-nav-color);
 }
-.u-menu__item, .u-menu__sub, .u-menu__sub-list {
+.u-nav__item, .u-nav__sub, .u-nav__sub-list {
   list-style: none;
 }
-.u-menu__item, .u-menu__sub-content {
+.u-nav__item, .u-nav__sub-content {
   width: 100%;
   cursor: pointer;
   gap: 8px;
@@ -35,22 +35,22 @@
   align-items: center;
   flex-wrap: nowrap;
 }
-.u-menu__item:hover, .u-menu__sub-content:hover {
-  background-color: var(--u-menu-hover-bg);
-  color: var(--u-menu-hover-color);
+.u-nav__item:hover, .u-nav__sub-content:hover {
+  background-color: var(--u-nav-hover-bg);
+  color: var(--u-nav-hover-color);
 }
-.u-menu__item.is-expanded, .u-menu__sub-content.is-expanded {
+.u-nav__item.is-expanded, .u-nav__sub-content.is-expanded {
   color: var(--u-text-color-title);
 }
-.u-menu__item.is-branch-active, .u-menu__sub-content.is-branch-active {
+.u-nav__item.is-branch-active, .u-nav__sub-content.is-branch-active {
   color: var(--u-text-color-title);
 }
-.u-menu__item.is-active, .u-menu__sub-content.is-active {
+.u-nav__item.is-active, .u-nav__sub-content.is-active {
   position: relative;
-  background-color: var(--u-menu-active-bg);
-  color: var(--u-menu-active-color);
+  background-color: var(--u-nav-active-bg);
+  color: var(--u-nav-active-color);
 }
-.u-menu__item.is-active::before, .u-menu__sub-content.is-active::before {
+.u-nav__item.is-active::before, .u-nav__sub-content.is-active::before {
   content: "";
   position: absolute;
   left: 0;
@@ -63,11 +63,11 @@
   transform: translateY(-50%);
   pointer-events: none;
 }
-.u-menu__item.is-disabled, .u-menu__sub-content.is-disabled {
+.u-nav__item.is-disabled {
   opacity: 0.55;
   cursor: not-allowed;
 }
-.u-menu__item-title, .u-menu__sub-title {
+.u-nav__item-title, .u-nav__sub-title {
   flex: 1;
   min-width: 0;
   font-weight: 500;
@@ -76,72 +76,72 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.u-menu .u-menu__item + .u-menu__item,
-.u-menu .u-menu__item + .u-menu__sub,
-.u-menu .u-menu__sub + .u-menu__item,
-.u-menu .u-menu__sub + .u-menu__sub {
+.u-nav .u-nav__item + .u-nav__item,
+.u-nav .u-nav__item + .u-nav__sub,
+.u-nav .u-nav__sub + .u-nav__item,
+.u-nav .u-nav__sub + .u-nav__sub {
   margin-top: 3px;
 }
-.u-menu--small {
+.u-nav--small {
   font-size: var(--u-font-size-main-small);
 }
-.u-menu--small .u-menu__item,
-.u-menu--small .u-menu__sub-content {
-  min-height: var(--u-menu-height-small);
+.u-nav--small .u-nav__item,
+.u-nav--small .u-nav__sub-content {
+  min-height: var(--u-nav-height-small);
   border-radius: calc(var(--u-radius-small) + 4px);
 }
-.u-menu--small .u-menu__icon {
+.u-nav--small .u-nav__icon {
   width: 16px;
   height: 16px;
   font-size: 16px;
 }
-.u-menu--small .u-menu__sub-expand,
-.u-menu--small .u-menu__icon {
+.u-nav--small .u-nav__sub-expand,
+.u-nav--small .u-nav__icon {
   flex-shrink: 0;
 }
-.u-menu--default {
+.u-nav--default {
   font-size: var(--u-font-size-main-default);
 }
-.u-menu--default .u-menu__item,
-.u-menu--default .u-menu__sub-content {
-  min-height: var(--u-menu-height-default);
+.u-nav--default .u-nav__item,
+.u-nav--default .u-nav__sub-content {
+  min-height: var(--u-nav-height-default);
   border-radius: calc(var(--u-radius-default) + 4px);
 }
-.u-menu--default .u-menu__icon {
+.u-nav--default .u-nav__icon {
   width: 16px;
   height: 16px;
   font-size: 16px;
 }
-.u-menu--default .u-menu__sub-expand,
-.u-menu--default .u-menu__icon {
+.u-nav--default .u-nav__sub-expand,
+.u-nav--default .u-nav__icon {
   flex-shrink: 0;
 }
-.u-menu--large {
+.u-nav--large {
   font-size: var(--u-font-size-main-large);
 }
-.u-menu--large .u-menu__item,
-.u-menu--large .u-menu__sub-content {
-  min-height: var(--u-menu-height-large);
+.u-nav--large .u-nav__item,
+.u-nav--large .u-nav__sub-content {
+  min-height: var(--u-nav-height-large);
   border-radius: calc(var(--u-radius-large) + 4px);
 }
-.u-menu--large .u-menu__icon {
+.u-nav--large .u-nav__icon {
   width: 16px;
   height: 16px;
   font-size: 16px;
 }
-.u-menu--large .u-menu__sub-expand,
-.u-menu--large .u-menu__icon {
+.u-nav--large .u-nav__sub-expand,
+.u-nav--large .u-nav__icon {
   flex-shrink: 0;
 }
 
-.u-collapsed-menu {
+.u-collapsed-nav {
   user-select: none;
-  color: var(--u-menu-color);
+  color: var(--u-nav-color);
 }
-.u-collapsed-menu__item, .u-collapsed-menu__sub, .u-collapsed-menu__sub-list {
+.u-collapsed-nav__item, .u-collapsed-nav__sub, .u-collapsed-nav__sub-list {
   list-style: none;
 }
-.u-collapsed-menu__item, .u-collapsed-menu__sub-content {
+.u-collapsed-nav__item, .u-collapsed-nav__sub-content {
   width: 100%;
   cursor: pointer;
   gap: 8px;
@@ -154,22 +154,22 @@
   align-items: center;
   flex-wrap: nowrap;
 }
-.u-collapsed-menu__item:hover, .u-collapsed-menu__sub-content:hover {
-  background-color: var(--u-menu-hover-bg);
-  color: var(--u-menu-hover-color);
+.u-collapsed-nav__item:hover, .u-collapsed-nav__sub-content:hover {
+  background-color: var(--u-nav-hover-bg);
+  color: var(--u-nav-hover-color);
 }
-.u-collapsed-menu__item.is-expanded, .u-collapsed-menu__sub-content.is-expanded {
+.u-collapsed-nav__item.is-expanded, .u-collapsed-nav__sub-content.is-expanded {
   color: var(--u-text-color-title);
 }
-.u-collapsed-menu__item.is-branch-active, .u-collapsed-menu__sub-content.is-branch-active {
+.u-collapsed-nav__item.is-branch-active, .u-collapsed-nav__sub-content.is-branch-active {
   color: var(--u-text-color-title);
 }
-.u-collapsed-menu__item.is-active, .u-collapsed-menu__sub-content.is-active {
+.u-collapsed-nav__item.is-active, .u-collapsed-nav__sub-content.is-active {
   position: relative;
-  background-color: var(--u-menu-active-bg);
-  color: var(--u-menu-active-color);
+  background-color: var(--u-nav-active-bg);
+  color: var(--u-nav-active-color);
 }
-.u-collapsed-menu__item.is-active::before, .u-collapsed-menu__sub-content.is-active::before {
+.u-collapsed-nav__item.is-active::before, .u-collapsed-nav__sub-content.is-active::before {
   content: "";
   position: absolute;
   left: 0;
@@ -182,11 +182,11 @@
   transform: translateY(-50%);
   pointer-events: none;
 }
-.u-collapsed-menu__item.is-disabled, .u-collapsed-menu__sub-content.is-disabled {
+.u-collapsed-nav__item.is-disabled {
   opacity: 0.55;
   cursor: not-allowed;
 }
-.u-collapsed-menu__item-title, .u-collapsed-menu__sub-title {
+.u-collapsed-nav__item-title, .u-collapsed-nav__sub-title {
   flex: 1;
   min-width: 0;
   font-weight: 500;
@@ -195,162 +195,162 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.u-collapsed-menu .u-collapsed-menu__item + .u-collapsed-menu__item,
-.u-collapsed-menu .u-collapsed-menu__item + .u-collapsed-menu__sub,
-.u-collapsed-menu .u-collapsed-menu__sub + .u-collapsed-menu__item,
-.u-collapsed-menu .u-collapsed-menu__sub + .u-collapsed-menu__sub {
+.u-collapsed-nav .u-collapsed-nav__item + .u-collapsed-nav__item,
+.u-collapsed-nav .u-collapsed-nav__item + .u-collapsed-nav__sub,
+.u-collapsed-nav .u-collapsed-nav__sub + .u-collapsed-nav__item,
+.u-collapsed-nav .u-collapsed-nav__sub + .u-collapsed-nav__sub {
   margin-top: 3px;
 }
-.u-collapsed-menu--small {
+.u-collapsed-nav--small {
   font-size: var(--u-font-size-main-small);
 }
-.u-collapsed-menu--small .u-collapsed-menu__item,
-.u-collapsed-menu--small .u-collapsed-menu__sub-content {
-  min-height: var(--u-menu-height-small);
+.u-collapsed-nav--small .u-collapsed-nav__item,
+.u-collapsed-nav--small .u-collapsed-nav__sub-content {
+  min-height: var(--u-nav-height-small);
   border-radius: calc(var(--u-radius-small) + 4px);
 }
-.u-collapsed-menu--small .u-collapsed-menu__icon {
+.u-collapsed-nav--small .u-collapsed-nav__icon {
   width: 16px;
   height: 16px;
   font-size: 16px;
 }
-.u-collapsed-menu--small .u-collapsed-menu__sub-expand,
-.u-collapsed-menu--small .u-collapsed-menu__icon {
+.u-collapsed-nav--small .u-collapsed-nav__sub-expand,
+.u-collapsed-nav--small .u-collapsed-nav__icon {
   flex-shrink: 0;
 }
-.u-collapsed-menu--default {
+.u-collapsed-nav--default {
   font-size: var(--u-font-size-main-default);
 }
-.u-collapsed-menu--default .u-collapsed-menu__item,
-.u-collapsed-menu--default .u-collapsed-menu__sub-content {
-  min-height: var(--u-menu-height-default);
+.u-collapsed-nav--default .u-collapsed-nav__item,
+.u-collapsed-nav--default .u-collapsed-nav__sub-content {
+  min-height: var(--u-nav-height-default);
   border-radius: calc(var(--u-radius-default) + 4px);
 }
-.u-collapsed-menu--default .u-collapsed-menu__icon {
+.u-collapsed-nav--default .u-collapsed-nav__icon {
   width: 16px;
   height: 16px;
   font-size: 16px;
 }
-.u-collapsed-menu--default .u-collapsed-menu__sub-expand,
-.u-collapsed-menu--default .u-collapsed-menu__icon {
+.u-collapsed-nav--default .u-collapsed-nav__sub-expand,
+.u-collapsed-nav--default .u-collapsed-nav__icon {
   flex-shrink: 0;
 }
-.u-collapsed-menu--large {
+.u-collapsed-nav--large {
   font-size: var(--u-font-size-main-large);
 }
-.u-collapsed-menu--large .u-collapsed-menu__item,
-.u-collapsed-menu--large .u-collapsed-menu__sub-content {
-  min-height: var(--u-menu-height-large);
+.u-collapsed-nav--large .u-collapsed-nav__item,
+.u-collapsed-nav--large .u-collapsed-nav__sub-content {
+  min-height: var(--u-nav-height-large);
   border-radius: calc(var(--u-radius-large) + 4px);
 }
-.u-collapsed-menu--large .u-collapsed-menu__icon {
+.u-collapsed-nav--large .u-collapsed-nav__icon {
   width: 16px;
   height: 16px;
   font-size: 16px;
 }
-.u-collapsed-menu--large .u-collapsed-menu__sub-expand,
-.u-collapsed-menu--large .u-collapsed-menu__icon {
+.u-collapsed-nav--large .u-collapsed-nav__sub-expand,
+.u-collapsed-nav--large .u-collapsed-nav__icon {
   flex-shrink: 0;
 }
 
-.u-menu {
+.u-nav {
   margin: 0;
   padding: 0;
-  background-color: var(--u-menu-bg-color);
+  background-color: var(--u-nav-bg-color);
   backdrop-filter: var(--u-bg-filter);
   -webkit-backdrop-filter: var(--u-bg-filter);
-  background-image: var(--u-menu-bg-image);
+  background-image: var(--u-nav-bg-image);
   background-size: cover;
   background-repeat: no-repeat;
   border: 1px solid var(--u-border-color);
   border-radius: calc(var(--u-radius-large) + 6px);
   box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 12px 28px rgba(15, 23, 42, 0.08);
 }
-.u-menu__container {
+.u-nav__container {
   padding: 8px;
 }
-.u-menu__sub-expand, .u-menu__icon {
+.u-nav__sub-expand, .u-nav__icon {
   color: var(--u-text-color-second);
   display: inline-flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
 }
-.u-menu__icon {
+.u-nav__icon {
   border-radius: calc(var(--u-radius-small) + 2px);
   color: inherit;
   object-fit: contain;
 }
-.u-menu__item {
+.u-nav__item {
   margin: 0;
 }
-.u-menu__sub {
+.u-nav__sub {
   margin: 0;
 }
-.u-menu__sub-list {
+.u-nav__sub-list {
   overflow: hidden;
   margin: 2px 0 0 12px;
   padding: 2px 0 2px 8px;
   border-left: 1px solid color-mix(in srgb, var(--u-border-color) 52%, transparent);
 }
 @supports selector(:has(*)) {
-  .u-menu__sub-list:has(.u-menu__item.is-active) {
+  .u-nav__sub-list:has(.u-nav__item.is-active) {
     border-left-color: var(--u-color-primary);
   }
 }
-.u-menu__sub-expand {
+.u-nav__sub-expand {
   transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1), color 0.18s ease;
 }
-.u-menu__sub-expand.is-expanded {
+.u-nav__sub-expand.is-expanded {
   transform: rotate(90deg);
   color: var(--u-text-color-title);
   transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.18s ease;
 }
 
-.u-collapsed-menu {
+.u-collapsed-nav {
   margin: 0;
   padding: 0;
 }
-.u-collapsed-menu__container {
+.u-collapsed-nav__container {
   padding: 6px;
 }
-.u-collapsed-menu__item, .u-collapsed-menu__sub-content {
+.u-collapsed-nav__item, .u-collapsed-nav__sub-content {
   width: 100%;
 }
-.u-collapsed-menu__item.is-first-level, .u-collapsed-menu__sub-content.is-first-level {
+.u-collapsed-nav__item.is-first-level, .u-collapsed-nav__sub-content.is-first-level {
   justify-content: center;
 }
-.u-collapsed-menu__item.is-first-level .u-collapsed-menu__icon, .u-collapsed-menu__sub-content.is-first-level .u-collapsed-menu__icon {
+.u-collapsed-nav__item.is-first-level .u-collapsed-nav__icon, .u-collapsed-nav__sub-content.is-first-level .u-collapsed-nav__icon {
   margin-right: 0;
 }
-.u-collapsed-menu__item {
+.u-collapsed-nav__item {
   margin: 0;
 }
-.u-collapsed-menu__icon {
+.u-collapsed-nav__icon {
   color: var(--u-text-color-second);
   object-fit: contain;
 }
-.u-collapsed-menu__item-title, .u-collapsed-menu__sub-title {
+.u-collapsed-nav__item-title, .u-collapsed-nav__sub-title {
   font-weight: 500;
 }
-.u-collapsed-menu__sub-list {
+.u-collapsed-nav__sub-list {
   margin: 0;
   max-height: min(320px, 60vh);
   padding: 0;
 }
-.u-collapsed-menu__panel {
+.u-collapsed-nav__panel {
   min-width: 240px;
   padding: 8px !important;
-  background-color: var(--u-menu-bg-color);
+  background-color: var(--u-nav-bg-color);
   backdrop-filter: var(--u-bg-filter);
   -webkit-backdrop-filter: var(--u-bg-filter);
   border: 1px solid var(--u-border-color);
   border-radius: calc(var(--u-radius-large) + 4px);
   box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.08);
 }
-.u-collapsed-menu__panel .u-tip__arrow {
+.u-collapsed-nav__panel .u-tip__arrow {
   display: none;
 }
-.u-collapsed-menu__panel .u-scroll__content {
+.u-collapsed-nav__panel .u-scroll__content {
   padding: 0;
 }

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

@@ -1,12 +1,12 @@
-import { MenuDIKey } from "./di.js";
+import { NavDIKey } from "./di.js";
 import { computed, inject, watch } from "vue";
 import { scrollIntoContainerView } from "@veltra/utils";
-//#region src/components/menu/use-menu-item.ts
-function useMenuItem(options) {
+//#region src/components/nav/use-nav-item.ts
+function useNavItem(options) {
 	const { itemProps, itemRef } = options;
-	const { cls, collapsedCls, menuProps, menuEmit } = inject(MenuDIKey);
+	const { cls, collapsedCls, navProps, navEmit } = inject(NavDIKey);
 	const active = computed(() => {
-		return menuProps.currentPath === itemProps.menu.path;
+		return navProps.currentPath === itemProps.item.path;
 	});
 	let changedByClick = false;
 	watch([active, itemRef], ([active, itemEl]) => {
@@ -17,19 +17,19 @@ function useMenuItem(options) {
 		if (!active || !itemEl) return;
 		scrollIntoContainerView(itemEl, null);
 	});
-	function handleClickMenu() {
-		if (itemProps.menu.disabled) return;
+	function handleClickItem() {
+		if (itemProps.item.disabled) return;
 		changedByClick = true;
-		menuEmit("item-click", itemProps.menu);
+		navEmit("item-click", itemProps.item);
 	}
 	return {
 		cls,
 		collapsedCls,
 		active,
-		handleClickMenu
+		handleClickItem
 	};
 }
 //#endregion
-export { useMenuItem };
+export { useNavItem };
 
-//# sourceMappingURL=use-menu-item.js.map
+//# sourceMappingURL=use-nav-item.js.map

package/dist/components/nav/use-nav-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-nav-item.js","names":[],"sources":["../../../src/components/nav/use-nav-item.ts"],"sourcesContent":["import { scrollIntoContainerView, type BEM } from '@veltra/utils'\nimport { computed, inject, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { NavItem } from '../../types'\nimport { NavDIKey } from './di'\n\ninterface Options {\n  itemProps: { item: NavItem; depth: number }\n  itemRef: ShallowRef<HTMLElement | null>\n}\n\ninterface UseNavItemReturned {\n  cls: BEM<'nav'>\n  collapsedCls: BEM<'collapsed-nav'>\n\n  active: ComputedRef<boolean>\n  handleClickItem: () => void\n}\n\nexport function useNavItem(options: Options): UseNavItemReturned {\n  const { itemProps, itemRef } = options\n  const { cls, collapsedCls, navProps, navEmit } = inject(NavDIKey)!\n\n  const active = computed(() => {\n    return navProps.currentPath === itemProps.item.path\n  })\n\n  let changedByClick = false\n  watch([active, itemRef], ([active, itemEl]) => {\n    if (changedByClick) {\n      changedByClick = false\n      return\n    }\n    if (!active || !itemEl) return\n    scrollIntoContainerView(itemEl, null)\n  })\n\n  function handleClickItem() {\n    if (itemProps.item.disabled) return\n    changedByClick = true\n    navEmit('item-click', itemProps.item)\n  }\n\n  return {\n    cls,\n    collapsedCls,\n\n    active,\n    handleClickItem\n  }\n}\n"],"mappings":";;;;AAmBA,SAAgB,WAAW,SAAsC;CAC/D,MAAM,EAAE,WAAW,YAAY;CAC/B,MAAM,EAAE,KAAK,cAAc,UAAU,YAAY,OAAO,QAAQ;CAEhE,MAAM,SAAS,eAAe;EAC5B,OAAO,SAAS,gBAAgB,UAAU,KAAK;CACjD,CAAC;CAED,IAAI,iBAAiB;CACrB,MAAM,CAAC,QAAQ,OAAO,IAAI,CAAC,QAAQ,YAAY;EAC7C,IAAI,gBAAgB;GAClB,iBAAiB;GACjB;EACF;EACA,IAAI,CAAC,UAAU,CAAC,QAAQ;EACxB,wBAAwB,QAAQ,IAAI;CACtC,CAAC;CAED,SAAS,kBAAkB;EACzB,IAAI,UAAU,KAAK,UAAU;EAC7B,iBAAiB;EACjB,QAAQ,cAAc,UAAU,IAAI;CACtC;CAEA,OAAO;EACL;EACA;EAEA;EACA;CACF;AACF"}

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

@@ -1,16 +1,16 @@
-//#region src/components/menu/walk-menu-path.ts
+//#region src/components/nav/walk-nav-path.ts
 /**
 * 深度优先 + 路径；回调返回 `false` 时剪枝当前节点子树（不中断兄弟）。
 * `@cat-kit/core` 的 `dfs` 在返回 `true` 时会终止整段遍历，语义不同，故保留此辅助。
 */
-function walkMenuWithPath(data, cb, childrenKey = "children", prefix = []) {
+function walkNavWithPath(data, cb, childrenKey = "children", prefix = []) {
 	const path = [...prefix, data];
 	if (cb(data, path) === false) return;
 	const raw = data[childrenKey];
 	if (!Array.isArray(raw)) return;
-	for (let i = 0; i < raw.length; i++) walkMenuWithPath(raw[i], cb, childrenKey, path);
+	for (let i = 0; i < raw.length; i++) walkNavWithPath(raw[i], cb, childrenKey, path);
 }
 //#endregion
-export { walkMenuWithPath };
+export { walkNavWithPath };
 
-//# sourceMappingURL=walk-menu-path.js.map
+//# sourceMappingURL=walk-nav-path.js.map

package/dist/components/nav/walk-nav-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"walk-nav-path.js","names":[],"sources":["../../../src/components/nav/walk-nav-path.ts"],"sourcesContent":["/**\n * 深度优先 + 路径；回调返回 `false` 时剪枝当前节点子树（不中断兄弟）。\n * `@cat-kit/core` 的 `dfs` 在返回 `true` 时会终止整段遍历，语义不同，故保留此辅助。\n */\nexport function walkNavWithPath<T extends Record<string, unknown>>(\n  data: T,\n  cb: (node: T, path: T[]) => void | false,\n  childrenKey = 'children',\n  prefix: T[] = []\n): void {\n  const path = [...prefix, data]\n  if (cb(data, path) === false) return\n  const raw = data[childrenKey]\n  if (!Array.isArray(raw)) return\n  for (let i = 0; i < raw.length; i++) {\n    walkNavWithPath(raw[i] as T, cb, childrenKey, path)\n  }\n}\n"],"mappings":";;;;;AAIA,SAAgB,gBACd,MACA,IACA,cAAc,YACd,SAAc,CAAC,GACT;CACN,MAAM,OAAO,CAAC,GAAG,QAAQ,IAAI;CAC7B,IAAI,GAAG,MAAM,IAAI,MAAM,OAAO;CAC9B,MAAM,MAAM,KAAK;CACjB,IAAI,CAAC,MAAM,QAAQ,GAAG,GAAG;CACzB,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,gBAAgB,IAAI,IAAS,IAAI,aAAa,IAAI;AAEtD"}

package/dist/components/number/number.vue.d.ts

@@ -1,8 +1,8 @@
 import { NumberProps } from "../../types/number.js";
 //#region src/components/number/number.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<NumberProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberProps> & Readonly<{}>, {
-  format: "currency" | "percent" | "decimal";
   duration: number;
+  format: "currency" | "percent" | "decimal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/pop-confirm/pop-confirm.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<PopConfirmProps, {}, {},
   onConfirm?: (() => any) | undefined;
   onCancel?: (() => any) | undefined;
 }>, {
-  direction: TipDirection;
   trigger: "hover" | "click";
+  direction: TipDirection;
   icon: import("vue").Component;
   iconColor: string;
   confirmText: string;

package/dist/components/select/style2.css

@@ -67,13 +67,13 @@
   white-space: nowrap;
 }
 .u-select__option:hover {
-  background-color: var(--u-menu-hover-bg);
-  color: var(--u-menu-hover-color);
+  background-color: var(--u-nav-hover-bg);
+  color: var(--u-nav-hover-color);
 }
 .u-select__option.is-selected {
   position: relative;
-  background-color: var(--u-menu-active-bg);
-  color: var(--u-menu-active-color);
+  background-color: var(--u-nav-active-bg);
+  color: var(--u-nav-active-color);
   font-weight: 600;
 }
 .u-select__option.is-selected::before {

package/dist/components/table/use-columns.js

@@ -83,18 +83,20 @@ function useColumns(options) {
 			...unfixed,
 			...fixedOnRight
 		];
-		const firstColumn = { ...sortedColumns[0] };
-		sortedColumns[0] = firstColumn;
-		if ((!!tree || expandable) && firstColumn) {
-			firstColumn.align = "left";
-			firstColumn.width = firstColumn.width ? firstColumn.width + 60 : void 0;
-			const oldNameRender = firstColumn.nameRender;
-			firstColumn.nameRender = oldNameRender ? (ctx) => {
-				const oldNodes = oldNameRender(ctx);
-				return [renderExpandAll(), ...Array.isArray(oldNodes) ? oldNodes : [oldNodes]];
-			} : () => {
-				return [renderExpandAll(), firstColumn.name];
-			};
+		if (sortedColumns.length > 0) {
+			const firstColumn = { ...sortedColumns[0] };
+			sortedColumns[0] = firstColumn;
+			if (tree || expandable) {
+				firstColumn.align = "left";
+				firstColumn.width = firstColumn.width ? firstColumn.width + 60 : void 0;
+				const oldNameRender = firstColumn.nameRender;
+				firstColumn.nameRender = oldNameRender ? (ctx) => {
+					const oldNodes = oldNameRender(ctx);
+					return [renderExpandAll(), ...Array.isArray(oldNodes) ? oldNodes : [oldNodes]];
+				} : () => {
+					return [renderExpandAll(), firstColumn.name];
+				};
+			}
 		}
 		columnForest.value = new Forest({
 			data: sortedColumns,

package/dist/components/table/use-columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-columns.js","names":["UButton","UIcon"],"sources":["../../../src/components/table/use-columns.ts"],"sourcesContent":["import { Forest, dfs, last } from '@cat-kit/core'\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { type BEM } from '@veltra/utils'\nimport { computed, createVNode, shallowRef, watch, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { TableColumn, TableProps } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { ColumnNode } from './node/col'\n\n/**\n * 定义表格列\n * @param columns 表格列\n */\nexport function defineTableColumns(\n  columns: TableColumn[],\n  commonProps?: Partial<Pick<TableColumn, 'align' | 'minWidth'>>\n): TableColumn[] {\n  columns.forEach((col) => {\n    dfs(col, (node) => {\n      for (const key in commonProps) {\n        if (node[key] !== undefined) continue\n        node[key] = commonProps[key]\n      }\n    })\n  })\n  return columns\n}\n\nexport interface ColumnConfig {\n  /** 表头 */\n  headers: ComputedRef<ColumnNode[][]>\n\n  /**\n   *  body列, 在body中使用\n   */\n  columns: ShallowRef<ColumnNode[]>\n\n  /** 所有叶子列 */\n  leafColumns: ShallowRef<ColumnNode[]>\n\n  /** 第一列 */\n  expandColumn: ShallowRef<ColumnNode | undefined>\n}\n\ninterface Options {\n  props: TableProps\n  cls: BEM<'table'>\n  /** 创建复选框 */\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n  toggleAllTreeRowExpand: () => void\n}\n\nexport function useColumns(options: Options): ColumnConfig {\n  const { props, createCheckColumn, createSelectColumn, toggleAllTreeRowExpand, cls } = options\n\n  /** 前置列 */\n  const preColumns = computed<TableColumn[]>(() => {\n    const { selectable, checkable, showIndex } = props\n\n    const columns: TableColumn[] = []\n\n    if (selectable) {\n      columns.push(createSelectColumn())\n    } else if (checkable) {\n      columns.push(createCheckColumn())\n    }\n    if (showIndex) {\n      columns.push({\n        key: '__index__',\n        name: '#',\n        resizable: false,\n        width: 60,\n        minWidth: 60,\n        align: 'center',\n        fixed: 'left',\n        render({ row }) {\n          return row.index + 1\n        }\n      })\n    }\n\n    return columns\n  })\n\n  const columnForest = shallowRef<Forest<TableColumn, any>>()\n\n  const renderExpandAll = () =>\n    createVNode(\n      UButton,\n      {\n        text: true,\n        title: '展开或收起全部',\n        class: cls.e('expand-all'),\n        type: 'primary',\n        size: 'small',\n        circle: true,\n        onClick: (e) => {\n          e.stopPropagation()\n          toggleAllTreeRowExpand()\n        }\n      },\n      () => [createVNode(UIcon, undefined, () => [createVNode(ArrowRight)])]\n    )\n\n  watch(\n    [preColumns, () => props.columns, () => props.tree, () => props.expandable],\n    ([preColumns, columns, tree, expandable]) => {\n      /** 固定到左侧的列 */\n      const fixedOnLeft: TableColumn[] = [...preColumns]\n      /** 未固定的列 */\n      const unfixed: TableColumn[] = []\n      /** 固定到右侧的列 */\n      const fixedOnRight: TableColumn[] = []\n\n      columns?.forEach((column) => {\n        if (!column.fixed || column.children) {\n          column.fixed = undefined\n          return unfixed.push(column)\n        }\n        if (column.fixed === 'left') {\n          fixedOnLeft.push(column)\n        } else {\n          fixedOnRight.push(column)\n        }\n      })\n\n      if (last(fixedOnLeft)) {\n        last(fixedOnLeft)!.isLastFixed = true\n      }\n      if (fixedOnRight[0]) {\n        fixedOnRight[0].isFirstFixed = true\n      }\n\n      const sortedColumns = [...fixedOnLeft, ...unfixed, ...fixedOnRight]\n      // 操作时避免改变原数据\n      const firstColumn = { ...sortedColumns[0] } as TableColumn\n      sortedColumns[0] = firstColumn\n\n      // 树形表格需要给第一列添加展开按钮\n      // 因此要重新设置第一列的宽度和对齐方式\n      if ((!!tree || expandable) && firstColumn) {\n        firstColumn.align = 'left'\n        firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined\n\n        const oldNameRender = firstColumn.nameRender\n\n        firstColumn.nameRender = oldNameRender\n          ? (ctx) => {\n              const oldNodes = oldNameRender!(ctx)\n              return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]\n            }\n          : () => {\n              return [renderExpandAll(), firstColumn.name]\n            }\n      }\n\n      const result = new Forest<TableColumn, any>({\n        data: sortedColumns,\n        createNode(data, index, depth, _f, parent) {\n          return new ColumnNode(data, index, depth, parent)\n        }\n      })\n\n      columnForest.value = result\n    },\n    { immediate: true }\n  )\n\n  const headers = computed(() => {\n    const headers: ColumnNode[][] = []\n    const forest = columnForest.value\n    if (!forest) return headers\n\n    // Forest.bfs 对每个根单独 BFS，按 depth 拼行会把后续根节点错放到深层，且根节点无 parent，\n    // 回溯 leafs 时会读到 undefined。这里从所有根一次性层序遍历，与多列表头布局一致。\n    const queue: ColumnNode[] = [...forest.roots]\n    while (queue.length > 0) {\n      const size = queue.length\n      const layer: ColumnNode[] = []\n      for (let i = 0; i < size; i++) {\n        const node = queue.shift()!\n        layer.push(node)\n        const ch = node.children\n        if (ch?.length) {\n          for (const c of ch) {\n            queue.push(c)\n          }\n        }\n      }\n      headers.push(layer)\n    }\n\n    // 从叶子节点开始回溯计算每个节点的累计叶子节点数量，叶子节点数量代表表头的宽度\n    for (let i = headers.length - 1; i > 0; i--) {\n      const header = headers[i]!\n\n      header.forEach((node) => {\n        const parent = node.parent\n        if (!parent) return\n        if (parent.leafs !== undefined) return\n        parent.leafs = parent.children!.reduce((sum, node) => {\n          return sum + (node.leafs ?? 1)\n        }, 0)\n      })\n    }\n\n    return headers\n  })\n\n  /** 除展开按钮之外的列 */\n  const columns = shallowRef<ColumnNode[]>([])\n\n  /** 所有叶子节点 */\n  const leafColumns = shallowRef<ColumnNode[]>([])\n\n  const expandColumn = shallowRef<ColumnNode>()\n\n  // 监听列的变化\n  watch(\n    [columnForest, () => props.tree, () => props.expandable],\n    ([forest, tree, expandable]) => {\n      const _columns: ColumnNode[] = []\n\n      forest?.dfs((node) => {\n        if (node.isLeaf) {\n          _columns.push(node)\n        }\n      })\n\n      leafColumns.value = _columns\n\n      if (tree || expandable) {\n        expandColumn.value = _columns[0]\n        columns.value = _columns.slice(1)\n      } else {\n        columns.value = _columns\n        expandColumn.value = undefined\n      }\n    },\n    { immediate: true }\n  )\n\n  return {\n    /** 第一列 */\n    expandColumn,\n    /** 所有列 */\n    leafColumns,\n    /** 列 */\n    columns,\n    /** 表格头的分层展示 */\n    headers\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-columns.js","names":["UButton","UIcon"],"sources":["../../../src/components/table/use-columns.ts"],"sourcesContent":["import { Forest, dfs, last } from '@cat-kit/core'\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { type BEM } from '@veltra/utils'\nimport { computed, createVNode, shallowRef, watch, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { TableColumn, TableProps } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { ColumnNode } from './node/col'\n\n/**\n * 定义表格列\n * @param columns 表格列\n */\nexport function defineTableColumns(\n  columns: TableColumn[],\n  commonProps?: Partial<Pick<TableColumn, 'align' | 'minWidth'>>\n): TableColumn[] {\n  columns.forEach((col) => {\n    dfs(col, (node) => {\n      for (const key in commonProps) {\n        if (node[key] !== undefined) continue\n        node[key] = commonProps[key]\n      }\n    })\n  })\n  return columns\n}\n\nexport interface ColumnConfig {\n  /** 表头 */\n  headers: ComputedRef<ColumnNode[][]>\n\n  /**\n   *  body列, 在body中使用\n   */\n  columns: ShallowRef<ColumnNode[]>\n\n  /** 所有叶子列 */\n  leafColumns: ShallowRef<ColumnNode[]>\n\n  /** 第一列 */\n  expandColumn: ShallowRef<ColumnNode | undefined>\n}\n\ninterface Options {\n  props: TableProps\n  cls: BEM<'table'>\n  /** 创建复选框 */\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n  toggleAllTreeRowExpand: () => void\n}\n\nexport function useColumns(options: Options): ColumnConfig {\n  const { props, createCheckColumn, createSelectColumn, toggleAllTreeRowExpand, cls } = options\n\n  /** 前置列 */\n  const preColumns = computed<TableColumn[]>(() => {\n    const { selectable, checkable, showIndex } = props\n\n    const columns: TableColumn[] = []\n\n    if (selectable) {\n      columns.push(createSelectColumn())\n    } else if (checkable) {\n      columns.push(createCheckColumn())\n    }\n    if (showIndex) {\n      columns.push({\n        key: '__index__',\n        name: '#',\n        resizable: false,\n        width: 60,\n        minWidth: 60,\n        align: 'center',\n        fixed: 'left',\n        render({ row }) {\n          return row.index + 1\n        }\n      })\n    }\n\n    return columns\n  })\n\n  const columnForest = shallowRef<Forest<TableColumn, any>>()\n\n  const renderExpandAll = () =>\n    createVNode(\n      UButton,\n      {\n        text: true,\n        title: '展开或收起全部',\n        class: cls.e('expand-all'),\n        type: 'primary',\n        size: 'small',\n        circle: true,\n        onClick: (e) => {\n          e.stopPropagation()\n          toggleAllTreeRowExpand()\n        }\n      },\n      () => [createVNode(UIcon, undefined, () => [createVNode(ArrowRight)])]\n    )\n\n  watch(\n    [preColumns, () => props.columns, () => props.tree, () => props.expandable],\n    ([preColumns, columns, tree, expandable]) => {\n      /** 固定到左侧的列 */\n      const fixedOnLeft: TableColumn[] = [...preColumns]\n      /** 未固定的列 */\n      const unfixed: TableColumn[] = []\n      /** 固定到右侧的列 */\n      const fixedOnRight: TableColumn[] = []\n\n      columns?.forEach((column) => {\n        if (!column.fixed || column.children) {\n          column.fixed = undefined\n          return unfixed.push(column)\n        }\n        if (column.fixed === 'left') {\n          fixedOnLeft.push(column)\n        } else {\n          fixedOnRight.push(column)\n        }\n      })\n\n      if (last(fixedOnLeft)) {\n        last(fixedOnLeft)!.isLastFixed = true\n      }\n      if (fixedOnRight[0]) {\n        fixedOnRight[0].isFirstFixed = true\n      }\n\n      const sortedColumns = [...fixedOnLeft, ...unfixed, ...fixedOnRight]\n\n      if (sortedColumns.length > 0) {\n        // 操作时避免改变原数据\n        const firstColumn = { ...sortedColumns[0] } as TableColumn\n        sortedColumns[0] = firstColumn\n\n        // 树形表格需要给第一列添加展开按钮\n        // 因此要重新设置第一列的宽度和对齐方式\n        if (tree || expandable) {\n          firstColumn.align = 'left'\n          firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined\n\n          const oldNameRender = firstColumn.nameRender\n\n          firstColumn.nameRender = oldNameRender\n            ? (ctx) => {\n                const oldNodes = oldNameRender!(ctx)\n                return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]\n              }\n            : () => {\n                return [renderExpandAll(), firstColumn.name]\n              }\n        }\n      }\n\n      const result = new Forest<TableColumn, any>({\n        data: sortedColumns,\n        createNode(data, index, depth, _f, parent) {\n          return new ColumnNode(data, index, depth, parent)\n        }\n      })\n\n      columnForest.value = result\n    },\n    { immediate: true }\n  )\n\n  const headers = computed(() => {\n    const headers: ColumnNode[][] = []\n    const forest = columnForest.value\n    if (!forest) return headers\n\n    // Forest.bfs 对每个根单独 BFS，按 depth 拼行会把后续根节点错放到深层，且根节点无 parent，\n    // 回溯 leafs 时会读到 undefined。这里从所有根一次性层序遍历，与多列表头布局一致。\n    const queue: ColumnNode[] = [...forest.roots]\n    while (queue.length > 0) {\n      const size = queue.length\n      const layer: ColumnNode[] = []\n      for (let i = 0; i < size; i++) {\n        const node = queue.shift()!\n        layer.push(node)\n        const ch = node.children\n        if (ch?.length) {\n          for (const c of ch) {\n            queue.push(c)\n          }\n        }\n      }\n      headers.push(layer)\n    }\n\n    // 从叶子节点开始回溯计算每个节点的累计叶子节点数量，叶子节点数量代表表头的宽度\n    for (let i = headers.length - 1; i > 0; i--) {\n      const header = headers[i]!\n\n      header.forEach((node) => {\n        const parent = node.parent\n        if (!parent) return\n        if (parent.leafs !== undefined) return\n        parent.leafs = parent.children!.reduce((sum, node) => {\n          return sum + (node.leafs ?? 1)\n        }, 0)\n      })\n    }\n\n    return headers\n  })\n\n  /** 除展开按钮之外的列 */\n  const columns = shallowRef<ColumnNode[]>([])\n\n  /** 所有叶子节点 */\n  const leafColumns = shallowRef<ColumnNode[]>([])\n\n  const expandColumn = shallowRef<ColumnNode>()\n\n  // 监听列的变化\n  watch(\n    [columnForest, () => props.tree, () => props.expandable],\n    ([forest, tree, expandable]) => {\n      const _columns: ColumnNode[] = []\n\n      forest?.dfs((node) => {\n        if (node.isLeaf) {\n          _columns.push(node)\n        }\n      })\n\n      leafColumns.value = _columns\n\n      if (tree || expandable) {\n        expandColumn.value = _columns[0]\n        columns.value = _columns.slice(1)\n      } else {\n        columns.value = _columns\n        expandColumn.value = undefined\n      }\n    },\n    { immediate: true }\n  )\n\n  return {\n    /** 第一列 */\n    expandColumn,\n    /** 所有列 */\n    leafColumns,\n    /** 列 */\n    columns,\n    /** 表格头的分层展示 */\n    headers\n  }\n}\n"],"mappings":"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"}

package/dist/components/tip/tip.vue.d.ts

@@ -9,10 +9,10 @@ declare const __VLS_base: import("vue").DefineComponent<TipProps, {}, {}, {}, {}
 }, string, import("vue").PublicProps, Readonly<TipProps> & Readonly<{
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
-  direction: TipDirection;
   trigger: "hover" | "click";
   contentTag: string;
   visible: boolean;
+  direction: TipDirection;
   content: string;
   alignment: TipAlign;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;