@oiij/naive-ui 0.0.75 → 0.0.77

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

@@ -0,0 +1,133 @@
+import { computed, toValue } from "vue";
+
+//#region src/composables/use-naive-menu.ts
+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;
+}
+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
+	};
+}
+function shouldHide(route, hidden) {
+	if (!hidden) return false;
+	const result = getConfigValue(route, hidden, "meta");
+	return typeof result === "boolean" ? result : !!result;
+}
+function isRoot(route, root) {
+	if (!root) return false;
+	const result = getConfigValue(route, root, "meta");
+	return typeof result === "boolean" ? result : !!result;
+}
+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;
+}
+function flattenDeepMenuOptions(menuOptions) {
+	return menuOptions.reduce((flattened, menu) => {
+		flattened.push(menu);
+		if (menu.children?.length) flattened.push(...flattenDeepMenuOptions(menu.children));
+		return flattened;
+	}, []);
+}
+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
+* ```ts
+* // 基本使用
+* 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/composables/use-naive-theme.d.ts

@@ -4,13 +4,9 @@ import { GlobalThemeOverrides, NDateLocale, zhCN } from "naive-ui";
 import * as naive_ui_es_themes_interface0 from "naive-ui/es/themes/interface";
 
 //#region src/composables/use-naive-theme.d.ts
-/**
- * 语言包类型
- * @template T 语言代码类型
- */
 type Locales<T extends string = string> = Record<T, {
-  /** 语言名称 */name: string; /** 日期本地化配置 */
-  dateLocale: NDateLocale; /** 语言包配置 */
+  name: string;
+  dateLocale: NDateLocale;
   locale: typeof zhCN;
 }>;
 /**
@@ -30,11 +26,28 @@ type UseNaiveThemeOptions<T extends string> = {
  * @template T 语言代码类型
  * @param options 配置选项
  * @returns 主题管理对象
+ * @example
+ * ```ts
+ * const {
+ *   language,
+ *   darkMode,
+ *   theme,
+ *   themeColors,
+ *   themeOverrides,
+ *   locale,
+ *   setColor
+ * } = useNaiveTheme({
+ *   language: 'zh-CN',
+ *   darkMode: false,
+ *   colors: { primary: '#1890ff' },
+ *   globalThemeOverrides: { common: { fontSize: '14px' } }
+ * })
+ * ```
  */
 declare function useNaiveTheme<T extends string>(options?: UseNaiveThemeOptions<T>): {
-  /** 语言代码引用 */language: Ref<T | undefined, T | undefined>; /** 暗黑模式引用 */
-  darkMode: Ref<boolean | undefined, boolean | undefined>; /** 当前主题 */
-  theme: ComputedRef<naive_ui_es_themes_interface0.BuiltInGlobalTheme | undefined>; /** 颜色配置引用 */
+  language: Ref<T | undefined, T | undefined>;
+  darkMode: Ref<boolean | undefined, boolean | undefined>;
+  theme: ComputedRef<naive_ui_es_themes_interface0.BuiltInGlobalTheme | undefined>;
   colors: Ref<{
     primary?: string | undefined;
     info?: string | undefined;
@@ -47,17 +60,17 @@ declare function useNaiveTheme<T extends string>(options?: UseNaiveThemeOptions<
     success?: string | undefined;
     warning?: string | undefined;
     error?: string | undefined;
-  }>; /** 计算后的主题颜色 */
+  }>;
   themeColors: ComputedRef<{
     primary?: string | undefined;
     info?: string | undefined;
     success?: string | undefined;
     warning?: string | undefined;
     error?: string | undefined;
-  }>; /** 主题覆盖配置 */
-  themeOverrides: ComputedRef<GlobalThemeOverrides>; /** 合并后的语言包 */
-  locales: Locales<T>; /** 当前语言包 */
-  locale: ComputedRef<Locales<T>[T]>; /** 设置主题颜色 */
+  }>;
+  themeOverrides: ComputedRef<GlobalThemeOverrides>;
+  locales: Locales<T>;
+  locale: ComputedRef<Locales<T>[T]>;
   setColor: (v: Partial<Colors>) => void;
 };
 /**

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

@@ -3,9 +3,6 @@ import { computed, ref, toValue, watchEffect } from "vue";
 import { darkTheme, dateEnUS, dateZhCN, enUS, zhCN } from "naive-ui";
 
 //#region src/composables/use-naive-theme.ts
-/**
-* 默认语言包映射
-*/
 const naiveLocaleMap = {
 	"zh-CN": {
 		name: "简体中文",
@@ -23,6 +20,23 @@ const naiveLocaleMap = {
 * @template T 语言代码类型
 * @param options 配置选项
 * @returns 主题管理对象
+* @example
+* ```ts
+* const {
+*   language,
+*   darkMode,
+*   theme,
+*   themeColors,
+*   themeOverrides,
+*   locale,
+*   setColor
+* } = useNaiveTheme({
+*   language: 'zh-CN',
+*   darkMode: false,
+*   colors: { primary: '#1890ff' },
+*   globalThemeOverrides: { common: { fontSize: '14px' } }
+* })
+* ```
 */
 function useNaiveTheme(options) {
 	const { language, darkMode, colors, globalThemeOverrides, locales, darkColors } = options ?? {};
@@ -51,7 +65,11 @@ function useNaiveTheme(options) {
 	});
 	/**
 	* 设置主题颜色
-	* @param v 颜色配置
+	* @param v - 颜色配置
+	* @example
+	* ```ts
+	* setColor({ primary: '#1890ff' })
+	* ```
 	*/
 	function setColor(v) {
 		colorsRef.value = {

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.77",
   "description": "Some Composable Functions And Components for Vue 3",
   "author": "oiij",
   "license": "MIT",
@@ -46,9 +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/use": "0.0.44"
+    "@oiij/use": "0.0.46",
+    "@oiij/css-render": "0.0.11"
   },
   "devDependencies": {
     "@types/prismjs": "^1.26.5",
@@ -62,9 +61,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/use": "0.0.44"
+    "@oiij/css-render": "0.0.11",
+    "@oiij/use": "0.0.46"
   },
   "publishConfig": {
     "access": "public"

package/dist/components/_utils/prismjs.js

@@ -1,16 +0,0 @@
-import Prism from "prismjs";
-
-//#region src/components/_utils/prismjs.ts
-if (typeof document !== "undefined") Prism.highlightAll();
-function highlight(code, lang) {
-	try {
-		const grammar = Prism.languages[lang];
-		if (grammar) return `<pre class="language-${lang}"><code class="language-${lang}">${Prism.highlight(code, grammar || Prism.languages.text, lang)}</code></pre>`;
-		return code;
-	} catch {
-		return code;
-	}
-}
-
-//#endregion
-export { highlight };

package/dist/components/icons/MageArrowUp.js

@@ -1,29 +0,0 @@
-import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.js";
-import { createCommentVNode, createElementBlock, createElementVNode, openBlock } from "vue";
-
-//#region src/components/icons/MageArrowUp.vue
-const _sfc_main = { name: "MageArrowUp" };
-const _hoisted_1 = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: "1em",
-	height: "1em",
-	viewBox: "0 0 24 24"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [createCommentVNode(" Icon from Mage Icons by MageIcons - https://github.com/Mage-Icons/mage-icons/blob/main/License.txt "), _cache[0] || (_cache[0] = createElementVNode("g", {
-		fill: "none",
-		stroke: "#757575",
-		"stroke-linecap": "round",
-		"stroke-width": "1.5"
-	}, [createElementVNode("path", {
-		"stroke-miterlimit": "10",
-		d: "M12 4v16"
-	}), createElementVNode("path", {
-		"stroke-linejoin": "round",
-		d: "M19.66 11.033L13.089 4.46a1.53 1.53 0 0 0-2.176 0L4.34 11.033"
-	})], -1))]);
-}
-var MageArrowUp_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
-
-//#endregion
-export { MageArrowUp_default as default };

package/dist/components/type-writer/TypeWriter.js

@@ -1,75 +0,0 @@
-import { highlight } from "../_utils/prismjs.js";
-import { cName, typeWriterCssr } from "./type-writer.cssr.js";
-import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref, withCtx } from "vue";
-import { useStyle } from "@oiij/css-render";
-import { NEl } from "naive-ui";
-import { useMarkdownIt } from "@oiij/markdown-it";
-import { useTypeWriter } from "@oiij/use";
-
-//#region src/components/type-writer/TypeWriter.vue
-const _hoisted_1 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	__name: "TypeWriter",
-	props: {
-		value: {},
-		typing: {
-			type: Boolean,
-			default: true
-		},
-		markdown: { type: Boolean },
-		step: {},
-		interval: {},
-		suffix: { default: "|" }
-	},
-	emits: [
-		"start",
-		"update",
-		"stop"
-	],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		useStyle(cName, typeWriterCssr());
-		const { typedValue, isTyping, onStat, onUpdate, onStop } = useTypeWriter(computed(() => __props.value ?? ""), {
-			step: __props.step,
-			interval: __props.interval,
-			enabled: __props.typing
-		});
-		onStat(() => {
-			emit("start");
-		});
-		onUpdate((v) => {
-			emit("update", v);
-		});
-		onStop((v) => {
-			emit("stop", v);
-		});
-		const { html } = useMarkdownIt(void 0, {
-			value: typedValue,
-			markdownItOptions: {
-				html: true,
-				linkify: true,
-				typographer: true,
-				breaks: true,
-				highlight
-			}
-		});
-		const renderValue = computed(() => __props.markdown ? html.value : typedValue.value);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(NEl), {
-				tag: "div",
-				class: normalizeClass([unref(cName)])
-			}, {
-				default: withCtx(() => [createElementVNode("div", {
-					class: normalizeClass([unref(isTyping) && !__props.markdown ? `${unref(cName)}__cursor` : void 0, __props.markdown ? `${unref(cName)}__markdown` : void 0]),
-					style: normalizeStyle([!__props.markdown ? { "--cursor-content": `'${__props.suffix}'` } : void 0]),
-					innerHTML: renderValue.value
-				}, null, 14, _hoisted_1)]),
-				_: 1
-			}, 8, ["class"]);
-		};
-	}
-});
-var TypeWriter_default = _sfc_main;
-
-//#endregion
-export { TypeWriter_default as default };

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

@@ -1,22 +0,0 @@
-import { TypeWriterProps } from "./index.js";
-import * as vue75 from "vue";
-
-//#region src/components/type-writer/TypeWriter.vue.d.ts
-declare const __VLS_export: vue75.DefineComponent<TypeWriterProps, {}, {}, {}, {}, vue75.ComponentOptionsMixin, vue75.ComponentOptionsMixin, {} & {
-  start: () => any;
-  update: (v: {
-    index: number;
-    value: string;
-  }) => any;
-  stop: (v: string) => any;
-}, string, vue75.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>;
-declare const _default: typeof __VLS_export;
-//#endregion
-export { _default };

package/dist/components/type-writer/index.d.ts

@@ -1,13 +0,0 @@
-import { _default } from "./TypeWriter.vue.js";
-
-//#region src/components/type-writer/index.d.ts
-type TypeWriterProps = {
-  value?: string;
-  typing?: boolean;
-  markdown?: boolean;
-  step?: number;
-  interval?: number;
-  suffix?: string;
-};
-//#endregion
-export { TypeWriterProps };

package/dist/components/type-writer/type-writer.cssr.js

@@ -1,27 +0,0 @@
-import { cssr, namespace, plugin } from "../_utils/cssr-bem.js";
-
-//#region src/components/type-writer/type-writer.cssr.ts
-const prismjsDark = `
-code[class*=language-],pre[class*=language-]{background:#282c34;color:#abb2bf;text-shadow:0 1px rgba(0,0,0,.3);font-family:"Fira Code","Fira Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-] ::-moz-selection{background:#3e4451;color:inherit;text-shadow:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{background:#3e4451;color:inherit;text-shadow:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.2em .3em;border-radius:.3em;white-space:normal}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.token.comment,.token.prolog,.token.cdata{color:#5c6370}.token.doctype,.token.punctuation,.token.entity{color:#abb2bf}.token.attr-name,.token.class-name,.token.boolean,.token.constant,.token.number,.token.atrule{color:#d19a66}.token.keyword{color:#c678dd}.token.property,.token.tag,.token.symbol,.token.deleted,.token.important{color:#e06c75}.token.selector,.token.string,.token.char,.token.builtin,.token.inserted,.token.regex,.token.attr-value,.token.attr-value>.token.punctuation{color:#98c379}.token.variable,.token.operator,.token.function{color:#61afef}.token.url{color:#56b6c2}.token.attr-value>.token.punctuation.attr-equals,.token.special-attr>.token.attr-value>.token.value.css{color:#abb2bf}.language-css .token.selector{color:#e06c75}.language-css .token.property{color:#abb2bf}.language-css .token.function,.language-css .token.url>.token.function{color:#56b6c2}.language-css .token.url>.token.string.url{color:#98c379}.language-css .token.important,.language-css .token.atrule .token.rule{color:#c678dd}.language-javascript .token.operator{color:#c678dd}.language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#be5046}.language-json .token.operator{color:#abb2bf}.language-json .token.null.keyword{color:#d19a66}.language-markdown .token.url,.language-markdown .token.url>.token.operator,.language-markdown .token.url-reference.url>.token.string{color:#abb2bf}.language-markdown .token.url>.token.content{color:#61afef}.language-markdown .token.url>.token.url,.language-markdown .token.url-reference.url{color:#56b6c2}.language-markdown .token.blockquote.punctuation,.language-markdown .token.hr.punctuation{color:#5c6370;font-style:italic}.language-markdown .token.code-snippet{color:#98c379}.language-markdown .token.bold .token.content{color:#d19a66}.language-markdown .token.italic .token.content{color:#c678dd}.language-markdown .token.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.list.punctuation,.language-markdown .token.title.important>.token.punctuation{color:#e06c75}.token.bold{font-weight:700}.token.comment,.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.8}.token.token.tab:not(:empty):before,.token.token.cr:before,.token.token.lf:before,.token.token.space:before{color:rgba(171,178,191,.15);text-shadow:none}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{background:#3a3f4b;color:#828997;padding:.1em .4em;border-radius:.3em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus{background:#3e4451;color:#abb2bf}.line-highlight.line-highlight{background:rgba(153,187,255,.04)}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background:#3a3f4b;color:#abb2bf;padding:.1em .6em;border-radius:.3em;box-shadow:0 2px 0 0 rgba(0,0,0,.2)}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(153,187,255,.04)}.line-numbers.line-numbers .line-numbers-rows,.command-line .command-line-prompt{border-right-color:rgba(171,178,191,.15)}.line-numbers .line-numbers-rows>span:before,.command-line .command-line-prompt>span:before{color:#636d83}.rainbow-braces .token.token.punctuation.brace-level-1,.rainbow-braces .token.token.punctuation.brace-level-5,.rainbow-braces .token.token.punctuation.brace-level-9{color:#e06c75}.rainbow-braces .token.token.punctuation.brace-level-2,.rainbow-braces .token.token.punctuation.brace-level-6,.rainbow-braces .token.token.punctuation.brace-level-10{color:#98c379}.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7,.rainbow-braces .token.token.punctuation.brace-level-11{color:#61afef}.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8,.rainbow-braces .token.token.punctuation.brace-level-12{color:#c678dd}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:rgba(255,82,102,.15)}pre.diff-highlight>code .token.token.deleted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::-moz-selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.deleted:not(.prefix)::selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:rgba(26,255,91,.15)}pre.diff-highlight>code .token.token.inserted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::-moz-selection{background-color:rgba(56,224,98,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix)::selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::selection{background-color:rgba(56,224,98,.25)}.prism-previewer.prism-previewer:before,.prism-previewer-gradient.prism-previewer-gradient div{border-color:#262931}.prism-previewer-color.prism-previewer-color:before,.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer-easing.prism-previewer-easing:before{border-radius:.3em}.prism-previewer.prism-previewer:after{border-top-color:#262931}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:#262931}.prism-previewer-angle.prism-previewer-angle:before,.prism-previewer-time.prism-previewer-time:before,.prism-previewer-easing.prism-previewer-easing{background:#31363f}.prism-previewer-angle.prism-previewer-angle circle,.prism-previewer-time.prism-previewer-time circle{stroke:#abb2bf;stroke-opacity:1}.prism-previewer-easing.prism-previewer-easing circle,.prism-previewer-easing.prism-previewer-easing path,.prism-previewer-easing.prism-previewer-easing line{stroke:#abb2bf}.prism-previewer-easing.prism-previewer-easing circle{fill:transparent}
-`;
-const prismjsLight = `
-code[class*=language-],pre[class*=language-]{background:#fafafa;color:#383a42;font-family:"Fira Code","Fira Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-] ::-moz-selection{background:#e5e5e6;color:inherit}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{background:#e5e5e6;color:inherit}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.2em .3em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.cdata{color:#a0a1a7}.token.doctype,.token.punctuation,.token.entity{color:#383a42}.token.attr-name,.token.class-name,.token.boolean,.token.constant,.token.number,.token.atrule{color:#b76b01}.token.keyword{color:#a626a4}.token.property,.token.tag,.token.symbol,.token.deleted,.token.important{color:#e45649}.token.selector,.token.string,.token.char,.token.builtin,.token.inserted,.token.regex,.token.attr-value,.token.attr-value>.token.punctuation{color:#50a14f}.token.variable,.token.operator,.token.function{color:#4078f2}.token.url{color:#0184bc}.token.attr-value>.token.punctuation.attr-equals,.token.special-attr>.token.attr-value>.token.value.css{color:#383a42}.language-css .token.selector{color:#e45649}.language-css .token.property{color:#383a42}.language-css .token.function,.language-css .token.url>.token.function{color:#0184bc}.language-css .token.url>.token.string.url{color:#50a14f}.language-css .token.important,.language-css .token.atrule .token.rule{color:#a626a4}.language-javascript .token.operator{color:#a626a4}.language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#ca1243}.language-json .token.operator{color:#383a42}.language-json .token.null.keyword{color:#b76b01}.language-markdown .token.url,.language-markdown .token.url>.token.operator,.language-markdown .token.url-reference.url>.token.string{color:#383a42}.language-markdown .token.url>.token.content{color:#4078f2}.language-markdown .token.url>.token.url,.language-markdown .token.url-reference.url{color:#0184bc}.language-markdown .token.blockquote.punctuation,.language-markdown .token.hr.punctuation{color:#a0a1a7;font-style:italic}.language-markdown .token.code-snippet{color:#50a14f}.language-markdown .token.bold .token.content{color:#b76b01}.language-markdown .token.italic .token.content{color:#a626a4}.language-markdown .token.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.list.punctuation,.language-markdown .token.title.important>.token.punctuation{color:#e45649}.token.bold{font-weight:700}.token.comment,.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.8}.token.token.tab:not(:empty):before,.token.token.cr:before,.token.token.lf:before,.token.token.space:before{color:rgba(56,58,66,.2)}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{background:#e5e5e6;color:#696c77;padding:.1em .4em;border-radius:.3em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus{background:#c6c7c7;color:#383a42}.line-highlight.line-highlight{background:rgba(56,58,66,.05)}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background:#e5e5e6;color:#383a42;padding:.1em .6em;border-radius:.3em;box-shadow:0 2px 0 0 rgba(0,0,0,.2)}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(56,58,66,.05)}.line-numbers.line-numbers .line-numbers-rows,.command-line .command-line-prompt{border-right-color:rgba(56,58,66,.2)}.line-numbers .line-numbers-rows>span:before,.command-line .command-line-prompt>span:before{color:#9d9d9f}.rainbow-braces .token.token.punctuation.brace-level-1,.rainbow-braces .token.token.punctuation.brace-level-5,.rainbow-braces .token.token.punctuation.brace-level-9{color:#e45649}.rainbow-braces .token.token.punctuation.brace-level-2,.rainbow-braces .token.token.punctuation.brace-level-6,.rainbow-braces .token.token.punctuation.brace-level-10{color:#50a14f}.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7,.rainbow-braces .token.token.punctuation.brace-level-11{color:#4078f2}.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8,.rainbow-braces .token.token.punctuation.brace-level-12{color:#a626a4}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:rgba(255,82,102,.15)}pre.diff-highlight>code .token.token.deleted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::-moz-selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.deleted:not(.prefix)::selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:rgba(26,255,91,.15)}pre.diff-highlight>code .token.token.inserted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::-moz-selection{background-color:rgba(56,224,98,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix)::selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::selection{background-color:rgba(56,224,98,.25)}.prism-previewer.prism-previewer:before,.prism-previewer-gradient.prism-previewer-gradient div{border-color:hsl(0,0,95%)}.prism-previewer-color.prism-previewer-color:before,.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer-easing.prism-previewer-easing:before{border-radius:.3em}.prism-previewer.prism-previewer:after{border-top-color:hsl(0,0,95%)}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:hsl(0,0,95%)}.prism-previewer-angle.prism-previewer-angle:before,.prism-previewer-time.prism-previewer-time:before,.prism-previewer-easing.prism-previewer-easing{background:#fff}.prism-previewer-angle.prism-previewer-angle circle,.prism-previewer-time.prism-previewer-time circle{stroke:#383a42;stroke-opacity:1}.prism-previewer-easing.prism-previewer-easing circle,.prism-previewer-easing.prism-previewer-easing path,.prism-previewer-easing.prism-previewer-easing line{stroke:#383a42}.prism-previewer-easing.prism-previewer-easing circle{fill:transparent}
-`;
-const { c, cB, cE } = {
-	...cssr,
-	...plugin
-};
-const cName = `${namespace}-type-writer`;
-function typeWriterCssr() {
-	return c([cB("type-writer", { overflowX: "auto" }, [cE("cursor::after", {
-		content: `var(--cursor-content)`,
-		marginLeft: `2px`,
-		display: `inline-block`
-	}), cE("markdown", `${prismjsLight}`, [c("pre", {
-		backgroundColor: `var(--tag-color)`,
-		borderRadius: `var(--border-radius)`
-	})])]), c(".dark", [cB("type-writer", [cE("markdown", `${prismjsDark}`)])])]);
-}
-
-//#endregion
-export { cName, typeWriterCssr };

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 };