@veltra/desktop 1.2.31 → 1.2.33

package/dist/components/action/action-group.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_Slots = {
   default?: () => VNode[];
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
-  type: import("@veltra/utils").ColorType;
   size: "small" | "default" | "large";
+  type: import("@veltra/utils").ColorType;
   text: boolean;
   max: number;
   circle: boolean;

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

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<ActionProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
-  type: ButtonType;
   size: import("@veltra/utils").ComponentSize;
+  type: ButtonType;
   text: boolean;
   circle: boolean;
   loading: boolean;

package/dist/components/auto-complete/auto-complete.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Auto
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
   placeholder: string;
   clearable: boolean;
   allowCustom: boolean;

package/dist/components/batch-edit/batch-edit.vue.d.ts

@@ -6,28 +6,28 @@ declare const __VLS_base: import("vue").DefineComponent<BatchEditProps, {}, {},
   "update:selected": (value: Record<string, any> | undefined) => any;
   "update:checked": (value: Record<string, any>[]) => any;
   "update:current": (row?: TableRow | undefined) => any;
-  "update:rows": (rows: TableRow[]) => any;
-  "update:forest": (rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any;
-  "cell-click": (row: TableRow, column: TableColumn, ev: MouseEvent) => any;
-  "row-click": (row: TableRow, ev: MouseEvent) => any;
   create: () => any;
   "update:data": (value: Record<string, any>[]) => any;
   "create-prev": (row: TableRow) => any;
   "create-next": (row: TableRow) => any;
   "create-child": (row: TableRow) => any;
+  "update:rows": (rows: TableRow[]) => any;
+  "update:forest": (rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any;
+  "cell-click": (row: TableRow, column: TableColumn, ev: MouseEvent) => any;
+  "row-click": (row: TableRow, ev: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<BatchEditProps> & Readonly<{
   "onUpdate:selected"?: ((value: Record<string, any> | undefined) => any) | undefined;
   "onUpdate:checked"?: ((value: Record<string, any>[]) => any) | undefined;
   "onUpdate:current"?: ((row?: TableRow | undefined) => any) | undefined;
-  "onUpdate:rows"?: ((rows: TableRow[]) => any) | undefined;
-  "onUpdate:forest"?: ((rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any) | undefined;
-  "onCell-click"?: ((row: TableRow, column: TableColumn, ev: MouseEvent) => any) | undefined;
-  "onRow-click"?: ((row: TableRow, ev: MouseEvent) => any) | undefined;
   onCreate?: (() => any) | undefined;
   "onUpdate:data"?: ((value: Record<string, any>[]) => any) | undefined;
   "onCreate-prev"?: ((row: TableRow) => any) | undefined;
   "onCreate-next"?: ((row: TableRow) => any) | undefined;
   "onCreate-child"?: ((row: TableRow) => any) | undefined;
+  "onUpdate:rows"?: ((rows: TableRow[]) => any) | undefined;
+  "onUpdate:forest"?: ((rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any) | undefined;
+  "onCell-click"?: ((row: TableRow, column: TableColumn, ev: MouseEvent) => any) | undefined;
+  "onRow-click"?: ((row: TableRow, ev: MouseEvent) => any) | undefined;
 }>, {
   cols: string | [string, string];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/batch-edit/use-handlers.js

@@ -125,7 +125,9 @@ function useHandlers(options) {
 	});
 	const handleDelete = runWithLoading(async (row) => {
 		const { deleteMethod } = props;
-		if (deleteMethod) await deleteMethod([row.data]);
+		if (deleteMethod) {
+			if (await deleteMethod([row.data]) === false) return;
+		}
 		const data = [...props.data ?? []];
 		const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value);
 		if (parent) {

package/dist/components/batch-edit/use-handlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-handlers.js","names":[],"sources":["../../../src/components/batch-edit/use-handlers.ts"],"sourcesContent":["import { last, o } from '@cat-kit/core'\nimport { computed, nextTick, type ShallowRef } from 'vue'\n\nimport type {\n  TableRow,\n  BatchEditEmits,\n  BatchEditProps,\n  BatchEditStates,\n  FormExposed\n} from '../../types'\n\n/** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n  roots: T[],\n  indexPath: number[],\n  childrenKey: string\n): T | undefined {\n  if (!indexPath.length) return undefined\n  let currentList: T[] | undefined = roots\n  let node: T | undefined\n  for (let i = 0; i < indexPath.length; i++) {\n    const idx = indexPath[i]!\n    if (!currentList) return undefined\n    node = currentList[idx]\n    if (node === undefined) return undefined\n    if (i < indexPath.length - 1) {\n      const next = node[childrenKey]\n      currentList = Array.isArray(next) ? (next as T[]) : undefined\n    }\n  }\n  return node\n}\n\ninterface Options {\n  props: BatchEditProps\n  emit: BatchEditEmits\n  state: BatchEditStates\n  formRef: ShallowRef<FormExposed | null>\n  resetState: () => void\n}\n\nexport interface EditReturned {\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => void\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => void\n  handleInsertToPrev: (row: TableRow) => void\n  handleInsertChild: (row: TableRow) => void\n}\n\nexport function useHandlers(options: Options): EditReturned {\n  const { props, emit, state, resetState, formRef } = options\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\n  })\n\n  function getInsertData(): Record<string, any> {\n    return o(props.model ?? {}).copy()\n  }\n\n  /**\n   * 插入数据\n   * @param item 数据\n   */\n  function insert(item: Record<string, any>) {\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data ?? [], state.indexPath.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(state.indexPath), 0, item)\n      }\n    } else {\n      data.splice(last(state.indexPath), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  function handleCreate() {\n    const { data } = props\n\n    resetState()\n\n    nextTick(() => {\n      state.formActionType = 'create'\n      state.formVisible = true\n      state.depth = 1\n      state.indexPath = [data?.length ?? 0]\n      emit('create')\n    })\n  }\n\n  function handleInsertToPrev(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.parentRow = row.parent\n    state.depth = row.depth\n    state.indexPath = [...row.indexes]\n    emit('create-prev', row)\n  }\n\n  function handleInsertToNext(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.parentRow = row.parent\n    state.depth = row.depth\n    state.indexPath = [...row.indexes.slice(0, -1), row.index + 1]\n    emit('create-next', row)\n  }\n\n  function handleInsertChild(row: TableRow) {\n    resetState()\n    state.formActionType = 'createChild'\n    state.formVisible = true\n    state.parentRow = row\n    state.depth = row.depth + 1\n    row.expanded = true\n    state.indexPath = [...row.indexes, row.children?.length ?? 0]\n    emit('create-child', row)\n  }\n\n  function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n    return async (...args: Arg) => {\n      state.loading = true\n      if (state.row) {\n        state.row.operating = true\n      }\n      try {\n        await fn.apply(null, args)\n      } catch (error) {\n        console.error(error)\n      }\n      state.loading = false\n      if (state.row) {\n        state.row.operating = false\n      }\n    }\n  }\n\n  /** 保存 */\n  const handleSave = runWithLoading(async () => {\n    const { model, saveMethod } = props\n    const valid = await formRef.value?.validate()\n    if (!model || !valid) return\n\n    let item = getInsertData()\n\n    // 新增\n    if (state.formActionType === 'create' || state.formActionType === 'createChild') {\n      await props.beforeCreate?.(item, state.parentRow?.data)\n      if (saveMethod) {\n        const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n        if (result) {\n          item = result\n        }\n      }\n      insert(item)\n\n      // 推进插入点，便于连续新增；并重置表单到初始默认值\n      const next = last(state.indexPath) + 1\n      state.indexPath = [...state.indexPath.slice(0, -1), next]\n      formRef.value?.reset()\n      return\n    }\n\n    // 普通模式下的编辑\n    if (saveMethod) {\n      const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n      if (result) {\n        item = result\n      }\n    }\n\n    const { row } = state\n    row &&\n      Object.keys(item).forEach((key) => {\n        o(row.data).set(key, o(item).get(key))\n      })\n  })\n\n  const handleDelete = runWithLoading(async (row: TableRow) => {\n    const { deleteMethod } = props\n\n    if (deleteMethod) {\n      await deleteMethod([row.data])\n    }\n\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (children) {\n        children.splice(row.index, 1)\n      } else {\n        console.error('行路径不正确')\n      }\n    } else {\n      data.splice(row.index, 1)\n    }\n\n    if (state.row === row) {\n      resetState()\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    resetState()\n  }\n\n  return {\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-handlers.js","names":[],"sources":["../../../src/components/batch-edit/use-handlers.ts"],"sourcesContent":["import { last, o } from '@cat-kit/core'\nimport { computed, nextTick, type ShallowRef } from 'vue'\n\nimport type {\n  TableRow,\n  BatchEditEmits,\n  BatchEditProps,\n  BatchEditStates,\n  FormExposed\n} from '../../types'\n\n/** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n  roots: T[],\n  indexPath: number[],\n  childrenKey: string\n): T | undefined {\n  if (!indexPath.length) return undefined\n  let currentList: T[] | undefined = roots\n  let node: T | undefined\n  for (let i = 0; i < indexPath.length; i++) {\n    const idx = indexPath[i]!\n    if (!currentList) return undefined\n    node = currentList[idx]\n    if (node === undefined) return undefined\n    if (i < indexPath.length - 1) {\n      const next = node[childrenKey]\n      currentList = Array.isArray(next) ? (next as T[]) : undefined\n    }\n  }\n  return node\n}\n\ninterface Options {\n  props: BatchEditProps\n  emit: BatchEditEmits\n  state: BatchEditStates\n  formRef: ShallowRef<FormExposed | null>\n  resetState: () => void\n}\n\nexport interface EditReturned {\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => void\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => void\n  handleInsertToPrev: (row: TableRow) => void\n  handleInsertChild: (row: TableRow) => void\n}\n\nexport function useHandlers(options: Options): EditReturned {\n  const { props, emit, state, resetState, formRef } = options\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\n  })\n\n  function getInsertData(): Record<string, any> {\n    return o(props.model ?? {}).copy()\n  }\n\n  /**\n   * 插入数据\n   * @param item 数据\n   */\n  function insert(item: Record<string, any>) {\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data ?? [], state.indexPath.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(state.indexPath), 0, item)\n      }\n    } else {\n      data.splice(last(state.indexPath), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  function handleCreate() {\n    const { data } = props\n\n    resetState()\n\n    nextTick(() => {\n      state.formActionType = 'create'\n      state.formVisible = true\n      state.depth = 1\n      state.indexPath = [data?.length ?? 0]\n      emit('create')\n    })\n  }\n\n  function handleInsertToPrev(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.parentRow = row.parent\n    state.depth = row.depth\n    state.indexPath = [...row.indexes]\n    emit('create-prev', row)\n  }\n\n  function handleInsertToNext(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.parentRow = row.parent\n    state.depth = row.depth\n    state.indexPath = [...row.indexes.slice(0, -1), row.index + 1]\n    emit('create-next', row)\n  }\n\n  function handleInsertChild(row: TableRow) {\n    resetState()\n    state.formActionType = 'createChild'\n    state.formVisible = true\n    state.parentRow = row\n    state.depth = row.depth + 1\n    row.expanded = true\n    state.indexPath = [...row.indexes, row.children?.length ?? 0]\n    emit('create-child', row)\n  }\n\n  function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n    return async (...args: Arg) => {\n      state.loading = true\n      if (state.row) {\n        state.row.operating = true\n      }\n      try {\n        await fn.apply(null, args)\n      } catch (error) {\n        console.error(error)\n      }\n      state.loading = false\n      if (state.row) {\n        state.row.operating = false\n      }\n    }\n  }\n\n  /** 保存 */\n  const handleSave = runWithLoading(async () => {\n    const { model, saveMethod } = props\n    const valid = await formRef.value?.validate()\n    if (!model || !valid) return\n\n    let item = getInsertData()\n\n    // 新增\n    if (state.formActionType === 'create' || state.formActionType === 'createChild') {\n      await props.beforeCreate?.(item, state.parentRow?.data)\n      if (saveMethod) {\n        const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n        if (result) {\n          item = result\n        }\n      }\n      insert(item)\n\n      // 推进插入点，便于连续新增；并重置表单到初始默认值\n      const next = last(state.indexPath) + 1\n      state.indexPath = [...state.indexPath.slice(0, -1), next]\n      formRef.value?.reset()\n      return\n    }\n\n    // 普通模式下的编辑\n    if (saveMethod) {\n      const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n      if (result) {\n        item = result\n      }\n    }\n\n    const { row } = state\n    row &&\n      Object.keys(item).forEach((key) => {\n        o(row.data).set(key, o(item).get(key))\n      })\n  })\n\n  const handleDelete = runWithLoading(async (row: TableRow) => {\n    const { deleteMethod } = props\n\n    if (deleteMethod) {\n      const result = await deleteMethod([row.data])\n      if (result === false) {\n        return\n      }\n    }\n\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (children) {\n        children.splice(row.index, 1)\n      } else {\n        console.error('行路径不正确')\n      }\n    } else {\n      data.splice(row.index, 1)\n    }\n\n    if (state.row === row) {\n      resetState()\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    resetState()\n  }\n\n  return {\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}

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

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {},
   onChange?: ((...args: [item?: Record<string, any> | undefined] | [items: Record<string, any>[]]) => any) | undefined;
   "onUpdate:label"?: ((label?: string | string[] | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
@@ -20,8 +20,8 @@ declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {},
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  visibilityLimit: number;
   separator: string;
+  visibilityLimit: number;
   showFullPath: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox/checkbox-button.vue.d.ts

@@ -17,9 +17,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
-  type: import("@veltra/utils").ColorType;
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
+  type: import("@veltra/utils").ColorType;
   round: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -18,8 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean, e: MouseEvent) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox-group/checkbox-group.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/code-editor/code-editor.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   onChange?: ((value: string) => any) | undefined;
   "onUpdate:lang"?: ((value: CodeEditorLang | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
   dark: boolean;
   defaultLines: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/code-editor/lang-loaders.js

@@ -5,7 +5,9 @@ const LANG_LOADERS = {
 	sql: () => import("../../node_modules/.bun/@codemirror_lang-sql@6.10.0/node_modules/@codemirror/lang-sql/dist/index.js").then((m) => m.sql()),
 	java: () => import("../../node_modules/.bun/@codemirror_lang-java@6.0.2/node_modules/@codemirror/lang-java/dist/index.js").then((m) => m.java()),
 	json: () => import("../../node_modules/.bun/@codemirror_lang-json@6.0.2/node_modules/@codemirror/lang-json/dist/index.js").then((m) => m.json()),
-	spel: () => import("./langs/spel/index.js").then((m) => m.spel())
+	spel: () => import("./langs/spel/index.js").then((m) => m.spel()),
+	bash: () => import("./langs/bash/index.js").then((m) => m.bash()),
+	powershell: () => import("./langs/powershell/index.js").then((m) => m.powershell())
 };
 /** 按需加载语言扩展；模块缓存由运行时保证，重复切换同一语言不会重复下载 */
 function loadLanguage(lang) {

package/dist/components/code-editor/lang-loaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"lang-loaders.js","names":[],"sources":["../../../src/components/code-editor/lang-loaders.ts"],"sourcesContent":["import type { Extension } from '@codemirror/state'\n\nimport type { CodeEditorLang } from '../../types'\n\n/** 语言包动态加载器，新增语言只需在此注册一条 */\nconst LANG_LOADERS: Record<CodeEditorLang, () => Promise<Extension>> = {\n  js: () => import('@codemirror/lang-javascript').then((m) => m.javascript({ typescript: true })),\n  sql: () => import('@codemirror/lang-sql').then((m) => m.sql()),\n  java: () => import('@codemirror/lang-java').then((m) => m.java()),\n  json: () => import('@codemirror/lang-json').then((m) => m.json()),\n  spel: () => import('./langs/spel').then((m) => m.spel())\n}\n\n/** 按需加载语言扩展；模块缓存由运行时保证，重复切换同一语言不会重复下载 */\nexport function loadLanguage(lang: CodeEditorLang): Promise<Extension> {\n  return LANG_LOADERS[lang]()\n}\n"],"mappings":";;AAKA,MAAM,eAAiE;CACrE,UAAU,OAAO,mHAA8B,CAAC,MAAM,MAAM,EAAE,WAAW,EAAE,YAAY,KAAK,CAAC,CAAC;CAC9F,WAAW,OAAO,sGAAuB,CAAC,MAAM,MAAM,EAAE,IAAI,CAAC;CAC7D,YAAY,OAAO,uGAAwB,CAAC,MAAM,MAAM,EAAE,KAAK,CAAC;CAChE,YAAY,OAAO,uGAAwB,CAAC,MAAM,MAAM,EAAE,KAAK,CAAC;CAChE,YAAY,OAAO,wBAAe,CAAC,MAAM,MAAM,EAAE,KAAK,CAAC;AACzD;;AAGA,SAAgB,aAAa,MAA0C;CACrE,OAAO,aAAa,KAAK,CAAC;AAC5B"}
+{"version":3,"file":"lang-loaders.js","names":[],"sources":["../../../src/components/code-editor/lang-loaders.ts"],"sourcesContent":["import type { Extension } from '@codemirror/state'\n\nimport type { CodeEditorLang } from '../../types'\n\n/** 语言包动态加载器，新增语言只需在此注册一条 */\nconst LANG_LOADERS: Record<CodeEditorLang, () => Promise<Extension>> = {\n  js: () => import('@codemirror/lang-javascript').then((m) => m.javascript({ typescript: true })),\n  sql: () => import('@codemirror/lang-sql').then((m) => m.sql()),\n  java: () => import('@codemirror/lang-java').then((m) => m.java()),\n  json: () => import('@codemirror/lang-json').then((m) => m.json()),\n  spel: () => import('./langs/spel').then((m) => m.spel()),\n  bash: () => import('./langs/bash').then((m) => m.bash()),\n  powershell: () => import('./langs/powershell').then((m) => m.powershell())\n}\n\n/** 按需加载语言扩展；模块缓存由运行时保证，重复切换同一语言不会重复下载 */\nexport function loadLanguage(lang: CodeEditorLang): Promise<Extension> {\n  return LANG_LOADERS[lang]()\n}\n"],"mappings":";;AAKA,MAAM,eAAiE;CACrE,UAAU,OAAO,mHAA8B,CAAC,MAAM,MAAM,EAAE,WAAW,EAAE,YAAY,KAAK,CAAC,CAAC;CAC9F,WAAW,OAAO,sGAAuB,CAAC,MAAM,MAAM,EAAE,IAAI,CAAC;CAC7D,YAAY,OAAO,uGAAwB,CAAC,MAAM,MAAM,EAAE,KAAK,CAAC;CAChE,YAAY,OAAO,uGAAwB,CAAC,MAAM,MAAM,EAAE,KAAK,CAAC;CAChE,YAAY,OAAO,wBAAe,CAAC,MAAM,MAAM,EAAE,KAAK,CAAC;CACvD,YAAY,OAAO,wBAAe,CAAC,MAAM,MAAM,EAAE,KAAK,CAAC;CACvD,kBAAkB,OAAO,8BAAqB,CAAC,MAAM,MAAM,EAAE,WAAW,CAAC;AAC3E;;AAGA,SAAgB,aAAa,MAA0C;CACrE,OAAO,aAAa,KAAK,CAAC;AAC5B"}

package/dist/components/code-editor/langs/bash/index.js

@@ -0,0 +1,11 @@
+import { LanguageSupport, StreamLanguage } from "../../../../node_modules/.bun/@codemirror_language@6.12.4/node_modules/@codemirror/language/dist/index.js";
+import { shell } from "../../../../node_modules/.bun/@codemirror_legacy-modes@6.5.3/node_modules/@codemirror/legacy-modes/mode/shell.js";
+//#region src/components/code-editor/langs/bash/index.ts
+/** Bash / shell 脚本语言支持（基于 CodeMirror legacy shell mode） */
+function bash() {
+	return new LanguageSupport(StreamLanguage.define(shell));
+}
+//#endregion
+export { bash };
+
+//# sourceMappingURL=index.js.map

package/dist/components/code-editor/langs/bash/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/code-editor/langs/bash/index.ts"],"sourcesContent":["import { LanguageSupport, StreamLanguage } from '@codemirror/language'\nimport { shell } from '@codemirror/legacy-modes/mode/shell'\n\n/** Bash / shell 脚本语言支持（基于 CodeMirror legacy shell mode） */\nexport function bash(): LanguageSupport {\n  return new LanguageSupport(StreamLanguage.define(shell))\n}\n"],"mappings":";;;;AAIA,SAAgB,OAAwB;CACtC,OAAO,IAAI,gBAAgB,eAAe,OAAO,KAAK,CAAC;AACzD"}

package/dist/components/code-editor/langs/powershell/index.js

@@ -0,0 +1,11 @@
+import { LanguageSupport, StreamLanguage } from "../../../../node_modules/.bun/@codemirror_language@6.12.4/node_modules/@codemirror/language/dist/index.js";
+import { powerShell } from "../../../../node_modules/.bun/@codemirror_legacy-modes@6.5.3/node_modules/@codemirror/legacy-modes/mode/powershell.js";
+//#region src/components/code-editor/langs/powershell/index.ts
+/** PowerShell 语言支持（基于 CodeMirror legacy powershell mode） */
+function powershell() {
+	return new LanguageSupport(StreamLanguage.define(powerShell));
+}
+//#endregion
+export { powershell };
+
+//# sourceMappingURL=index.js.map

package/dist/components/code-editor/langs/powershell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/code-editor/langs/powershell/index.ts"],"sourcesContent":["import { LanguageSupport, StreamLanguage } from '@codemirror/language'\nimport { powerShell } from '@codemirror/legacy-modes/mode/powershell'\n\n/** PowerShell 语言支持（基于 CodeMirror legacy powershell mode） */\nexport function powershell(): LanguageSupport {\n  return new LanguageSupport(StreamLanguage.define(powerShell))\n}\n"],"mappings":";;;;AAIA,SAAgB,aAA8B;CAC5C,OAAO,IAAI,gBAAgB,eAAe,OAAO,UAAU,CAAC;AAC9D"}

package/dist/components/date-panel/date-panel.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<DatePanelProps, {}, {}
   "onSelect:range-date"?: ((rangeDate?: [import("@cat-kit/core").Dater, import("@cat-kit/core").Dater] | undefined) => any) | undefined;
   "onSelect:date"?: ((date: import("@cat-kit/core").Dater) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
   size: import("@veltra/utils").ComponentSize;
+  type: "date" | "month" | "year";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -5,9 +5,9 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
+  type: "date" | "month" | "year";
   placeholder: string;
   clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -5,9 +5,9 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
 }, string, import("vue").PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
+  type: "date" | "month" | "year";
   placeholder: [string, string];
   clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,25 +1,35 @@
 import _sfc_main$1 from "../tip/tip.js";
 import _sfc_main$2 from "../nav/nav-icon.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, shallowRef, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, shallowRef, toDisplayString, unref, withCtx, withDirectives } from "vue";
 import { bem } from "@veltra/utils";
 import { vRipple } from "@veltra/directives";
 //#region src/components/dual-nav/dual-nav-app.vue
 const _hoisted_1 = ["disabled"];
+const LABEL_MAX_LENGTH = 4;
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UDualNavApp",
 	__name: "dual-nav-app",
 	props: {
 		app: {},
 		active: { type: Boolean },
-		selected: { type: Boolean }
+		selected: { type: Boolean },
+		labeled: { type: Boolean }
 	},
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
 		const cls = bem("dual-nav");
+		/** 左轨菜单名称最多展示字数 */
+		const props = __props;
 		const emit = __emit;
 		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;
@@ -34,7 +44,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => tipVisible.value = $event),
 				direction: "right",
 				"hide-arrow": "",
-				disabled: tipSuppressed.value
+				disabled: tipDisabled.value
 			}, {
 				content: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cls).e("app-tip")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("app-tip-title")) }, toDisplayString(__props.app.title), 3), __props.app.description ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -58,7 +68,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				}, null, 8, ["icon", "class"])) : (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(unref(cls).e("app-fallback"))
-				}, toDisplayString(__props.app.title[0]), 3))], 42, _hoisted_1)), [[unref(vRipple), !__props.app.disabled]])]),
+				}, toDisplayString(__props.app.title[0]), 3)), __props.labeled ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(unref(cls).e("app-label"))
+				}, toDisplayString(displayTitle.value), 3)) : createCommentVNode("v-if", true)], 42, _hoisted_1)), [[unref(vRipple), !__props.app.disabled]])]),
 				_: 1
 			}, 8, ["visible", "disabled"]);
 		};

package/dist/components/dual-nav/dual-nav-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"dual-nav-app.js","names":[],"sources":["../../../src/components/dual-nav/dual-nav-app.vue"],"sourcesContent":["<template>\n  <u-tip v-model:visible=\"tipVisible\" direction=\"right\" hide-arrow :disabled=\"tipSuppressed\">\n    <button\n      type=\"button\"\n      v-ripple=\"!app.disabled\"\n      :class=\"[\n        cls.e('app'),\n        bem.is('active', active),\n        bem.is('selected', selected),\n        bem.is('disabled', app.disabled ?? false)\n      ]\"\n      :disabled=\"app.disabled\"\n      @click=\"handleClick\"\n      @mouseleave=\"handleMouseleave\"\n    >\n      <UNavIcon v-if=\"app.icon\" :icon=\"app.icon\" :class=\"cls.e('app-icon')\" />\n      <span v-else :class=\"cls.e('app-fallback')\">{{ app.title[0] }}</span>\n    </button>\n\n    <template #content>\n      <div :class=\"cls.e('app-tip')\">\n        <div :class=\"cls.e('app-tip-title')\">{{ app.title }}</div>\n        <p v-if=\"app.description\" :class=\"cls.e('app-tip-description')\">\n          {{ app.description }}\n        </p>\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script setup lang=\"ts\">\nimport { vRipple } from '@veltra/directives'\nimport { bem } from '@veltra/utils'\nimport { shallowRef } from 'vue'\n\nimport type { DualNavRootItem } from '../../types'\nimport UNavIcon from '../nav/nav-icon.vue'\nimport { UTip } from '../tip'\n\ndefineOptions({ name: 'UDualNavApp' })\n\nconst cls = bem('dual-nav')\n\ndefineProps<{ app: DualNavRootItem; active: boolean; selected: boolean }>()\n\nconst emit = defineEmits<{ click: [] }>()\n\nconst tipVisible = shallowRef(false)\n/** 点击后暂时禁用 hover 弹出，移出触发区后恢复 */\nconst tipSuppressed = shallowRef(false)\n\nfunction handleClick() {\n  tipSuppressed.value = true\n  tipVisible.value = false\n  emit('click')\n}\n\nfunction handleMouseleave() {\n  tipSuppressed.value = false\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAyCA,MAAM,MAAM,IAAI,UAAU;EAI1B,MAAM,OAAO;EAEb,MAAM,aAAa,WAAW,KAAK;;EAEnC,MAAM,gBAAgB,WAAW,KAAK;EAEtC,SAAS,cAAc;GACrB,cAAc,QAAQ;GACtB,WAAW,QAAQ;GACnB,KAAK,OAAO;EACd;EAEA,SAAS,mBAAmB;GAC1B,cAAc,QAAQ;EACxB;;uBA1DE,YA0BQ,MAAA,WAAA,GAAA;IA1BO,SAAS,WAAA;8DAAA,WAAU,QAAA;IAAE,WAAU;IAAQ,cAAA;IAAY,UAAU,cAAA;;IAkB/D,SAAO,cAMV,CALN,mBAKM,OAAA,EALA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA,EAAA,GAAA,CAChB,mBAA0D,OAAA,EAApD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,eAAA,CAAA,EAAA,GAAA,gBAAsB,QAAA,IAAI,KAAK,GAAA,CAAA,GACxC,QAAA,IAAI,eAAA,UAAA,GAAb,mBAEI,KAAA;;KAFuB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,qBAAA,CAAA;uBAClC,QAAA,IAAI,WAAW,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BANf,CAAA,gBAAA,UAAA,GAfT,mBAeS,UAAA;KAdP,MAAK;KAEJ,OAAK,eAAA;MAAY,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA;MAAiB,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,QAAA,MAAM;MAAW,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,QAAA,QAAQ;MAAW,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,QAAA,IAAI,YAAQ,KAAA;;KAM9I,UAAU,QAAA,IAAI;KACd,SAAO;KACP,cAAY;QAEG,QAAA,IAAI,QAAA,UAAA,GAApB,YAAwE,aAAA;;KAA7C,MAAM,QAAA,IAAI;KAAO,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,UAAA,CAAA;oDACxD,mBAAqE,QAAA;;KAAvD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA;uBAAqB,QAAA,IAAI,MAAK,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,UAAA,IAAA,CAAA,CAAA,MAAA,OAAA,GAAA,CAZ7C,QAAA,IAAI,QAAQ,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"dual-nav-app.js","names":[],"sources":["../../../src/components/dual-nav/dual-nav-app.vue"],"sourcesContent":["<template>\n  <u-tip v-model:visible=\"tipVisible\" direction=\"right\" hide-arrow :disabled=\"tipDisabled\">\n    <button\n      type=\"button\"\n      v-ripple=\"!app.disabled\"\n      :class=\"[\n        cls.e('app'),\n        bem.is('active', active),\n        bem.is('selected', selected),\n        bem.is('disabled', app.disabled ?? false)\n      ]\"\n      :disabled=\"app.disabled\"\n      @click=\"handleClick\"\n      @mouseleave=\"handleMouseleave\"\n    >\n      <UNavIcon v-if=\"app.icon\" :icon=\"app.icon\" :class=\"cls.e('app-icon')\" />\n      <span v-else :class=\"cls.e('app-fallback')\">{{ app.title[0] }}</span>\n      <span v-if=\"labeled\" :class=\"cls.e('app-label')\">{{ displayTitle }}</span>\n    </button>\n\n    <template #content>\n      <div :class=\"cls.e('app-tip')\">\n        <div :class=\"cls.e('app-tip-title')\">{{ app.title }}</div>\n        <p v-if=\"app.description\" :class=\"cls.e('app-tip-description')\">\n          {{ app.description }}\n        </p>\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script setup lang=\"ts\">\nimport { vRipple } from '@veltra/directives'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef } from 'vue'\n\nimport type { DualNavRootItem } from '../../types'\nimport UNavIcon from '../nav/nav-icon.vue'\nimport { UTip } from '../tip'\n\ndefineOptions({ name: 'UDualNavApp' })\n\nconst cls = bem('dual-nav')\n\n/** 左轨菜单名称最多展示字数 */\nconst LABEL_MAX_LENGTH = 4\n\nconst props = defineProps<{\n  app: DualNavRootItem\n  active: boolean\n  selected: boolean\n  /** 是否在图标下方显示菜单名称 */\n  labeled?: boolean\n}>()\n\nconst emit = defineEmits<{ click: [] }>()\n\nconst tipVisible = shallowRef(false)\n/** 点击后暂时禁用 hover 弹出，移出触发区后恢复 */\nconst tipSuppressed = shallowRef(false)\n\nconst displayTitle = computed(() => props.app.title.slice(0, LABEL_MAX_LENGTH))\n\n/** labeled 且标题未截断、无描述时，tooltip 无额外信息 */\nconst tipUnnecessary = computed(() => {\n  return !!props.labeled && props.app.title.length <= LABEL_MAX_LENGTH && !props.app.description\n})\n\nconst tipDisabled = computed(() => tipSuppressed.value || tipUnnecessary.value)\n\nfunction handleClick() {\n  tipSuppressed.value = true\n  tipVisible.value = false\n  emit('click')\n}\n\nfunction handleMouseleave() {\n  tipSuppressed.value = false\n}\n</script>\n"],"mappings":";;;;;;;AA6CA,MAAM,mBAAmB;;;;;;;;;;;;EAHzB,MAAM,MAAM,IAAI,UAAU;;EAK1B,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,aAAa,WAAW,KAAK;;EAEnC,MAAM,gBAAgB,WAAW,KAAK;EAEtC,MAAM,eAAe,eAAe,MAAM,IAAI,MAAM,MAAM,GAAG,gBAAgB,CAAC;;EAG9E,MAAM,iBAAiB,eAAe;GACpC,OAAO,CAAC,CAAC,MAAM,WAAW,MAAM,IAAI,MAAM,UAAU,oBAAoB,CAAC,MAAM,IAAI;EACrF,CAAC;EAED,MAAM,cAAc,eAAe,cAAc,SAAS,eAAe,KAAK;EAE9E,SAAS,cAAc;GACrB,cAAc,QAAQ;GACtB,WAAW,QAAQ;GACnB,KAAK,OAAO;EACd;EAEA,SAAS,mBAAmB;GAC1B,cAAc,QAAQ;EACxB;;uBA7EE,YA2BQ,MAAA,WAAA,GAAA;IA3BO,SAAS,WAAA;8DAAA,WAAU,QAAA;IAAE,WAAU;IAAQ,cAAA;IAAY,UAAU,YAAA;;IAmB/D,SAAO,cAMV,CALN,mBAKM,OAAA,EALA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA,EAAA,GAAA,CAChB,mBAA0D,OAAA,EAApD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,eAAA,CAAA,EAAA,GAAA,gBAAsB,QAAA,IAAI,KAAK,GAAA,CAAA,GACxC,QAAA,IAAI,eAAA,UAAA,GAAb,mBAEI,KAAA;;KAFuB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,qBAAA,CAAA;uBAClC,QAAA,IAAI,WAAW,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BANf,CAAA,gBAAA,UAAA,GAhBT,mBAgBS,UAAA;KAfP,MAAK;KAEJ,OAAK,eAAA;MAAY,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA;MAAiB,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,QAAA,MAAM;MAAW,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,QAAA,QAAQ;MAAW,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,QAAA,IAAI,YAAQ,KAAA;;KAM9I,UAAU,QAAA,IAAI;KACd,SAAO;KACP,cAAY;QAEG,QAAA,IAAI,QAAA,UAAA,GAApB,YAAwE,aAAA;;KAA7C,MAAM,QAAA,IAAI;KAAO,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,UAAA,CAAA;oDACxD,mBAAqE,QAAA;;KAAvD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA;uBAAqB,QAAA,IAAI,MAAK,EAAA,GAAA,CAAA,IAC5C,QAAA,WAAA,UAAA,GAAZ,mBAA0E,QAAA;;KAApD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,WAAA,CAAA;uBAAkB,aAAA,KAAY,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,IAAA,UAAA,IAAA,CAAA,CAAA,MAAA,OAAA,GAAA,CAbrD,QAAA,IAAI,QAAQ,CAAA,CAAA,CAAA,CAAA"}

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

@@ -14,7 +14,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "dual-nav",
 	props: {
 		currentPath: {},
-		menus: {}
+		menus: {},
+		railVariant: { default: "icon" }
 	},
 	emits: ["item-click"],
 	setup(__props, { emit: __emit }) {
@@ -76,18 +77,20 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			allExpanded.value = true;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).b) }, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(cls).b, __props.railVariant === "labeled" && unref(cls).m("labeled")]) }, [
 				createElementVNode("div", { class: normalizeClass(unref(cls).e("rail")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (app) => {
 					return openBlock(), createBlock(_sfc_main$4, {
 						key: app.path,
 						app,
 						active: isAppActive(app),
 						selected: isAppSelected(app),
+						labeled: __props.railVariant === "labeled",
 						onClick: ($event) => handleAppClick(app)
 					}, null, 8, [
 						"app",
 						"active",
 						"selected",
+						"labeled",
 						"onClick"
 					]);
 				}), 128))], 2),

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

@@ -1 +1 @@
-{"version":3,"file":"dual-nav.js","names":[],"sources":["../../../src/components/dual-nav/dual-nav.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <div :class=\"cls.e('rail')\">\n      <DualNavApp\n        v-for=\"app in menus\"\n        :key=\"app.path\"\n        :app=\"app\"\n        :active=\"isAppActive(app)\"\n        :selected=\"isAppSelected(app)\"\n        @click=\"handleAppClick(app)\"\n      />\n    </div>\n\n    <!-- <div :class=\"cls.e('divider')\" aria-hidden=\"true\" /> -->\n\n    <div :class=\"cls.e('panel')\">\n      <template v-if=\"panelApp\">\n        <div :class=\"cls.e('panel-header')\">\n          <div :class=\"cls.e('panel-header-main')\">\n            <h3 :class=\"cls.e('panel-title')\">{{ panelApp.title }}</h3>\n            <p v-if=\"panelApp.description\" :class=\"cls.e('description')\">\n              {{ panelApp.description }}\n            </p>\n          </div>\n\n          <u-tip\n            v-if=\"hasExpandableMenus\"\n            :content=\"allExpanded ? '折叠全部' : '展开全部'\"\n            hide-arrow\n          >\n            <button\n              type=\"button\"\n              :class=\"cls.e('toggle-expand')\"\n              :aria-label=\"allExpanded ? '折叠全部' : '展开全部'\"\n              @click=\"handleToggleExpandAll\"\n            >\n              <u-icon>\n                <FolderOpened v-if=\"!allExpanded\" />\n                <Folder v-else />\n              </u-icon>\n            </button>\n          </u-tip>\n        </div>\n\n        <div :class=\"cls.e('panel-body')\">\n          <UNav\n            ref=\"navRef\"\n            :menus=\"panelMenus\"\n            :current-path=\"currentPath\"\n            :collapsed=\"false\"\n            @item-click=\"emit('item-click', $event)\"\n          />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Folder, FolderOpened } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, ref, useTemplateRef, watch } from 'vue'\n\nimport type { DualNavEmits, DualNavProps, DualNavRootItem } from '../../types/dual-nav'\nimport type { NavExposed, NavItem } from '../../types/nav'\nimport { UIcon } from '../icon'\nimport { UNav } from '../nav'\nimport { collectNavBranchPaths } from '../nav/helper'\nimport { UTip } from '../tip'\nimport DualNavApp from './dual-nav-app.vue'\nimport { findFirstLeaf, findRootApp } from './helper'\n\ndefineOptions({ name: 'UDualNav' })\n\nconst props = defineProps<DualNavProps>()\nconst emit = defineEmits<DualNavEmits>()\n\nconst cls = bem('dual-nav')\nconst navRef = useTemplateRef<NavExposed>('navRef')\n\n/** 右栏当前展示的应用（点击左轨或 currentPath 同步） */\nconst panelAppPath = ref<string>()\nconst allExpanded = ref(false)\n\nfunction syncPanelAppFromCurrentPath(currentPath?: string) {\n  const rootApp = findRootApp(props.menus, currentPath)\n  if (rootApp) {\n    panelAppPath.value = rootApp.path\n    return\n  }\n\n  if (!panelAppPath.value && props.menus?.length) {\n    panelAppPath.value = props.menus[0]!.path\n  }\n}\n\nwatch(\n  () => [props.currentPath, props.menus] as const,\n  ([currentPath]) => {\n    syncPanelAppFromCurrentPath(currentPath)\n  },\n  { immediate: true }\n)\n\nconst panelApp = computed<DualNavRootItem | undefined>(() => {\n  if (!panelAppPath.value || !props.menus?.length) return undefined\n  return props.menus.find((app) => app.path === panelAppPath.value)\n})\n\n/** 右栏菜单：有子级时展示子级，单层时展示根项自身 */\nconst panelMenus = computed<NavItem[] | undefined>(() => {\n  const app = panelApp.value\n  if (!app) return undefined\n  if (app.children?.length) return app.children\n  return [app]\n})\n\nconst hasExpandableMenus = computed(() => {\n  return collectNavBranchPaths(panelMenus.value).length > 0\n})\n\nwatch(panelAppPath, () => {\n  allExpanded.value = false\n})\n\n/** 左轨高亮：currentPath 落在该应用下时为激活态 */\nfunction isAppActive(app: NavItem): boolean {\n  return findRootApp(props.menus, props.currentPath)?.path === app.path\n}\n\n/** 左轨选中：已切换右栏但尚未导航到该应用下任一菜单时，使用 hover 风格 */\nfunction isAppSelected(app: NavItem): boolean {\n  return panelAppPath.value === app.path && !isAppActive(app)\n}\n\nfunction handleAppClick(app: NavItem) {\n  if (app.disabled) return\n\n  panelAppPath.value = app.path\n\n  emit('item-click', findFirstLeaf(app))\n}\n\nfunction handleToggleExpandAll() {\n  if (allExpanded.value) {\n    navRef.value?.collapseAll()\n    allExpanded.value = false\n    return\n  }\n\n  navRef.value?.expandAll()\n  allExpanded.value = true\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"dual-nav.js","names":[],"sources":["../../../src/components/dual-nav/dual-nav.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, railVariant === 'labeled' && cls.m('labeled')]\">\n    <div :class=\"cls.e('rail')\">\n      <DualNavApp\n        v-for=\"app in menus\"\n        :key=\"app.path\"\n        :app=\"app\"\n        :active=\"isAppActive(app)\"\n        :selected=\"isAppSelected(app)\"\n        :labeled=\"railVariant === 'labeled'\"\n        @click=\"handleAppClick(app)\"\n      />\n    </div>\n\n    <!-- <div :class=\"cls.e('divider')\" aria-hidden=\"true\" /> -->\n\n    <div :class=\"cls.e('panel')\">\n      <template v-if=\"panelApp\">\n        <div :class=\"cls.e('panel-header')\">\n          <div :class=\"cls.e('panel-header-main')\">\n            <h3 :class=\"cls.e('panel-title')\">{{ panelApp.title }}</h3>\n            <p v-if=\"panelApp.description\" :class=\"cls.e('description')\">\n              {{ panelApp.description }}\n            </p>\n          </div>\n\n          <u-tip\n            v-if=\"hasExpandableMenus\"\n            :content=\"allExpanded ? '折叠全部' : '展开全部'\"\n            hide-arrow\n          >\n            <button\n              type=\"button\"\n              :class=\"cls.e('toggle-expand')\"\n              :aria-label=\"allExpanded ? '折叠全部' : '展开全部'\"\n              @click=\"handleToggleExpandAll\"\n            >\n              <u-icon>\n                <FolderOpened v-if=\"!allExpanded\" />\n                <Folder v-else />\n              </u-icon>\n            </button>\n          </u-tip>\n        </div>\n\n        <div :class=\"cls.e('panel-body')\">\n          <UNav\n            ref=\"navRef\"\n            :menus=\"panelMenus\"\n            :current-path=\"currentPath\"\n            :collapsed=\"false\"\n            @item-click=\"emit('item-click', $event)\"\n          />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Folder, FolderOpened } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, ref, useTemplateRef, watch } from 'vue'\n\nimport type { DualNavEmits, DualNavProps, DualNavRootItem } from '../../types/dual-nav'\nimport type { NavExposed, NavItem } from '../../types/nav'\nimport { UIcon } from '../icon'\nimport { UNav } from '../nav'\nimport { collectNavBranchPaths } from '../nav/helper'\nimport { UTip } from '../tip'\nimport DualNavApp from './dual-nav-app.vue'\nimport { findFirstLeaf, findRootApp } from './helper'\n\ndefineOptions({ name: 'UDualNav' })\n\nconst props = withDefaults(defineProps<DualNavProps>(), { railVariant: 'icon' })\nconst emit = defineEmits<DualNavEmits>()\n\nconst cls = bem('dual-nav')\nconst navRef = useTemplateRef<NavExposed>('navRef')\n\n/** 右栏当前展示的应用（点击左轨或 currentPath 同步） */\nconst panelAppPath = ref<string>()\nconst allExpanded = ref(false)\n\nfunction syncPanelAppFromCurrentPath(currentPath?: string) {\n  const rootApp = findRootApp(props.menus, currentPath)\n  if (rootApp) {\n    panelAppPath.value = rootApp.path\n    return\n  }\n\n  if (!panelAppPath.value && props.menus?.length) {\n    panelAppPath.value = props.menus[0]!.path\n  }\n}\n\nwatch(\n  () => [props.currentPath, props.menus] as const,\n  ([currentPath]) => {\n    syncPanelAppFromCurrentPath(currentPath)\n  },\n  { immediate: true }\n)\n\nconst panelApp = computed<DualNavRootItem | undefined>(() => {\n  if (!panelAppPath.value || !props.menus?.length) return undefined\n  return props.menus.find((app) => app.path === panelAppPath.value)\n})\n\n/** 右栏菜单：有子级时展示子级，单层时展示根项自身 */\nconst panelMenus = computed<NavItem[] | undefined>(() => {\n  const app = panelApp.value\n  if (!app) return undefined\n  if (app.children?.length) return app.children\n  return [app]\n})\n\nconst hasExpandableMenus = computed(() => {\n  return collectNavBranchPaths(panelMenus.value).length > 0\n})\n\nwatch(panelAppPath, () => {\n  allExpanded.value = false\n})\n\n/** 左轨高亮：currentPath 落在该应用下时为激活态 */\nfunction isAppActive(app: NavItem): boolean {\n  return findRootApp(props.menus, props.currentPath)?.path === app.path\n}\n\n/** 左轨选中：已切换右栏但尚未导航到该应用下任一菜单时，使用 hover 风格 */\nfunction isAppSelected(app: NavItem): boolean {\n  return panelAppPath.value === app.path && !isAppActive(app)\n}\n\nfunction handleAppClick(app: NavItem) {\n  if (app.disabled) return\n\n  panelAppPath.value = app.path\n\n  emit('item-click', findFirstLeaf(app))\n}\n\nfunction handleToggleExpandAll() {\n  if (allExpanded.value) {\n    navRef.value?.collapseAll()\n    allExpanded.value = false\n    return\n  }\n\n  navRef.value?.expandAll()\n  allExpanded.value = true\n}\n</script>\n"],"mappings":"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"}

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

@@ -1,12 +1,13 @@
 import { NavItem } from "../../types/nav.js";
-import { DualNavProps } from "../../types/dual-nav.js";
-
+import { DualNavProps, DualNavRailVariant } from "../../types/dual-nav.js";
 //#region src/components/dual-nav/dual-nav.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<DualNavProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   "item-click": (item: NavItem) => any;
 }, string, import("vue").PublicProps, Readonly<DualNavProps> & Readonly<{
   "onItem-click"?: ((item: NavItem) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+  railVariant: DualNavRailVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -33,6 +33,19 @@
   padding: 8px 6px;
   background-color: var(--u-bg-color-middle);
 }
+.u-dual-nav--labeled .u-dual-nav__rail {
+  width: var(--u-nav-rail-labeled-width);
+  padding: 8px 4px;
+  gap: 2px;
+}
+.u-dual-nav--labeled .u-dual-nav__app {
+  aspect-ratio: auto;
+  max-width: none;
+  flex-direction: column;
+  gap: 2px;
+  padding: 6px 2px;
+  min-height: 0;
+}
 .u-dual-nav__divider {
   flex-shrink: 0;
   width: 1px;
@@ -153,6 +166,15 @@
   font-weight: 600;
   line-height: 1;
 }
+.u-dual-nav__app-label {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--u-font-size-assist-default);
+  line-height: 1.2;
+  text-align: center;
+}
 .u-dual-nav__app-tip {
   display: flex;
   flex-direction: column;

package/dist/components/group-nav/group-nav-item.js

@@ -0,0 +1,40 @@
+import _sfc_main$1 from "../nav/nav-icon.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/group-nav/group-nav-item.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UGroupNavItem",
+	__name: "group-nav-item",
+	props: {
+		item: {},
+		active: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("group-nav");
+		function handleClick() {
+			if (props.item.disabled) return;
+			emit("click", props.item);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", {
+				class: normalizeClass([
+					unref(cls).e("item"),
+					unref(bem).is("active", __props.active),
+					unref(bem).is("disabled", __props.item.disabled ?? false)
+				]),
+				onClick: handleClick
+			}, [__props.item.icon ? (openBlock(), createBlock(_sfc_main$1, {
+				key: 0,
+				icon: __props.item.icon,
+				class: normalizeClass(unref(cls).e("icon"))
+			}, null, 8, ["icon", "class"])) : createCommentVNode("v-if", true), createElementVNode("span", { class: normalizeClass(unref(cls).e("item-title")) }, toDisplayString(__props.item.title), 3)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=group-nav-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-nav-item.js","names":[],"sources":["../../../src/components/group-nav/group-nav-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[cls.e('item'), bem.is('active', active), bem.is('disabled', item.disabled ?? false)]\"\n    @click=\"handleClick\"\n  >\n    <NavIcon v-if=\"item.icon\" :icon=\"item.icon\" :class=\"cls.e('icon')\" />\n\n    <span :class=\"cls.e('item-title')\">\n      {{ item.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\n\nimport type { NavItem } from '../../types/nav'\nimport NavIcon from '../nav/nav-icon.vue'\n\ndefineOptions({ name: 'UGroupNavItem' })\n\nconst props = defineProps<{ item: NavItem; active: boolean }>()\n\nconst emit = defineEmits<{ (e: 'click', item: NavItem): void }>()\n\nconst cls = bem('group-nav')\n\nfunction handleClick() {\n  if (props.item.disabled) return\n  emit('click', props.item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,WAAW;EAE3B,SAAS,cAAc;GACrB,IAAI,MAAM,KAAK,UAAU;GACzB,KAAK,SAAS,MAAM,IAAI;EAC1B;;uBA7BE,mBASK,MAAA;IARF,OAAK,eAAA;KAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;KAAU,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,QAAA,MAAM;KAAG,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,QAAA,KAAK,YAAQ,KAAA;IAAA,CAAA;IACjF,SAAO;OAEO,QAAA,KAAK,QAAA,UAAA,GAApB,YAAqE,aAAA;;IAA1C,MAAM,QAAA,KAAK;IAAO,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;uEAEzD,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAAA,gBACd,QAAA,KAAK,KAAK,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/group-nav/group-nav.js

@@ -0,0 +1,47 @@
+import _sfc_main$1 from "../scroll/scroll.js";
+import _sfc_main$2 from "./group-nav-item.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/group-nav/group-nav.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UGroupNav",
+	__name: "group-nav",
+	props: {
+		currentPath: {},
+		groups: {}
+	},
+	emits: ["item-click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const cls = bem("group-nav");
+		function handleItemClick(item) {
+			emit("item-click", item);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), {
+				tag: "ul",
+				class: normalizeClass(unref(cls).b),
+				"container-class": unref(cls).e("container")
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (group, index) => {
+					return openBlock(), createElementBlock("li", {
+						key: group.title || index,
+						class: normalizeClass(unref(cls).e("group"))
+					}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("group-label")) }, toDisplayString(group.title), 3), createElementVNode("ul", { class: normalizeClass(unref(cls).e("group-list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.children, (child, childIndex) => {
+						return openBlock(), createBlock(_sfc_main$2, {
+							key: child.path || childIndex,
+							item: child,
+							active: __props.currentPath === child.path,
+							onClick: handleItemClick
+						}, null, 8, ["item", "active"]);
+					}), 128))], 2)], 2);
+				}), 128))]),
+				_: 1
+			}, 8, ["class", "container-class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=group-nav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-nav.js","names":[],"sources":["../../../src/components/group-nav/group-nav.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"ul\" :class=\"cls.b\" :container-class=\"cls.e('container')\">\n    <li v-for=\"(group, index) of groups\" :key=\"group.title || index\" :class=\"cls.e('group')\">\n      <div :class=\"cls.e('group-label')\">{{ group.title }}</div>\n      <ul :class=\"cls.e('group-list')\">\n        <GroupNavItem\n          v-for=\"(child, childIndex) of group.children\"\n          :key=\"child.path || childIndex\"\n          :item=\"child\"\n          :active=\"currentPath === child.path\"\n          @click=\"handleItemClick\"\n        />\n      </ul>\n    </li>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\n\nimport type { GroupNavEmits, GroupNavProps } from '../../types/group-nav'\nimport type { NavItem } from '../../types/nav'\nimport { UScroll } from '../scroll'\nimport GroupNavItem from './group-nav-item.vue'\n\ndefineOptions({ name: 'UGroupNav' })\n\ndefineProps<GroupNavProps>()\nconst emit = defineEmits<GroupNavEmits>()\n\nconst cls = bem('group-nav')\n\nfunction handleItemClick(item: NavItem) {\n  emit('item-click', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;EA4BA,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,WAAW;EAE3B,SAAS,gBAAgB,MAAe;GACtC,KAAK,cAAc,IAAI;EACzB;;uBAjCE,YAaW,MAAA,WAAA,GAAA;IAbD,KAAI;IAAM,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IAAG,mBAAiB,MAAA,GAAA,CAAG,CAAC,EAAC,WAAA;;2BACnB,EAAA,UAAA,IAAA,GAApC,mBAWK,UAAA,MAAA,WAXwB,QAAA,SAAjB,OAAO,UAAK;yBAAxB,mBAWK,MAAA;MAXiC,KAAK,MAAM,SAAS;MAAQ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;SAC5E,mBAA0D,OAAA,EAApD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA,EAAA,GAAA,gBAAoB,MAAM,KAAK,GAAA,CAAA,GACjD,mBAQK,MAAA,EARA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAME,UAAA,MAAA,WAL8B,MAAM,WAA5B,OAAO,eAAU;0BAD3B,YAME,aAAA;OAJC,KAAK,MAAM,QAAQ;OACnB,MAAM;OACN,QAAQ,QAAA,gBAAgB,MAAM;OAC9B,SAAO"}