@oiij/naive-ui 0.0.75 → 0.0.76

package/README.md

@@ -60,7 +60,7 @@ yarn add @oiij/naive-ui
 ```vue
 <script setup>
 import type { RouteRecordRaw } from 'vue-router'
-import { useAutoMenu } from '@oiij/naive-ui'
+import { useNaiveMenu } from '@oiij/naive-ui'
 
 // 模拟路由配置
 const routes: RouteRecordRaw[] = [
@@ -80,7 +80,7 @@ const routes: RouteRecordRaw[] = [
   }
 ]
 
-const { menuOptions } = useAutoMenu(routes)
+const { menuOptions } = useNaiveMenu(routes)
 </script>
 
 <template>
@@ -94,7 +94,7 @@ const { menuOptions } = useAutoMenu(routes)
 
 ### 组合式 API
 
-- **use-auto-menu** 📋: 自动菜单生成
+- **use-naive-menu** 📋: 自动菜单生成
 - **use-data-request** 📡: 数据请求管理
 - **use-loading** ⏳: 加载状态管理
 - **use-naive-form** 📝: 表单管理

package/dist/components/config-providers/ConfigProviders.vue.d.ts

@@ -1,12 +1,12 @@
 import { ConfigProvidersProps } from "./index.js";
-import * as vue25 from "vue";
+import * as vue20 from "vue";
 
 //#region src/components/config-providers/ConfigProviders.vue.d.ts
 declare var __VLS_44: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_44) => any;
 };
-declare const __VLS_base: vue25.DefineComponent<ConfigProvidersProps, {}, {}, {}, {}, vue25.ComponentOptionsMixin, vue25.ComponentOptionsMixin, {}, string, vue25.PublicProps, Readonly<ConfigProvidersProps> & Readonly<{}>, {}, {}, {}, {}, string, vue25.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue20.DefineComponent<ConfigProvidersProps, {}, {}, {}, {}, vue20.ComponentOptionsMixin, vue20.ComponentOptionsMixin, {}, string, vue20.PublicProps, Readonly<ConfigProvidersProps> & Readonly<{}>, {}, {}, {}, {}, string, vue20.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/copy-button/CopyButton.js

@@ -1,6 +1,6 @@
 import MageCopyFill_default from "../icons/MageCopyFill.js";
-import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
 import { useClipboard } from "@vueuse/core";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
 import { NButton, NTooltip } from "naive-ui";
 
 //#region src/components/copy-button/CopyButton.vue

package/dist/components/copy-button/CopyButton.vue.d.ts

@@ -1,5 +1,5 @@
 import { CopyButtonProps } from "./index.js";
-import * as vue44 from "vue";
+import * as vue54 from "vue";
 
 //#region src/components/copy-button/CopyButton.vue.d.ts
 declare var __VLS_9: {}, __VLS_18: {}, __VLS_25: {};
@@ -10,11 +10,11 @@ type __VLS_Slots = {} & {
 } & {
   tooltip?: (props: typeof __VLS_25) => any;
 };
-declare const __VLS_base: vue44.DefineComponent<CopyButtonProps, {}, {}, {}, {}, vue44.ComponentOptionsMixin, vue44.ComponentOptionsMixin, {} & {
+declare const __VLS_base: vue54.DefineComponent<CopyButtonProps, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {} & {
   copied: (v: string | undefined) => any;
-}, string, vue44.PublicProps, Readonly<CopyButtonProps> & Readonly<{
+}, string, vue54.PublicProps, Readonly<CopyButtonProps> & Readonly<{
   onCopied?: ((v: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue44.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue54.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/data-table-plus/DataTablePlus.vue.d.ts

@@ -1,15 +1,15 @@
 import { DataObject, UseDataRequestPagination } from "../../composables/use-data-request.js";
 import { DataTablePlusEmits, DataTablePlusExpose, DataTablePlusProps } from "./index.js";
 import "../../composables/index.js";
-import * as vue65 from "vue";
 import * as _vueuse_core31 from "@vueuse/core";
+import * as vue70 from "vue";
 import { DataTableBaseColumn, DataTableFilterState, DataTableInst, DataTableSortState } from "naive-ui";
 
 //#region src/components/data-table-plus/DataTablePlus.vue.d.ts
 declare const __VLS_export: <P extends DataObject, D extends DataObject, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue65.PublicProps & __VLS_PrettifyLocal<DataTablePlusProps<P, D, R> & {
-    onSuccess?: ((data: D, params: P[]) => any) | undefined;
+  props: vue70.PublicProps & __VLS_PrettifyLocal<DataTablePlusProps<P, D, R> & {
     onError?: ((err: Error, params: P[]) => any) | undefined;
+    onSuccess?: ((data: D, params: P[]) => any) | undefined;
     onLoad?: ((row: R) => any) | undefined;
     onScroll?: ((ev: Event) => any) | undefined;
     onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
@@ -29,7 +29,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P_1;
   } ? P_1 : {});
-  expose: (exposed: vue65.ShallowUnwrapRef<DataTablePlusExpose<P, D, R>>) => void;
+  expose: (exposed: vue70.ShallowUnwrapRef<DataTablePlusExpose<P, D, R>>) => void;
   attrs: any;
   slots: {
     header?: (props: {
@@ -46,7 +46,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       filters: DataTableFilterState | undefined;
       sorters: Record<string, DataTableSortState> | undefined;
       dataTableInst: DataTableInst | null;
-      pagination: vue65.Ref<{
+      pagination: vue70.Ref<{
         page: number;
         pageSize: number;
         itemCount: number;
@@ -86,7 +86,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       filters: DataTableFilterState | undefined;
       sorters: Record<string, DataTableSortState> | undefined;
       dataTableInst: DataTableInst | null;
-      pagination: vue65.Ref<{
+      pagination: vue70.Ref<{
         page: number;
         pageSize: number;
         itemCount: number;
@@ -124,7 +124,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       filters: DataTableFilterState | undefined;
       sorters: Record<string, DataTableSortState> | undefined;
       dataTableInst: DataTableInst | null;
-      pagination: vue65.Ref<{
+      pagination: vue70.Ref<{
         page: number;
         pageSize: number;
         itemCount: number;
@@ -162,7 +162,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       filters: DataTableFilterState | undefined;
       sorters: Record<string, DataTableSortState> | undefined;
       dataTableInst: DataTableInst | null;
-      pagination: vue65.Ref<{
+      pagination: vue70.Ref<{
         page: number;
         pageSize: number;
         itemCount: number;
@@ -200,7 +200,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       filters: DataTableFilterState | undefined;
       sorters: Record<string, DataTableSortState> | undefined;
       dataTableInst: DataTableInst | null;
-      pagination: vue65.Ref<{
+      pagination: vue70.Ref<{
         page: number;
         pageSize: number;
         itemCount: number;
@@ -238,7 +238,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       filters: DataTableFilterState | undefined;
       sorters: Record<string, DataTableSortState> | undefined;
       dataTableInst: DataTableInst | null;
-      pagination: vue65.Ref<{
+      pagination: vue70.Ref<{
         page: number;
         pageSize: number;
         itemCount: number;
@@ -276,7 +276,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       filters: DataTableFilterState | undefined;
       sorters: Record<string, DataTableSortState> | undefined;
       dataTableInst: DataTableInst | null;
-      pagination: vue65.Ref<{
+      pagination: vue70.Ref<{
         page: number;
         pageSize: number;
         itemCount: number;
@@ -301,7 +301,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
     }) => any;
   };
   emit: DataTablePlusEmits<P, D, R>;
-}>) => vue65.VNode & {
+}>) => vue70.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/loading-provider/LoadingProvider.vue.d.ts

@@ -1,5 +1,5 @@
 import { LoadingProviderProps } from "./index.js";
-import * as vue52 from "vue";
+import * as vue35 from "vue";
 
 //#region src/components/loading-provider/LoadingProvider.vue.d.ts
 declare var __VLS_26: {}, __VLS_29: {}, __VLS_31: {};
@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_31) => any;
 };
-declare const __VLS_base: vue52.DefineComponent<LoadingProviderProps, {}, {}, {}, {}, vue52.ComponentOptionsMixin, vue52.ComponentOptionsMixin, {}, string, vue52.PublicProps, Readonly<LoadingProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue52.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue35.DefineComponent<LoadingProviderProps, {}, {}, {}, {}, vue35.ComponentOptionsMixin, vue35.ComponentOptionsMixin, {}, string, vue35.PublicProps, Readonly<LoadingProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue35.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/preset-form/PresetForm.vue.d.ts

@@ -1,19 +1,19 @@
 import { DataObject } from "../../composables/use-data-request.js";
 import { PresetFormExpose, PresetFormProps } from "./index.js";
-import * as vue35 from "vue";
 import * as _vueuse_core8 from "@vueuse/core";
+import * as vue40 from "vue";
 import * as naive_ui0 from "naive-ui";
 import { FormInst, FormRules } from "naive-ui";
 import * as async_validator0 from "async-validator";
 
 //#region src/components/preset-form/PresetForm.vue.d.ts
 declare const __VLS_export: <V extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue35.PublicProps & __VLS_PrettifyLocal<PresetFormProps<V> & {
+  props: vue40.PublicProps & __VLS_PrettifyLocal<PresetFormProps<V> & {
     onValidated?: ((val: V) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: vue35.ShallowUnwrapRef<PresetFormExpose<V>>) => void;
+  expose: (exposed: vue40.ShallowUnwrapRef<PresetFormExpose<V>>) => void;
   attrs: any;
   slots: {
     header?: (props: {
@@ -21,8 +21,8 @@ declare const __VLS_export: <V extends DataObject>(__VLS_props: NonNullable<Awai
       formValue: V;
       formRules: Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>;
       formProps: {
-        model: vue35.Reactive<V>;
-        rules: vue35.Reactive<Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>>;
+        model: vue40.Reactive<V>;
+        rules: vue40.Reactive<Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>>;
       };
       setValue: (_value: Partial<V>) => void;
       validate: () => Promise<{
@@ -40,8 +40,8 @@ declare const __VLS_export: <V extends DataObject>(__VLS_props: NonNullable<Awai
       formValue: V;
       formRules: Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>;
       formProps: {
-        model: vue35.Reactive<V>;
-        rules: vue35.Reactive<Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>>;
+        model: vue40.Reactive<V>;
+        rules: vue40.Reactive<Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>>;
       };
       setValue: (_value: Partial<V>) => void;
       validate: () => Promise<{
@@ -59,8 +59,8 @@ declare const __VLS_export: <V extends DataObject>(__VLS_props: NonNullable<Awai
       formValue: V;
       formRules: Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>;
       formProps: {
-        model: vue35.Reactive<V>;
-        rules: vue35.Reactive<Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>>;
+        model: vue40.Reactive<V>;
+        rules: vue40.Reactive<Partial<Record<keyof V, FormRules | naive_ui0.FormItemRule | naive_ui0.FormItemRule[]>>>;
       };
       setValue: (_value: Partial<V>) => void;
       validate: () => Promise<{
@@ -74,7 +74,7 @@ declare const __VLS_export: <V extends DataObject>(__VLS_props: NonNullable<Awai
     }) => any;
   };
   emit: (e: "validated", val: V) => void;
-}>) => vue35.VNode & {
+}>) => vue40.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/preset-input/PresetInput.vue.d.ts

@@ -1,9 +1,9 @@
 import { PresetInputProps } from "./index.js";
-import * as vue20 from "vue";
+import * as vue25 from "vue";
 
 //#region src/components/preset-input/PresetInput.vue.d.ts
 declare const __VLS_export: <V>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue20.PublicProps & __VLS_PrettifyLocal<PresetInputProps<V> & {
+  props: vue25.PublicProps & __VLS_PrettifyLocal<PresetInputProps<V> & {
     "onUpdate:value"?: ((val?: V | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -12,7 +12,7 @@ declare const __VLS_export: <V>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
   attrs: any;
   slots: {};
   emit: (e: "update:value", val?: V) => void;
-}>) => vue20.VNode & {
+}>) => vue25.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/preset-picker/PresetPicker.vue.d.ts

@@ -1,11 +1,11 @@
 import { DataObject } from "../../composables/use-data-request.js";
 import { PresetPickerEmits, PresetPickerExpose, PresetPickerProps, PresetPickerValue } from "./index.js";
-import * as vue62 from "vue";
+import * as vue59 from "vue";
 import { DataTableColumns } from "naive-ui";
 
 //#region src/components/preset-picker/PresetPicker.vue.d.ts
 declare const __VLS_export: <V extends PresetPickerValue, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue62.PublicProps & __VLS_PrettifyLocal<PresetPickerProps<V, R> & {
+  props: vue59.PublicProps & __VLS_PrettifyLocal<PresetPickerProps<V, R> & {
     onClose?: (() => any) | undefined;
     "onUpdate:value"?: ((val: V | null, raw: R | R[] | null) => any) | undefined;
     onAfterEnter?: (() => any) | undefined;
@@ -18,7 +18,7 @@ declare const __VLS_export: <V extends PresetPickerValue, R extends DataObject>(
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: vue62.ShallowUnwrapRef<PresetPickerExpose<R>>) => void;
+  expose: (exposed: vue59.ShallowUnwrapRef<PresetPickerExpose<R>>) => void;
   attrs: any;
   slots: {
     'button-icon'?: (props: {}) => any;
@@ -54,7 +54,7 @@ declare const __VLS_export: <V extends PresetPickerValue, R extends DataObject>(
     'modal-close'?: (props: {}) => any;
   };
   emit: PresetPickerEmits<V, R>;
-}>) => vue62.VNode & {
+}>) => vue59.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/preset-select/PresetSelect.js

@@ -1,6 +1,6 @@
 import { useDataRequest } from "../../composables/use-data-request.js";
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, reactive, ref, renderSlot, toRaw, toValue, unref, useTemplateRef, withCtx } from "vue";
 import { useDebounceFn } from "@vueuse/core";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, reactive, ref, renderSlot, toRaw, toValue, unref, useTemplateRef, withCtx } from "vue";
 import { NFlex, NPagination, NSelect } from "naive-ui";
 
 //#region src/components/preset-select/PresetSelect.vue

package/dist/components/preset-select/PresetSelect.vue.d.ts

@@ -1,14 +1,14 @@
 import { DataObject, UseDataRequestPagination } from "../../composables/use-data-request.js";
 import { PresetSelectEmits, PresetSelectExpose, PresetSelectProps, PresetSelectValue } from "./index.js";
-import * as vue49 from "vue";
 import * as _vueuse_core11 from "@vueuse/core";
+import * as vue62 from "vue";
 import { SelectInst, SelectOption } from "naive-ui";
 
 //#region src/components/preset-select/PresetSelect.vue.d.ts
 declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject, D extends DataObject, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue49.PublicProps & __VLS_PrettifyLocal<PresetSelectProps<V, P, D, R> & {
-    onSuccess?: ((data: D, params: P[]) => any) | undefined;
+  props: vue62.PublicProps & __VLS_PrettifyLocal<PresetSelectProps<V, P, D, R> & {
     onError?: ((err: Error, params: P[]) => any) | undefined;
+    onSuccess?: ((data: D, params: P[]) => any) | undefined;
     onClear?: (() => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     onFocus?: ((ev: FocusEvent) => any) | undefined;
@@ -23,7 +23,7 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P_1;
   } ? P_1 : {});
-  expose: (exposed: vue49.ShallowUnwrapRef<PresetSelectExpose<P, D, R>>) => void;
+  expose: (exposed: vue62.ShallowUnwrapRef<PresetSelectExpose<P, D, R>>) => void;
   attrs: any;
   slots: {
     header?: (props: {
@@ -162,7 +162,7 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
     }) => any;
   };
   emit: PresetSelectEmits<V, P, D, R>;
-}>) => vue49.VNode & {
+}>) => vue62.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/remote-request/RemoteRequest.vue.d.ts

@@ -1,19 +1,19 @@
 import { DataObject, UseDataRequestPagination } from "../../composables/use-data-request.js";
 import { RemoteRequestEmits, RemoteRequestExpose, RemoteRequestProps } from "./index.js";
-import * as vue22 from "vue";
 import * as _vueuse_core4 from "@vueuse/core";
+import * as vue27 from "vue";
 
 //#region src/components/remote-request/RemoteRequest.vue.d.ts
 declare const __VLS_export: <P extends DataObject, D extends DataObject, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue22.PublicProps & __VLS_PrettifyLocal<RemoteRequestProps<P, D> & {
-    onSuccess?: ((data: D, params: P[]) => any) | undefined;
+  props: vue27.PublicProps & __VLS_PrettifyLocal<RemoteRequestProps<P, D> & {
     onError?: ((err: Error, params: P[]) => any) | undefined;
+    onSuccess?: ((data: D, params: P[]) => any) | undefined;
     onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
     onBefore?: ((params: P[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P_1;
   } ? P_1 : {});
-  expose: (exposed: vue22.ShallowUnwrapRef<RemoteRequestExpose<P, D, R>>) => void;
+  expose: (exposed: vue27.ShallowUnwrapRef<RemoteRequestExpose<P, D, R>>) => void;
   attrs: any;
   slots: {
     default?: (props: {
@@ -43,7 +43,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
     }) => any;
   };
   emit: RemoteRequestEmits<P, D>;
-}>) => vue22.VNode & {
+}>) => vue27.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/search-input/SearchInput.js

@@ -1,6 +1,6 @@
 import MageSearch_default from "../icons/MageSearch.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watch, watchEffect, withCtx } from "vue";
 import { useDebounceFn, useTimeoutFn } from "@vueuse/core";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watch, watchEffect, withCtx } from "vue";
 import { NButton, NInput, NInputGroup } from "naive-ui";
 
 //#region src/components/search-input/SearchInput.vue

package/dist/components/search-input/SearchInput.vue.d.ts

@@ -1,5 +1,5 @@
 import { SearchInputProps } from "./index.js";
-import * as vue57 from "vue";
+import * as vue49 from "vue";
 
 //#region src/components/search-input/SearchInput.vue.d.ts
 declare var __VLS_19: {}, __VLS_21: {}, __VLS_28: {
@@ -15,11 +15,11 @@ type __VLS_Slots = {} & {
 } & {
   'button-icon'?: (props: typeof __VLS_39) => any;
 };
-declare const __VLS_base: vue57.DefineComponent<SearchInputProps, {}, {}, {}, {}, vue57.ComponentOptionsMixin, vue57.ComponentOptionsMixin, {} & {
+declare const __VLS_base: vue49.DefineComponent<SearchInputProps, {}, {}, {}, {}, vue49.ComponentOptionsMixin, vue49.ComponentOptionsMixin, {} & {
   "update:value": (v: string | null | undefined) => any;
-}, string, vue57.PublicProps, Readonly<SearchInputProps> & Readonly<{
+}, string, vue49.PublicProps, Readonly<SearchInputProps> & Readonly<{
   "onUpdate:value"?: ((v: string | null | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue57.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue49.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/type-writer/TypeWriter.vue.d.ts

@@ -1,22 +1,22 @@
 import { TypeWriterProps } from "./index.js";
-import * as vue75 from "vue";
+import * as vue65 from "vue";
 
 //#region src/components/type-writer/TypeWriter.vue.d.ts
-declare const __VLS_export: vue75.DefineComponent<TypeWriterProps, {}, {}, {}, {}, vue75.ComponentOptionsMixin, vue75.ComponentOptionsMixin, {} & {
+declare const __VLS_export: vue65.DefineComponent<TypeWriterProps, {}, {}, {}, {}, vue65.ComponentOptionsMixin, vue65.ComponentOptionsMixin, {} & {
   start: () => any;
   update: (v: {
     index: number;
     value: string;
   }) => any;
   stop: (v: string) => any;
-}, string, vue75.PublicProps, Readonly<TypeWriterProps> & Readonly<{
+}, string, vue65.PublicProps, Readonly<TypeWriterProps> & Readonly<{
   onStart?: (() => any) | undefined;
   onUpdate?: ((v: {
     index: number;
     value: string;
   }) => any) | undefined;
   onStop?: ((v: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue75.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue65.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

package/dist/composables/index.d.ts

@@ -1,5 +1,5 @@
-import { UseAutoMenuReturn, useAutoMenu } from "./use-auto-menu.js";
 import { DataObject, DataRequestFields, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, useDataRequest } from "./use-data-request.js";
 import { useLoading } from "./use-loading.js";
 import { UseNaiveFormClearRules, UseNaiveFormOptions, UseNaiveFormReturns, UseNaiveFormRules, useNaiveForm } from "./use-naive-form.js";
+import { UseNaiveMenuOptions, UseNaiveMenuReturn, useNaiveMenu } from "./use-naive-menu.js";
 import { UseNaiveThemeOptions, UseNaiveThemeReturns, useNaiveTheme } from "./use-naive-theme.js";

package/dist/composables/use-data-request.d.ts

@@ -1,5 +1,5 @@
-import * as vue4 from "vue";
 import * as _vueuse_core0 from "@vueuse/core";
+import * as vue0 from "vue";
 import { UseRequestOptions, UseRequestPlugin } from "vue-hooks-plus/es/useRequest/types";
 
 //#region src/composables/use-data-request.d.ts
@@ -48,12 +48,12 @@ type UseDataRequestPagination = {
  * @returns 数据请求操作对象
  */
 declare function useDataRequest<P extends DataObject = DataObject, D extends DataObject = DataObject, R extends DataObject = DataObject>(api: (...args: P[]) => Promise<D>, options?: UseDataRequestOptions<P, D>): {
-  /** 加载状态 */loading: Readonly<vue4.Ref<boolean, boolean>>; /** 响应数据 */
-  data: Readonly<vue4.Ref<D | undefined, D | undefined>>; /** 错误信息 */
-  error: Readonly<vue4.Ref<Error | undefined, Error | undefined>>; /** 请求参数 */
-  params: Readonly<vue4.Ref<[] | P[], [] | P[]>>; /** 列表数据 */
-  list: vue4.ComputedRef<R[]>; /** 分页信息 */
-  pagination: vue4.Ref<{
+  /** 加载状态 */loading: Readonly<vue0.Ref<boolean, boolean>>; /** 响应数据 */
+  data: Readonly<vue0.Ref<D | undefined, D | undefined>>; /** 错误信息 */
+  error: Readonly<vue0.Ref<Error | undefined, Error | undefined>>; /** 请求参数 */
+  params: Readonly<vue0.Ref<P[] | [], P[] | []>>; /** 列表数据 */
+  list: vue0.ComputedRef<R[]>; /** 分页信息 */
+  pagination: vue0.Ref<{
     page: number;
     pageSize: number;
     itemCount: number;

package/dist/composables/use-data-request.js

@@ -1,5 +1,5 @@
-import { computed, ref } from "vue";
 import { createEventHook } from "@vueuse/core";
+import { computed, ref } from "vue";
 import useRequest from "vue-hooks-plus/es/useRequest";
 
 //#region src/composables/use-data-request.ts

package/dist/composables/use-naive-form.d.ts

@@ -1,7 +1,7 @@
 import { DataObject } from "./use-data-request.js";
-import * as vue1 from "vue";
+import * as _vueuse_core3 from "@vueuse/core";
+import * as vue7 from "vue";
 import { MaybeRefOrGetter, Ref, TemplateRef } from "vue";
-import * as _vueuse_core0 from "@vueuse/core";
 import { FormInst, FormItemRule, FormRules } from "naive-ui";
 import { ValidateError } from "async-validator";
 
@@ -37,12 +37,12 @@ type UseNaiveFormOptions<T extends DataObject> = {
  * @returns 表单操作对象
  */
 declare function useNaiveForm<T extends DataObject = DataObject>(formInstRef: TemplateRef<FormInst>, options?: UseNaiveFormOptions<T>): {
-  /** 表单实例引用 */formInst: Readonly<vue1.ShallowRef<FormInst | null>>; /** 表单值引用 */
+  /** 表单实例引用 */formInst: Readonly<vue7.ShallowRef<FormInst | null>>; /** 表单值引用 */
   formValue: Ref<T, T>; /** 表单规则引用 */
   formRules: Ref<Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>>, Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>>>; /** 表单属性，用于绑定到表单组件 */
   formProps: {
-    model: vue1.Reactive<T>;
-    rules: vue1.Reactive<Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>>>;
+    model: vue7.Reactive<T>;
+    rules: vue7.Reactive<Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>>>;
   }; /** 设置表单值 */
   setValue: (_value: Partial<T>) => void; /** 验证表单 */
   validate: () => Promise<{
@@ -52,7 +52,7 @@ declare function useNaiveForm<T extends DataObject = DataObject>(formInstRef: Te
   resetForm: () => void; /** 重置表单验证状态和值 */
   reset: () => void; /** 清空表单值 */
   clear: () => void; /** 验证成功事件 */
-  onValidated: _vueuse_core0.EventHookOn<[T]>;
+  onValidated: _vueuse_core3.EventHookOn<[T]>;
 };
 /**
  * useNaiveForm 返回类型

package/dist/composables/use-naive-form.js

@@ -1,5 +1,5 @@
-import { reactive, ref, toRaw, toValue, watchEffect } from "vue";
 import { createEventHook } from "@vueuse/core";
+import { reactive, ref, toRaw, toValue, watchEffect } from "vue";
 import { cloneDeep } from "es-toolkit/object";
 
 //#region src/composables/use-naive-form.ts

package/dist/composables/use-naive-menu.d.ts

@@ -0,0 +1,103 @@
+import * as vue5 from "vue";
+import { MaybeRefOrGetter, VNodeChild } from "vue";
+import { MenuOption } from "naive-ui";
+import { RouteRecordRaw } from "vue-router";
+
+//#region src/composables/use-naive-menu.d.ts
+/**
+ * 配置选项接口
+ * 用于定义 useNaiveMenu 组合函数的配置参数
+ */
+type UseNaiveMenuOptions = {
+  /**
+   * 隐藏条件，可以是函数或字符串
+   * - 如果是函数，返回 true 时路由将不显示在菜单中
+   * - 如果是字符串，则从 route.meta 中获取对应属性的值
+   * @default 'hidden'
+   */
+  hidden?: ((route: RouteRecordRaw) => boolean | string) | string;
+  /**
+   * 根路由判断，可以是函数或字符串
+   * - 如果是函数，返回 true 时路由将作为顶级菜单
+   * - 如果是字符串，则从 route.meta 中获取对应属性的值
+   * @default 'root'
+   */
+  root?: ((route: RouteRecordRaw) => boolean | string) | string;
+  /**
+   * 标签字段名，从 route.meta 中获取对应属性的值作为菜单标签
+   * @default 'title'
+   */
+  labelField?: string;
+  /**
+   * 键字段名，从 route 中获取对应属性的值作为菜单键
+   * @default 'name'
+   */
+  keyField?: string;
+  /**
+   * 图标字段名，从 route.meta 中获取对应属性的值作为菜单图标
+   * @default 'icon'
+   */
+  iconField?: string;
+  /**
+   * 图标渲染函数，用于自定义图标渲染
+   */
+  renderIcon?: (icon: string) => VNodeChild;
+  /**
+   * 父路由元信息字段名
+   * @default 'parent'
+   */
+  parentField?: string;
+  /**
+   * 父路由文件路径
+   * @default ''
+   */
+  parentFilePath?: string;
+  /**
+   * 父路由元信息生成函数
+   */
+  parent?: (route: RouteRecordRaw) => Record<string, unknown>;
+  /**
+   * 自定义菜单选项创建函数
+   */
+  createMenuOption?: (route: RouteRecordRaw) => MenuOption;
+};
+/**
+ * 自动菜单组合函数
+ * 将路由配置转换为菜单配置，并提供扁平化的菜单选项
+ * @param routes 路由配置数组，可以是响应式或普通数组
+ * @param options 配置选项
+ * @returns 包含菜单选项和扁平化菜单选项的对象
+ *
+ * @example
+ * // 基本使用
+ * const { menuOptions, flattenedMenuOptions } = useNaiveMenu(routes)
+ *
+ * // 带配置选项（使用函数）
+ * const { menuOptions, flattenedMenuOptions } = useNaiveMenu(routes, {
+ *   hidden: (route) => route.meta?.hidden,
+ *   root: (route) => route.meta?.root,
+ *   labelField: 'title',
+ *   keyField: 'name',
+ *   iconField: 'icon',
+ *   renderIcon: (icon) => h('i', { class: icon })
+ * })
+ *
+ * // 带配置选项（使用字符串）
+ * const { menuOptions, flattenedMenuOptions } = useNaiveMenu(routes, {
+ *   hidden: 'hidden',
+ *   root: 'root',
+ *   labelField: 'title',
+ *   keyField: 'name',
+ *   iconField: 'icon'
+ * })
+ */
+declare function useNaiveMenu(routes: MaybeRefOrGetter<RouteRecordRaw[]>, options?: UseNaiveMenuOptions): {
+  menuOptions: vue5.ComputedRef<MenuOption[]>;
+  flattenedMenuOptions: vue5.ComputedRef<MenuOption[]>;
+};
+/**
+ * useNaiveMenu 返回类型
+ */
+type UseNaiveMenuReturn = ReturnType<typeof useNaiveMenu>;
+//#endregion
+export { UseNaiveMenuOptions, UseNaiveMenuReturn, useNaiveMenu };

package/dist/composables/use-naive-menu.js

@@ -0,0 +1,181 @@
+import { computed, toValue } from "vue";
+
+//#region src/composables/use-naive-menu.ts
+/**
+* 获取配置值
+* @param route 路由配置
+* @param config 配置项，可以是函数或字符串
+* @param returnType 返回类型，'meta' 从 meta 中获取，'route' 从路由本身获取
+* @param defaultValue 默认值
+* @returns 配置值或默认值
+*/
+function getConfigValue(route, config, returnType, defaultValue) {
+	if (!config) return defaultValue;
+	if (typeof config === "function") return config(route);
+	if (returnType === "meta") return route.meta?.[config] ?? defaultValue;
+	return route?.[config] ?? defaultValue;
+}
+/**
+* 创建单个菜单选项
+* @param route 路由配置
+* @param options 配置选项
+* @returns 菜单选项
+*/
+function createConfigMenuOption(route, options) {
+	const { labelField, keyField, iconField, renderIcon } = options ?? {};
+	const labelValue = getConfigValue(route, labelField, "meta");
+	const keyValue = getConfigValue(route, keyField, "route");
+	const iconValue = getConfigValue(route, iconField, "meta");
+	return {
+		label: labelValue ?? route.meta?.title ?? route.name ?? route.path,
+		key: keyValue ?? route.name?.toString() ?? route.path?.toString(),
+		icon: iconValue ? () => renderIcon?.(iconValue) : void 0,
+		meta: route.meta
+	};
+}
+/**
+* 判断路由是否应该隐藏
+* @param route 路由配置
+* @param hidden 隐藏条件
+* @returns 是否隐藏
+*/
+function shouldHide(route, hidden) {
+	if (!hidden) return false;
+	const result = getConfigValue(route, hidden, "meta");
+	return typeof result === "boolean" ? result : !!result;
+}
+/**
+* 判断路由是否为根路由
+* @param route 路由配置
+* @param root 根路由判断
+* @returns 是否为根路由
+*/
+function isRoot(route, root) {
+	if (!root) return false;
+	const result = getConfigValue(route, root, "meta");
+	return typeof result === "boolean" ? result : !!result;
+}
+/**
+* 将路由配置转换为菜单配置的递归函数
+* @param routes 路由配置数组
+* @param options 配置选项
+* @returns 菜单配置数组
+*/
+function routes2menu(routes, options) {
+	const { hidden, root, createMenuOption } = options ?? {};
+	const menuOptions = [];
+	for (const route of routes ?? []) {
+		if (shouldHide(route, hidden)) continue;
+		const menu = typeof createMenuOption === "function" ? createMenuOption(route) : createConfigMenuOption(route, options);
+		if (route.children?.length) {
+			const rootChildren = route.children.filter((child) => isRoot(child, root));
+			const normalChildren = route.children.filter((child) => !isRoot(child, root));
+			if (normalChildren.length) menu.children = routes2menu(normalChildren, options);
+			if (rootChildren.length) {
+				const rootMenuOptions = rootChildren.filter((child) => !shouldHide(child, hidden)).map((child) => typeof createMenuOption === "function" ? createMenuOption(child) : createConfigMenuOption(child, options));
+				menuOptions.push(...rootMenuOptions);
+			}
+		}
+		menuOptions.push(menu);
+	}
+	return menuOptions;
+}
+/**
+* 深度扁平化菜单选项
+* @param menuOptions 菜单选项数组
+* @returns 扁平化的菜单选项数组
+*/
+function flattenDeepMenuOptions(menuOptions) {
+	return menuOptions.reduce((flattened, menu) => {
+		flattened.push(menu);
+		if (menu.children?.length) flattened.push(...flattenDeepMenuOptions(menu.children));
+		return flattened;
+	}, []);
+}
+/**
+* 深度向上合并父路由元信息
+* @param routes 路由配置数组
+* @param parentField 父路由元信息字段名
+* @param parentFilePath 父路由文件路径
+* @param parent 父路由元信息生成函数
+* @returns 处理后的路由配置数组
+*/
+function deepUpRouteParentMeta(routes, parentField, parentFilePath, parent) {
+	return routes.map((route) => {
+		const emptyPathChild = route.children?.find((f) => f.path === parentFilePath);
+		if (emptyPathChild) {
+			if (typeof parent === "function") {
+				const parentMeta = parent(route);
+				route.meta = {
+					...route.meta,
+					...parentMeta
+				};
+			} else if (parentField) {
+				const parentMeta = emptyPathChild.meta?.[parentField];
+				route.meta = {
+					...route.meta,
+					...parentMeta
+				};
+			}
+		}
+		if (route.children?.length) route.children = deepUpRouteParentMeta(route.children, parentField, parentFilePath, parent);
+		return route;
+	});
+}
+/**
+* 自动菜单组合函数
+* 将路由配置转换为菜单配置，并提供扁平化的菜单选项
+* @param routes 路由配置数组，可以是响应式或普通数组
+* @param options 配置选项
+* @returns 包含菜单选项和扁平化菜单选项的对象
+*
+* @example
+* // 基本使用
+* const { menuOptions, flattenedMenuOptions } = useNaiveMenu(routes)
+*
+* // 带配置选项（使用函数）
+* const { menuOptions, flattenedMenuOptions } = useNaiveMenu(routes, {
+*   hidden: (route) => route.meta?.hidden,
+*   root: (route) => route.meta?.root,
+*   labelField: 'title',
+*   keyField: 'name',
+*   iconField: 'icon',
+*   renderIcon: (icon) => h('i', { class: icon })
+* })
+*
+* // 带配置选项（使用字符串）
+* const { menuOptions, flattenedMenuOptions } = useNaiveMenu(routes, {
+*   hidden: 'hidden',
+*   root: 'root',
+*   labelField: 'title',
+*   keyField: 'name',
+*   iconField: 'icon'
+* })
+*/
+function useNaiveMenu(routes, options) {
+	const { hidden = "hidden", root = "root", labelField = "title", keyField = "name", iconField = "icon", renderIcon, createMenuOption, parentField = "parent", parentFilePath = "", parent } = options ?? {};
+	/**
+	* 菜单选项
+	* 响应式计算属性，当路由或配置变化时自动更新
+	*/
+	const menuOptions = computed(() => {
+		return routes2menu(deepUpRouteParentMeta(toValue(routes), parentField, parentFilePath, parent), {
+			hidden,
+			root,
+			labelField,
+			keyField,
+			iconField,
+			renderIcon,
+			createMenuOption
+		});
+	});
+	return {
+		menuOptions,
+		flattenedMenuOptions: computed(() => {
+			return flattenDeepMenuOptions(menuOptions.value);
+		})
+	};
+}
+
+//#endregion
+export { useNaiveMenu };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { UseAutoMenuReturn, useAutoMenu } from "./composables/use-auto-menu.js";
 import { DataObject, DataRequestFields, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, useDataRequest } from "./composables/use-data-request.js";
 import { useLoading } from "./composables/use-loading.js";
 import { UseNaiveFormClearRules, UseNaiveFormOptions, UseNaiveFormReturns, UseNaiveFormRules, useNaiveForm } from "./composables/use-naive-form.js";
+import { UseNaiveMenuOptions, UseNaiveMenuReturn, useNaiveMenu } from "./composables/use-naive-menu.js";
 import { UseNaiveThemeOptions, UseNaiveThemeReturns, useNaiveTheme } from "./composables/use-naive-theme.js";
 import "./composables/index.js";
-export { DataObject, DataRequestFields, UseAutoMenuReturn, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, UseNaiveFormClearRules, UseNaiveFormOptions, UseNaiveFormReturns, UseNaiveFormRules, UseNaiveThemeOptions, UseNaiveThemeReturns, useAutoMenu, useDataRequest, useLoading, useNaiveForm, useNaiveTheme };
+export { DataObject, DataRequestFields, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, UseNaiveFormClearRules, UseNaiveFormOptions, UseNaiveFormReturns, UseNaiveFormRules, UseNaiveMenuOptions, UseNaiveMenuReturn, UseNaiveThemeOptions, UseNaiveThemeReturns, useDataRequest, useLoading, useNaiveForm, useNaiveMenu, useNaiveTheme };

package/dist/index.js

@@ -1,7 +1,7 @@
-import { useAutoMenu } from "./composables/use-auto-menu.js";
 import { useDataRequest } from "./composables/use-data-request.js";
 import { useLoading } from "./composables/use-loading.js";
 import { useNaiveForm } from "./composables/use-naive-form.js";
+import { useNaiveMenu } from "./composables/use-naive-menu.js";
 import { useNaiveTheme } from "./composables/use-naive-theme.js";
 
-export { useAutoMenu, useDataRequest, useLoading, useNaiveForm, useNaiveTheme };
+export { useDataRequest, useLoading, useNaiveForm, useNaiveMenu, useNaiveTheme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oiij/naive-ui",
   "type": "module",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "description": "Some Composable Functions And Components for Vue 3",
   "author": "oiij",
   "license": "MIT",
@@ -46,8 +46,8 @@
     "vue-component-type-helpers": "^3.2.4",
     "vue-hooks-plus": "^2.4.1",
     "vue-router": "^5.0.2",
-    "@oiij/markdown-it": "0.0.12",
     "@oiij/css-render": "0.0.10",
+    "@oiij/markdown-it": "0.0.12",
     "@oiij/use": "0.0.44"
   },
   "devDependencies": {
@@ -62,9 +62,9 @@
     "vue-component-type-helpers": "^3.2.4",
     "vue-hooks-plus": "^2.4.1",
     "vue-router": "^5.0.2",
-    "@oiij/markdown-it": "0.0.12",
     "@oiij/css-render": "0.0.10",
-    "@oiij/use": "0.0.44"
+    "@oiij/use": "0.0.44",
+    "@oiij/markdown-it": "0.0.12"
   },
   "publishConfig": {
     "access": "public"

package/dist/composables/use-auto-menu.d.ts

@@ -1,74 +0,0 @@
-import * as vue0 from "vue";
-import { MaybeRefOrGetter, VNode } from "vue";
-import { MenuOption } from "naive-ui";
-import { RouteRecordRaw } from "vue-router";
-
-//#region src/composables/use-auto-menu.d.ts
-/**
- * 配置选项接口
- */
-type Options = {
-  /**
-   * 隐藏条件，可以是函数或字符串
-   * - 如果是函数，返回 true 时路由将不显示在菜单中
-   * - 如果是字符串，则从 route.meta 中获取对应属性的值
-   */
-  hide?: ((route: RouteRecordRaw) => boolean | string) | string;
-  /**
-   * 根路由判断，可以是函数或字符串
-   * - 如果是函数，返回 true 时路由将作为顶级菜单
-   * - 如果是字符串，则从 route.meta 中获取对应属性的值
-   */
-  root?: ((route: RouteRecordRaw) => boolean | string) | string;
-  /**
-   * 标签生成，可以是函数或字符串
-   * - 如果是函数，使用函数返回值作为菜单项的显示文本
-   * - 如果是字符串，则从 route.meta 中获取对应属性的值
-   */
-  label?: ((route: RouteRecordRaw) => string) | string;
-  /**
-   * 键生成，可以是函数或字符串
-   * - 如果是函数，使用函数返回值作为菜单项的唯一标识
-   * - 如果是字符串，则从 route.meta 中获取对应属性的值
-   */
-  key?: ((route: RouteRecordRaw) => string) | string;
-  /**
-   * 图标渲染函数，用于自定义路由图标
-   */
-  icon?: (route: RouteRecordRaw) => VNode | string | undefined | null;
-};
-/**
- * 自动菜单组合函数
- * @param routes 路由配置数组
- * @param options 配置选项
- * @returns 包含菜单选项和扁平化菜单选项的对象
- *
- * @example
- * // 基本使用
- * const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes)
- *
- * // 带配置选项（使用函数）
- * const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes, {
- *   hide: (route) => route.meta?.hidden,
- *   root: (route) => route.meta?.root,
- *   label: (route) => route.meta?.title ?? route.name,
- *   key: (route) => route.path,
- *   icon: (route) => route.meta?.icon
- * })
- *
- * // 带配置选项（使用字符串）
- * const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes, {
- *   hide: 'hidden',
- *   root: 'root',
- *   label: 'title',
- *   key: 'path',
- *   icon: (route) => route.meta?.icon
- * })
- */
-declare function useAutoMenu(routes: MaybeRefOrGetter<RouteRecordRaw[]>, options?: Options): {
-  menuOptions: vue0.ComputedRef<MenuOption[]>;
-  flattenedMenuOptions: vue0.ComputedRef<MenuOption[]>;
-};
-type UseAutoMenuReturn = ReturnType<typeof useAutoMenu>;
-//#endregion
-export { UseAutoMenuReturn, useAutoMenu };

package/dist/composables/use-auto-menu.js

@@ -1,129 +0,0 @@
-import { computed, toValue } from "vue";
-
-//#region src/composables/use-auto-menu.ts
-/**
-* 获取配置值，支持函数和字符串两种类型
-* @param route 路由配置
-* @param config 配置项，可以是函数或字符串
-* @param defaultValue 默认值
-* @returns 配置值
-*/
-function getConfigValue(route, config, defaultValue) {
-	if (!config) return defaultValue;
-	if (typeof config === "function") return config(route);
-	return route.meta?.[config] ?? defaultValue;
-}
-/**
-* 创建单个菜单选项
-* @param route 路由配置
-* @param options 配置选项
-* @returns 菜单选项
-*/
-function createMenuOption(route, options) {
-	const { label, key, icon } = options ?? {};
-	return {
-		label: getConfigValue(route, label) ?? route.meta?.title ?? route.name ?? route.path,
-		key: getConfigValue(route, key) ?? route.name?.toString() ?? route.path?.toString(),
-		icon: icon ? () => icon(route) : void 0,
-		meta: route.meta
-	};
-}
-/**
-* 判断路由是否应该隐藏
-* @param route 路由配置
-* @param hide 隐藏条件
-* @returns 是否隐藏
-*/
-function shouldHide(route, hide) {
-	if (!hide) return false;
-	const result = getConfigValue(route, hide);
-	return typeof result === "boolean" ? result : !!result;
-}
-/**
-* 判断路由是否为根路由
-* @param route 路由配置
-* @param root 根路由判断
-* @returns 是否为根路由
-*/
-function isRoot(route, root) {
-	if (!root) return !!route.meta?.root;
-	const result = getConfigValue(route, root);
-	return typeof result === "boolean" ? result : !!result;
-}
-/**
-* 将路由配置转换为菜单配置的递归函数
-* @param routes 路由配置数组
-* @param options 配置选项
-* @returns 菜单配置数组
-*/
-function routes2menu(routes, options) {
-	const { hide, root } = options ?? {};
-	const menuOptions = [];
-	for (const route of routes ?? []) {
-		if (shouldHide(route, hide)) continue;
-		const menu = createMenuOption(route, options);
-		if (route.children?.length) {
-			const rootChildren = route.children.filter((child) => isRoot(child, root));
-			const normalChildren = route.children.filter((child) => !isRoot(child, root));
-			if (normalChildren.length) menu.children = routes2menu(normalChildren, options);
-			if (rootChildren.length) {
-				const rootMenuOptions = rootChildren.filter((child) => !shouldHide(child, hide)).map((child) => createMenuOption(child, options));
-				menuOptions.push(...rootMenuOptions);
-			}
-		}
-		menuOptions.push(menu);
-	}
-	return menuOptions;
-}
-/**
-* 深度扁平化菜单选项
-* @param menuOptions 菜单选项数组
-* @returns 扁平化的菜单选项数组
-*/
-function flattenMenuOptions(menuOptions) {
-	const flattened = [];
-	function processMenu(menu) {
-		flattened.push(menu);
-		if (menu.children?.length) for (const child of menu.children) processMenu(child);
-	}
-	for (const menu of menuOptions) processMenu(menu);
-	return flattened;
-}
-/**
-* 自动菜单组合函数
-* @param routes 路由配置数组
-* @param options 配置选项
-* @returns 包含菜单选项和扁平化菜单选项的对象
-*
-* @example
-* // 基本使用
-* const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes)
-*
-* // 带配置选项（使用函数）
-* const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes, {
-*   hide: (route) => route.meta?.hidden,
-*   root: (route) => route.meta?.root,
-*   label: (route) => route.meta?.title ?? route.name,
-*   key: (route) => route.path,
-*   icon: (route) => route.meta?.icon
-* })
-*
-* // 带配置选项（使用字符串）
-* const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes, {
-*   hide: 'hidden',
-*   root: 'root',
-*   label: 'title',
-*   key: 'path',
-*   icon: (route) => route.meta?.icon
-* })
-*/
-function useAutoMenu(routes, options) {
-	const menuOptions = computed(() => routes2menu(toValue(routes), options));
-	return {
-		menuOptions,
-		flattenedMenuOptions: computed(() => flattenMenuOptions(menuOptions.value))
-	};
-}
-
-//#endregion
-export { useAutoMenu };