@veltra/desktop 1.2.3 → 1.2.5

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

@@ -1,10 +1,9 @@
 import { TableColumn, TableColumnSlotsScope, TableRow } from "../../types/table.js";
-import { BatchEditProps } from "../../types/batch-edit.js";
+import { BatchEditMode, BatchEditProps } from "../../types/batch-edit.js";
 //#region src/components/batch-edit/batch-edit.vue.d.ts
 type __VLS_Slots = {
   form?: (props: {
-    /** 表单数据 */data: Record<string, any> | undefined; /** 当前编辑的层级 */
-    depth?: number; /** 当前编辑的行 */
+    /** 当前编辑的层级 */depth?: number; /** 当前编辑的行 */
     row?: TableRow; /** 当前编辑的行索引 */
     index?: number; /** 操作的目标行索引路径 */
     indexes?: number[];
@@ -33,6 +32,7 @@ declare const __VLS_base: import("vue").DefineComponent<BatchEditProps, {}, {},
   "onRow-click"?: ((row: TableRow, ev: MouseEvent) => any) | undefined;
 }>, {
   cols: string | [string, string];
+  mode: BatchEditMode;
 }, {}, {}, {}, 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/batch-edit/di.js.map

@@ -1 +1 @@
-{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/batch-edit/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey, ShallowRef } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditFeature,\n  BatchEditProps,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport type { EditReturned } from './use-edit'\nexport const BatchEditDIKey: InjectionKey<\n  {\n    cls: BEM<'batch-edit', 'u-'>\n    props: BatchEditProps\n    emit: BatchEditEmits\n    tableRef: ShallowRef<TableExposed | undefined>\n    staticFeatures: ComputedRef<Set<BatchEditFeature>>\n    dynamicFeatures: ComputedRef<\n      Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n    >\n  } & EditReturned\n> = Symbol('BatchEditDIKey')\n"],"mappings":";AAWA,MAAa,iBAWT,OAAO,gBAAgB"}
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/batch-edit/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey, ShallowRef, Ref } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditFeature,\n  BatchEditProps,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport type { EditReturned } from './use-edit'\nexport const BatchEditDIKey: InjectionKey<\n  {\n    cls: BEM<'batch-edit', 'u-'>\n    props: BatchEditProps\n    emit: BatchEditEmits\n    tableRef: ShallowRef<TableExposed | undefined>\n    staticFeatures: ComputedRef<Set<BatchEditFeature>>\n    dynamicFeatures: ComputedRef<\n      Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n    >\n    /** 组件或其子节点是否处于聚焦状态 */\n    focused: Ref<boolean>\n  } & EditReturned\n> = Symbol('BatchEditDIKey')\n"],"mappings":";AAWA,MAAa,iBAaT,OAAO,gBAAgB"}

package/dist/components/batch-edit/style2.css

@@ -146,6 +146,9 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.u-batch-edit__form-hint .is-concealed {
+  visibility: hidden;
+}
 .u-batch-edit__form-hint > kbd {
   display: inline-block;
   min-width: 18px;

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

@@ -26,67 +26,33 @@ function replaceModelData(model, data) {
 	Object.assign(model, data);
 }
 function useEdit(options) {
-	const { props, emit, tableRef, formRef } = options;
+	const { props, emit, formRef } = options;
 	/** 组件状态 */
 	const state = shallowReactive({
 		depth: void 0,
 		visible: false,
 		type: "create",
-		loading: false,
-		dataUpdated: false
+		loading: false
 	});
 	const insertIndexes = shallowRef([]);
-	watch(() => state.visible, (v) => {
-		if (!v) state.dataUpdated = false;
-	});
-	/**
-	* 「打开行 / 切换 type」时记录的基线快照
-	* @description
-	* 用于 changeCb 内部比对 — 若新值与基线相等（深比较）视为无改动，避免某些组件在 mount
-	* 阶段把规范化后的值再写回模型时被误判为「用户已修改」
-	*/
-	let baselineSnapshot;
-	let emptySnapshot;
 	function snapshotModelData() {
 		return snapshotData(props.model);
 	}
-	function resetFormData(data) {
-		if (!props.model) return;
-		replaceModelData(props.model, snapshotData(data ?? emptySnapshot));
-		formRef.value?.clearValidate();
-	}
 	function setFormData(formData) {
 		if (!props.model) return;
 		replaceModelData(props.model, snapshotData(formData));
 	}
-	watch(() => props.model, (model) => {
-		emptySnapshot = snapshotData(model);
-	}, { immediate: true });
+	const isQuickMode = () => props.mode === "quick";
+	async function runBeforeCreate(data) {
+		await props.beforeCreate?.(data, state.parentRow?.data);
+	}
 	watch(() => state.row, (row) => {
-		resetFormData();
 		if (row) {
 			state.type = "update";
 			state.visible = true;
-			setFormData(row.data);
+			if (!isQuickMode()) setFormData(row.data);
 		} else state.visible = false;
-		baselineSnapshot = snapshotModelData();
-		state.dataUpdated = false;
 	}, { flush: "sync" });
-	watch(() => props.model, () => {
-		if (!baselineSnapshot || !state.visible) return;
-		state.dataUpdated = !isSameValue(baselineSnapshot, snapshotModelData());
-	}, { deep: true });
-	function isSameValue(a, b) {
-		if (a === b) return true;
-		if (a == null && b == null) return true;
-		if (typeof a !== typeof b) return false;
-		if (typeof a === "object") try {
-			return JSON.stringify(a) === JSON.stringify(b);
-		} catch {
-			return false;
-		}
-		return false;
-	}
 	const childrenKey = computed(() => {
 		return typeof props.tree === "string" ? props.tree : "children";
 	});
@@ -108,42 +74,41 @@ function useEdit(options) {
 	function getInsertData() {
 		return snapshotModelData();
 	}
-	async function runCreate(cb) {
+	async function runCreate(cb, initialData) {
 		state.parentRow = void 0;
 		if (state.row) state.row.isCurrent = false;
 		state.row = void 0;
 		state.type = "create";
-		resetFormData();
 		cb();
 		await nextTick();
+		setFormData(initialData);
+		if (isQuickMode() && props.model) await runBeforeCreate(props.model);
 		state.visible = true;
-		baselineSnapshot = snapshotModelData();
-		state.dataUpdated = false;
 	}
 	/**
 	* 点击新增按钮
 	*/
-	function handleCreate() {
+	async function handleCreate() {
 		const { data } = props;
-		runCreate(() => {
+		await runCreate(() => {
 			state.depth = 1;
 			insertIndexes.value = [data?.length ?? 0];
 		});
 	}
-	function handleInsertToPrev(row) {
-		runCreate(() => {
+	async function handleInsertToPrev(row) {
+		await runCreate(() => {
 			state.depth = row.depth;
 			insertIndexes.value = [...row.indexes];
 		});
 	}
-	function handleInsertToNext(row) {
-		runCreate(() => {
+	async function handleInsertToNext(row) {
+		await runCreate(() => {
 			state.depth = row.depth;
 			insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1];
 		});
 	}
-	function handleInsertChild(row) {
-		runCreate(() => {
+	async function handleInsertChild(row) {
+		await runCreate(() => {
 			state.parentRow = row;
 			state.depth = row.depth + 1;
 			row.expanded = true;
@@ -152,18 +117,16 @@ function useEdit(options) {
 	}
 	/** 编辑指定行（等同于点击行） */
 	function handleEdit(row) {
+		state.type = "update";
 		state.row = row;
 		state.depth = row.depth;
 	}
 	/** 复制指定行：在其下方以 create 模式打开表单，并预填副本数据 */
-	function handleCopy(row) {
-		runCreate(() => {
+	async function handleCopy(row) {
+		await runCreate(() => {
 			state.depth = row.depth;
 			insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1];
-			setFormData(row.data);
-			baselineSnapshot = snapshotModelData();
-			state.dataUpdated = false;
-		});
+		}, row.data);
 	}
 	function runWithLoading(fn) {
 		return async (...args) => {
@@ -182,25 +145,31 @@ function useEdit(options) {
 	const handleSave = runWithLoading(async () => {
 		const { model, saveMethod } = props;
 		if (!model) return;
+		if (isQuickMode() && state.type === "update") return;
 		formRef.value?.clearValidate();
 		if (!await formRef.value?.validate()) return;
-		let item = getInsertData();
-		if (saveMethod) {
-			const result = await saveMethod(item, state.type, state.parentRow);
-			if (result) item = result;
+		if (isQuickMode() && state.type === "create") {
+			insert(getInsertData());
+			return;
 		}
-		state.dataUpdated = false;
+		let item = getInsertData();
 		if (state.type === "create") {
+			await runBeforeCreate(item);
+			if (saveMethod) {
+				const result = await saveMethod(item, state.type, state.parentRow?.data);
+				if (result) item = result;
+			}
 			insert(item);
-			resetFormData();
 			return;
 		}
-		if (state.type === "update") {
-			const { row } = state;
-			row && Object.keys(item).forEach((key) => {
-				o(row.data).set(key, o(item).get(key));
-			});
+		if (saveMethod) {
+			const result = await saveMethod(item, state.type, state.parentRow?.data);
+			if (result) item = result;
 		}
+		const { row } = state;
+		row && Object.keys(item).forEach((key) => {
+			o(row.data).set(key, o(item).get(key));
+		});
 	});
 	const handleDelete = runWithLoading(async (row) => {
 		const { deleteMethod } = props;
@@ -224,7 +193,6 @@ function useEdit(options) {
 		state.row = void 0;
 		state.parentRow = void 0;
 		state.depth = void 0;
-		resetFormData();
 		insertIndexes.value = [];
 	}
 	return {

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

@@ -1 +1 @@
-{"version":3,"file":"use-edit.js","names":[],"sources":["../../../src/components/batch-edit/use-edit.ts"],"sourcesContent":["import { last, o, safeRun } from '@cat-kit/core'\nimport { computed, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'\n\nimport type { TableRow, BatchEditEmits, BatchEditProps, TableExposed } from '../../types'\nimport type { FormExposed } from '../../types/form'\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  tableRef: ShallowRef<TableExposed | undefined>\n  formRef: ShallowRef<FormExposed | undefined>\n}\n\nexport interface BatchEditStates {\n  /** 层级 */\n  depth?: number\n  visible: boolean\n  type: 'create' | 'update'\n  loading: boolean\n  row?: TableRow\n  /** 父级，只在添加子级时会有值 */\n  parentRow?: TableRow\n  /** 数据是否已更新 */\n  dataUpdated: boolean\n}\n\nexport interface EditReturned {\n  state: BatchEditStates\n  insertIndexes: ShallowRef<number[]>\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => void\n  handleEdit: (row: TableRow) => void\n  handleCopy: (row: TableRow) => void\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => void\n  handleInsertToPrev: (row: TableRow) => void\n  handleInsertChild: (row: TableRow) => void\n}\n\nfunction snapshotData(data?: Record<string, any>) {\n  return safeRun(() => JSON.parse(JSON.stringify(data ?? {})), {})\n}\n\nfunction replaceModelData(model: Record<string, any>, data: Record<string, any>) {\n  for (const key of Object.keys(model)) {\n    delete model[key]\n  }\n  Object.assign(model, data)\n}\n\nexport function useEdit(options: Options): EditReturned {\n  const { props, emit, tableRef, formRef } = options\n\n  /** 组件状态 */\n  const state = shallowReactive<BatchEditStates>({\n    depth: undefined,\n    visible: false,\n    type: 'create',\n    loading: false,\n    dataUpdated: false\n  })\n\n  const insertIndexes = shallowRef<number[]>([])\n\n  watch(\n    () => state.visible,\n    (v) => {\n      if (!v) {\n        state.dataUpdated = false\n      }\n    }\n  )\n\n  /**\n   * 「打开行 / 切换 type」时记录的基线快照\n   * @description\n   * 用于 changeCb 内部比对 — 若新值与基线相等（深比较）视为无改动，避免某些组件在 mount\n   * 阶段把规范化后的值再写回模型时被误判为「用户已修改」\n   */\n  let baselineSnapshot: Record<string, any> | undefined\n  let emptySnapshot: Record<string, any> | undefined\n\n  function snapshotModelData() {\n    return snapshotData(props.model)\n  }\n\n  function resetFormData(data?: Record<string, any>) {\n    if (!props.model) return\n    replaceModelData(props.model, snapshotData(data ?? emptySnapshot))\n    formRef.value?.clearValidate()\n  }\n\n  function setFormData(formData: Record<string, any>) {\n    if (!props.model) return\n    replaceModelData(props.model, snapshotData(formData))\n  }\n\n  watch(\n    () => props.model,\n    (model) => {\n      emptySnapshot = snapshotData(model)\n    },\n    { immediate: true }\n  )\n\n  watch(\n    () => state.row,\n    (row) => {\n      resetFormData()\n      if (row) {\n        state.type = 'update'\n        state.visible = true\n        setFormData(row.data)\n      } else {\n        state.visible = false\n      }\n      baselineSnapshot = snapshotModelData()\n      state.dataUpdated = false\n    },\n    // sync 保证 setData 完成后立刻取快照，避免 mount 期间组件回写值时丢基线\n    { flush: 'sync' }\n  )\n\n  watch(\n    () => props.model,\n    () => {\n      if (!baselineSnapshot || !state.visible) return\n      state.dataUpdated = !isSameValue(baselineSnapshot, snapshotModelData())\n    },\n    { deep: true }\n  )\n\n  function isSameValue(a: any, b: any) {\n    if (a === b) return true\n    if (a == null && b == null) return true\n    if (typeof a !== typeof b) return false\n    if (typeof a === 'object') {\n      try {\n        return JSON.stringify(a) === JSON.stringify(b)\n      } catch {\n        return false\n      }\n    }\n    return false\n  }\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\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(\n      data ?? [],\n      insertIndexes.value.slice(0, -1),\n      childrenKey.value\n    )\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(insertIndexes.value), 0, item)\n      }\n    } else {\n      data.splice(last(insertIndexes.value), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  function getInsertData(): Record<string, any> {\n    return snapshotModelData()\n  }\n\n  async function runCreate(cb: () => void) {\n    state.parentRow = undefined\n    if (state.row) {\n      state.row.isCurrent = false\n    }\n    state.row = undefined\n    state.type = 'create'\n    resetFormData()\n    cb()\n\n    let item: Record<string, any> | undefined = undefined\n\n    await nextTick()\n\n    state.visible = true\n    baselineSnapshot = snapshotModelData()\n    state.dataUpdated = false\n\n    if (item) {\n      const row = tableRef.value?.getRowByData(item)\n      if (row) {\n        state.row = row\n      }\n    }\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  function handleCreate() {\n    const { data } = props\n    runCreate(() => {\n      state.depth = 1\n      insertIndexes.value = [data?.length ?? 0]\n    })\n  }\n\n  function handleInsertToPrev(row: TableRow) {\n    runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes]\n    })\n  }\n\n  function handleInsertToNext(row: TableRow) {\n    runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n    })\n  }\n\n  function handleInsertChild(row: TableRow) {\n    runCreate(() => {\n      state.parentRow = row\n      state.depth = row.depth + 1\n      row.expanded = true\n\n      insertIndexes.value = [...row.indexes, row.children?.length ?? 0]\n    })\n  }\n\n  /** 编辑指定行（等同于点击行） */\n  function handleEdit(row: TableRow) {\n    state.row = row\n    state.depth = row.depth\n  }\n\n  /** 复制指定行：在其下方以 create 模式打开表单，并预填副本数据 */\n  function handleCopy(row: TableRow) {\n    runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n      setFormData(row.data)\n      baselineSnapshot = snapshotModelData()\n      state.dataUpdated = false\n    })\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\n    if (!model) return\n\n    formRef.value?.clearValidate()\n    const valid = await formRef.value?.validate()\n\n    if (!valid) return\n\n    let item = getInsertData()\n    if (saveMethod) {\n      const result = await saveMethod(item, state.type, state.parentRow)\n      if (result) {\n        item = result\n      }\n    }\n\n    state.dataUpdated = false\n\n    // 新增\n    if (state.type === 'create') {\n      insert(item)\n\n      resetFormData()\n      return\n    }\n    // 更新\n    if (state.type === 'update') {\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\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      state.row = undefined\n      state.depth = undefined\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    state.visible = false\n    if (state.row) {\n      state.row.isCurrent = false\n    }\n    state.row = undefined\n    state.parentRow = undefined\n    state.depth = undefined\n    resetFormData()\n    insertIndexes.value = []\n  }\n\n  return {\n    state,\n    insertIndexes,\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleEdit,\n    handleCopy,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-edit.js","names":[],"sources":["../../../src/components/batch-edit/use-edit.ts"],"sourcesContent":["import { last, o, safeRun } from '@cat-kit/core'\nimport { computed, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'\n\nimport type { TableRow, BatchEditEmits, BatchEditProps } from '../../types'\nimport type { FormExposed } from '../../types/form'\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  formRef: ShallowRef<FormExposed | undefined>\n}\n\nexport interface BatchEditStates {\n  /** 层级 */\n  depth?: number\n  visible: boolean\n  type: 'create' | 'update'\n  loading: boolean\n  row?: TableRow\n  /** 父级，只在添加子级时会有值 */\n  parentRow?: TableRow\n}\n\nexport interface EditReturned {\n  state: BatchEditStates\n  insertIndexes: ShallowRef<number[]>\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => Promise<void>\n  handleEdit: (row: TableRow) => void\n  handleCopy: (row: TableRow) => Promise<void>\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => Promise<void>\n  handleInsertToPrev: (row: TableRow) => Promise<void>\n  handleInsertChild: (row: TableRow) => Promise<void>\n}\n\nfunction snapshotData(data?: Record<string, any>) {\n  return safeRun(() => JSON.parse(JSON.stringify(data ?? {})), {})\n}\n\nfunction replaceModelData(model: Record<string, any>, data: Record<string, any>) {\n  for (const key of Object.keys(model)) {\n    delete model[key]\n  }\n  Object.assign(model, data)\n}\n\nexport function useEdit(options: Options): EditReturned {\n  const { props, emit, formRef } = options\n\n  /** 组件状态 */\n  const state = shallowReactive<BatchEditStates>({\n    depth: undefined,\n    visible: false,\n    type: 'create',\n    loading: false\n  })\n\n  const insertIndexes = shallowRef<number[]>([])\n\n  function snapshotModelData() {\n    return snapshotData(props.model)\n  }\n\n  function setFormData(formData?: Record<string, any>) {\n    if (!props.model) return\n    replaceModelData(props.model, snapshotData(formData))\n  }\n\n  const isQuickMode = () => props.mode === 'quick'\n\n  async function runBeforeCreate(data: Record<string, any>) {\n    await props.beforeCreate?.(data, state.parentRow?.data)\n  }\n\n  watch(\n    () => state.row,\n    (row) => {\n      if (row) {\n        state.type = 'update'\n        state.visible = true\n        if (!isQuickMode()) {\n          setFormData(row.data)\n        }\n      } else {\n        state.visible = false\n      }\n    },\n    { flush: 'sync' }\n  )\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\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(\n      data ?? [],\n      insertIndexes.value.slice(0, -1),\n      childrenKey.value\n    )\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(insertIndexes.value), 0, item)\n      }\n    } else {\n      data.splice(last(insertIndexes.value), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  function getInsertData(): Record<string, any> {\n    return snapshotModelData()\n  }\n\n  async function runCreate(cb: () => void, initialData?: Record<string, any>) {\n    state.parentRow = undefined\n    if (state.row) {\n      state.row.isCurrent = false\n    }\n    state.row = undefined\n    state.type = 'create'\n    cb()\n\n    await nextTick()\n\n    setFormData(initialData)\n\n    if (isQuickMode() && props.model) {\n      await runBeforeCreate(props.model)\n    }\n\n    state.visible = true\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  async function handleCreate() {\n    const { data } = props\n    await runCreate(() => {\n      state.depth = 1\n      insertIndexes.value = [data?.length ?? 0]\n    })\n  }\n\n  async function handleInsertToPrev(row: TableRow) {\n    await runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes]\n    })\n  }\n\n  async function handleInsertToNext(row: TableRow) {\n    await runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n    })\n  }\n\n  async function handleInsertChild(row: TableRow) {\n    await runCreate(() => {\n      state.parentRow = row\n      state.depth = row.depth + 1\n      row.expanded = true\n\n      insertIndexes.value = [...row.indexes, row.children?.length ?? 0]\n    })\n  }\n\n  /** 编辑指定行（等同于点击行） */\n  function handleEdit(row: TableRow) {\n    state.type = 'update'\n    state.row = row\n    state.depth = row.depth\n  }\n\n  /** 复制指定行：在其下方以 create 模式打开表单，并预填副本数据 */\n  async function handleCopy(row: TableRow) {\n    await runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n    }, row.data)\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\n    if (!model) return\n\n    if (isQuickMode() && state.type === 'update') return\n\n    formRef.value?.clearValidate()\n    const valid = await formRef.value?.validate()\n\n    if (!valid) return\n\n    // quick + create：仅校验 + insert\n    if (isQuickMode() && state.type === 'create') {\n      insert(getInsertData())\n      return\n    }\n\n    let item = getInsertData()\n\n    // normal + create：beforeCreate → saveMethod → insert\n    if (state.type === 'create') {\n      await runBeforeCreate(item)\n      if (saveMethod) {\n        const result = await saveMethod(item, state.type, state.parentRow?.data)\n        if (result) {\n          item = result\n        }\n      }\n      insert(item)\n      return\n    }\n\n    // normal + update\n    if (saveMethod) {\n      const result = await saveMethod(item, state.type, 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      state.row = undefined\n      state.depth = undefined\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    state.visible = false\n    if (state.row) {\n      state.row.isCurrent = false\n    }\n    state.row = undefined\n    state.parentRow = undefined\n    state.depth = undefined\n    insertIndexes.value = []\n  }\n\n  return {\n    state,\n    insertIndexes,\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleEdit,\n    handleCopy,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+import { computed } from "vue";
+//#region src/components/batch-edit/use-features.ts
+function useFeatures(options) {
+	const { props } = options;
+	return {
+		staticFeatures: computed(() => {
+			const { features } = props;
+			if (Array.isArray(features)) return new Set(features);
+			const defaultFeatures = new Set([
+				"create",
+				"delete",
+				"update",
+				"createChild"
+			]);
+			if (!features) return defaultFeatures;
+			Object.entries(features).forEach(([key, value]) => {
+				const k = key;
+				if (typeof value === "function" || value === false) defaultFeatures.delete(k);
+				else if (value === true) defaultFeatures.add(k);
+			});
+			return defaultFeatures;
+		}),
+		dynamicFeatures: computed(() => {
+			const { features } = props;
+			if (!Array.isArray(features) && typeof features === "object") return Object.entries(features).filter(([_, value]) => {
+				return typeof value === "function";
+			}).reduce((acc, [key, value]) => {
+				acc[key] = value;
+				return acc;
+			}, {});
+			return {};
+		})
+	};
+}
+//#endregion
+export { useFeatures };
+
+//# sourceMappingURL=use-features.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-features.js","names":[],"sources":["../../../src/components/batch-edit/use-features.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { BatchEditFeature, BatchEditProps, TableRow } from '../../types'\n\ninterface Options {\n  props: BatchEditProps\n}\nexport function useFeatures(options: Options) {\n  const { props } = options\n  const staticFeatures = computed(() => {\n    const { features } = props\n\n    if (Array.isArray(features)) {\n      return new Set(features)\n    }\n\n    const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n    if (!features) {\n      return defaultFeatures\n    }\n\n    // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n    Object.entries(features).forEach(([key, value]) => {\n      const k = key as BatchEditFeature\n      if (typeof value === 'function' || value === false) {\n        defaultFeatures.delete(k)\n      } else if (value === true) {\n        defaultFeatures.add(k)\n      }\n    })\n    return defaultFeatures\n  })\n\n  const dynamicFeatures = computed<\n    Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  >(() => {\n    const { features } = props\n    if (!Array.isArray(features) && typeof features === 'object') {\n      const ret = Object.entries(features)\n        .filter(([_, value]) => {\n          return typeof value === 'function'\n        })\n        .reduce(\n          (acc, [key, value]) => {\n            acc[key] = value\n            return acc\n          },\n          {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n        )\n      return ret\n    }\n\n    return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  })\n\n  return { staticFeatures, dynamicFeatures }\n}\n"],"mappings":";;AAOA,SAAgB,YAAY,SAAkB;CAC5C,MAAM,EAAE,UAAU;CAgDlB,OAAO;EAAE,gBA/Cc,eAAe;GACpC,MAAM,EAAE,aAAa;GAErB,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO,IAAI,IAAI,QAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;GAAa,CAAC;GAE/F,IAAI,CAAC,UACH,OAAO;GAIT,OAAO,QAAQ,QAAQ,EAAE,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;IACV,IAAI,OAAO,UAAU,cAAc,UAAU,OAC3C,gBAAgB,OAAO,CAAC;SACnB,IAAI,UAAU,MACnB,gBAAgB,IAAI,CAAC;GAEzB,CAAC;GACD,OAAO;EACT,CAwBsB;EAAG,iBAtBD,eAEhB;GACN,MAAM,EAAE,aAAa;GACrB,IAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,OAAO,aAAa,UAYlD,OAXY,OAAO,QAAQ,QAAQ,EAChC,QAAQ,CAAC,GAAG,WAAW;IACtB,OAAO,OAAO,UAAU;GAC1B,CAAC,EACA,QACE,KAAK,CAAC,KAAK,WAAW;IACrB,IAAI,OAAO;IACX,OAAO;GACT,GACA,CAAC,CAEI;GAGX,OAAO,CAAC;EACV,CAEuC;CAAE;AAC3C"}

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;
   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/contextmenu/style2.css

@@ -79,12 +79,12 @@
   flex-wrap: nowrap;
 }
 .u-contextmenu__item:not(.is-disabled):not(.is-loading) > .u-contextmenu__item-content: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-contextmenu .u-contextmenu__item.is-open:not(.is-disabled) > .u-contextmenu__item-content {
-  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-contextmenu__icon-place {
   width: 1em;
@@ -133,7 +133,7 @@
 }
 .u-contextmenu--small__item-content {
   padding: 0 var(--u-gap-small);
-  min-height: calc(var(--u-menu-height-small) - 8px);
+  min-height: calc(var(--u-nav-height-small) - 8px);
   border-radius: calc(var(--u-radius-small) + 1px);
 }
 .u-contextmenu--default {
@@ -141,7 +141,7 @@
 }
 .u-contextmenu--default__item-content {
   padding: 0 var(--u-gap-default);
-  min-height: calc(var(--u-menu-height-default) - 8px);
+  min-height: calc(var(--u-nav-height-default) - 8px);
   border-radius: calc(var(--u-radius-default) + 1px);
 }
 .u-contextmenu--large {
@@ -149,6 +149,6 @@
 }
 .u-contextmenu--large__item-content {
   padding: 0 var(--u-gap-large);
-  min-height: calc(var(--u-menu-height-large) - 8px);
+  min-height: calc(var(--u-nav-height-large) - 8px);
   border-radius: calc(var(--u-radius-large) + 1px);
 }

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;
 }>, {
-  size: import("@veltra/utils").ComponentSize;
   type: "date" | "month" | "year";
+  size: import("@veltra/utils").ComponentSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -5,11 +5,11 @@ 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";
   placeholder: string;
   clearable: boolean;
   disabled: boolean;
   readonly: boolean;
-  type: "date" | "month" | "year";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -5,11 +5,11 @@ 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";
   placeholder: [string, string];
   clearable: boolean;
   disabled: boolean;
   readonly: boolean;
-  type: "date" | "month" | "year";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -0,0 +1,49 @@
+import _sfc_main$1 from "../tip/tip.js";
+import _sfc_main$2 from "../nav/nav-icon.js";
+import { createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/dual-nav/dual-nav-app.vue
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "DualNavApp",
+	__name: "dual-nav-app",
+	props: {
+		app: {},
+		active: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const cls = bem("dual-nav");
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), {
+				direction: "right",
+				"hide-arrow": ""
+			}, {
+				content: withCtx(() => [createTextVNode(toDisplayString(__props.app.title), 1)]),
+				default: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass([
+						unref(cls).e("app"),
+						unref(bem).is("active", __props.active),
+						unref(bem).is("disabled", __props.app.disabled ?? false)
+					]),
+					disabled: __props.app.disabled,
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
+				}, [__props.app.icon ? (openBlock(), createBlock(_sfc_main$2, {
+					key: 0,
+					icon: __props.app.icon,
+					class: normalizeClass(unref(cls).e("app-icon"))
+				}, null, 8, ["icon", "class"])) : (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("app-fallback"))
+				}, toDisplayString(__props.app.title[0]), 3))], 10, _hoisted_1)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=dual-nav-app.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dual-nav-app.js","names":[],"sources":["../../../src/components/dual-nav/dual-nav-app.vue"],"sourcesContent":["<template>\n  <u-tip direction=\"right\" hide-arrow>\n    <button\n      type=\"button\"\n      :class=\"[cls.e('app'), bem.is('active', active), bem.is('disabled', app.disabled ?? false)]\"\n      :disabled=\"app.disabled\"\n      @click=\"emit('click')\"\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      {{ app.title }}\n    </template>\n  </u-tip>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\n\nimport type { NavItem } from '../../types'\nimport UNavIcon from '../nav/nav-icon.vue'\nimport { UTip } from '../tip'\n\ndefineOptions({ name: 'DualNavApp' })\n\nconst cls = bem('dual-nav')\n\ndefineProps<{ app: NavItem; active: boolean }>()\n\nconst emit = defineEmits<{ click: [] }>()\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EA2BA,MAAM,MAAM,IAAI,UAAU;EAI1B,MAAM,OAAO;;uBA9BX,YAcQ,MAAA,WAAA,GAAA;IAdD,WAAU;IAAQ,cAAA;;IAWZ,SAAO,cACD,CAAA,gBAAA,gBAAZ,QAAA,IAAI,KAAK,GAAA,CAAA,CAAA,CAAA;2BAHL,CART,mBAQS,UAAA;KAPP,MAAK;KACJ,OAAK,eAAA;MAAG,MAAA,GAAA,EAAI,EAAC,KAAA;MAAS,MAAA,GAAA,EAAI,GAAE,UAAW,QAAA,MAAM;MAAG,MAAA,GAAA,EAAI,GAAE,YAAa,QAAA,IAAI,YAAQ,KAAA;KAAA,CAAA;KAC/E,UAAU,QAAA,IAAI;KACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;QAEI,QAAA,IAAI,QAAA,UAAA,GAApB,YAAwE,aAAA;;KAA7C,MAAM,QAAA,IAAI;KAAO,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,UAAA,CAAA;oDACxD,mBAAqE,QAAA;;KAAvD,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,cAAA,CAAA;uBAAqB,QAAA,IAAI,MAAK,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,UAAA,CAAA,CAAA"}

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

@@ -0,0 +1,125 @@
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../tip/tip.js";
+import { collectNavBranchPaths } from "../nav/helper.js";
+import _sfc_main$3 from "../nav/nav.js";
+import _sfc_main$4 from "./dual-nav-app.js";
+import { findRootApp } from "./helper.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+import { Folder, FolderOpened } from "@veltra/icons/normal";
+//#region src/components/dual-nav/dual-nav.vue
+const _hoisted_1 = ["aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "DualNav",
+	__name: "dual-nav",
+	props: {
+		currentPath: {},
+		menus: {}
+	},
+	emits: ["item-click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("dual-nav");
+		const navRef = useTemplateRef("navRef");
+		/** 右栏当前展示的应用（点击左轨或 currentPath 同步） */
+		const panelAppPath = ref();
+		const allExpanded = ref(false);
+		function syncPanelAppFromCurrentPath(currentPath) {
+			const rootApp = findRootApp(props.menus, currentPath);
+			if (rootApp) {
+				panelAppPath.value = rootApp.path;
+				return;
+			}
+			if (!panelAppPath.value && props.menus?.length) panelAppPath.value = props.menus[0].path;
+		}
+		watch(() => [props.currentPath, props.menus], ([currentPath]) => {
+			syncPanelAppFromCurrentPath(currentPath);
+		}, { immediate: true });
+		const panelApp = computed(() => {
+			if (!panelAppPath.value || !props.menus?.length) return void 0;
+			return props.menus.find((app) => app.path === panelAppPath.value);
+		});
+		/** 右栏菜单：有子级时展示子级，单层时展示根项自身 */
+		const panelMenus = computed(() => {
+			const app = panelApp.value;
+			if (!app) return void 0;
+			if (app.children?.length) return app.children;
+			return [app];
+		});
+		const hasExpandableMenus = computed(() => {
+			return collectNavBranchPaths(panelMenus.value).length > 0;
+		});
+		watch(panelAppPath, () => {
+			allExpanded.value = false;
+		});
+		/** 左轨高亮：仅当 currentPath 落在该应用下时激活 */
+		function isAppActive(app) {
+			return findRootApp(props.menus, props.currentPath)?.path === app.path;
+		}
+		function handleAppClick(app) {
+			if (app.disabled) return;
+			panelAppPath.value = app.path;
+			if (!app.children?.length) emit("item-click", app);
+		}
+		function handleToggleExpandAll() {
+			if (allExpanded.value) {
+				navRef.value?.collapseAll();
+				allExpanded.value = false;
+				return;
+			}
+			navRef.value?.expandAll();
+			allExpanded.value = true;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).b) }, [
+				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),
+						onClick: ($event) => handleAppClick(app)
+					}, null, 8, [
+						"app",
+						"active",
+						"onClick"
+					]);
+				}), 128))], 2),
+				createElementVNode("div", {
+					class: normalizeClass(unref(cls).e("divider")),
+					"aria-hidden": "true"
+				}, null, 2),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("panel")) }, [panelApp.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("panel-header")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("panel-header-main")) }, [createElementVNode("h3", { class: normalizeClass(unref(cls).e("panel-title")) }, toDisplayString(panelApp.value.title), 3), panelApp.value.description ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("description"))
+				}, toDisplayString(panelApp.value.description), 3)) : createCommentVNode("v-if", true)], 2), hasExpandableMenus.value ? (openBlock(), createBlock(unref(_sfc_main$2), {
+					key: 0,
+					content: allExpanded.value ? "折叠全部" : "展开全部",
+					"hide-arrow": ""
+				}, {
+					default: withCtx(() => [createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("toggle-expand")),
+						"aria-label": allExpanded.value ? "折叠全部" : "展开全部",
+						onClick: handleToggleExpandAll
+					}, [createVNode(unref(_sfc_main$1), null, {
+						default: withCtx(() => [!allExpanded.value ? (openBlock(), createBlock(unref(FolderOpened), { key: 0 })) : (openBlock(), createBlock(unref(Folder), { key: 1 }))]),
+						_: 1
+					})], 10, _hoisted_1)]),
+					_: 1
+				}, 8, ["content"])) : createCommentVNode("v-if", true)], 2), createElementVNode("div", { class: normalizeClass(unref(cls).e("panel-body")) }, [createVNode(unref(_sfc_main$3), {
+					ref_key: "navRef",
+					ref: navRef,
+					menus: panelMenus.value,
+					"current-path": __props.currentPath,
+					collapsed: false,
+					onItemClick: _cache[0] || (_cache[0] = ($event) => emit("item-click", $event))
+				}, null, 8, ["menus", "current-path"])], 2)], 64)) : createCommentVNode("v-if", true)], 2)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=dual-nav.js.map