@oiij/naive-ui 0.0.76 → 0.0.78

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

@@ -1,29 +1,16 @@
 import { createEventHook } from "@vueuse/core";
 import { reactive, ref, toRaw, toValue, watchEffect } from "vue";
 import { cloneDeep } from "es-toolkit/object";
+import { isPlainObject } from "es-toolkit/predicate";
 
 //#region src/composables/use-naive-form.ts
-/**
-* 检查值是否为对象类型
-* @param value 要检查的值
-* @returns 是否为对象类型
-*/
-function isObject(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-/**
-* 清空对象值
-* @param obj 要清空的对象
-* @param rules 清空规则
-* @returns 清空后的对象
-*/
 function clearObjectValues(obj, rules) {
 	const { string: _string = "", number: _number = null, boolean: _boolean = false } = rules ?? {};
 	if (Array.isArray(obj)) {
 		obj.length = 0;
 		return obj;
 	}
-	if (typeof obj === "object" && obj !== null && !Array.isArray(obj)) {
+	if (isPlainObject(obj)) {
 		for (const key in obj) if (Object.prototype.hasOwnProperty.call(obj, key)) obj[key] = clearObjectValues(obj[key], rules);
 		return obj;
 	}
@@ -33,26 +20,19 @@ function clearObjectValues(obj, rules) {
 	return obj;
 }
 /**
-* 深度合并对象
-* @param target 目标对象
-* @param source 源对象
-* @returns 合并后的对象
-*/
-function deepMerge(target = {}, source = {}) {
-	for (const key in source) if (Object.prototype.hasOwnProperty.call(source, key)) {
-		const sourceValue = source[key];
-		const targetValue = target[key];
-		if (isObject(sourceValue) && isObject(targetValue)) deepMerge(targetValue, sourceValue);
-		else target[key] = sourceValue;
-	}
-	return target;
-}
-/**
 * 用于处理 Naive UI 表单的组合式 API
 * @template T 表单值类型
 * @param formInstRef 表单实例引用
 * @param options 配置选项
 * @returns 表单操作对象
+* @example
+* ```ts
+* const formRef = ref<FormInst>()
+* const { formValue, formRules, formProps, validate, reset, clear } = useNaiveForm(formRef, {
+*   value: { name: '', age: 0 },
+*   rules: { name: { required: true, message: '请输入姓名' } }
+* })
+* ```
 */
 function useNaiveForm(formInstRef, options) {
 	const { value, rules, clearRules } = options ?? {};
@@ -62,7 +42,9 @@ function useNaiveForm(formInstRef, options) {
 		formValueRef.value = toValue(value) ?? {};
 	});
 	const formRulesRef = ref(toValue(rules));
-	watchEffect(() => formRulesRef.value = toValue(rules) ?? {});
+	watchEffect(() => {
+		formRulesRef.value = toValue(rules) ?? {};
+	});
 	const formProps = {
 		model: reactive(formValueRef.value),
 		rules: reactive(formRulesRef.value)
@@ -70,19 +52,31 @@ function useNaiveForm(formInstRef, options) {
 	const onValidatedEvent = createEventHook();
 	/**
 	* 设置表单值
-	* @param _value 要设置的值
+	* @param value - 要设置的值
+	* @example
+	* ```ts
+	* setValue({ name: '张三' })
+	* ```
 	*/
-	function setValue(_value) {
-		Object.assign(formValueRef.value, _value);
+	function setValue(value) {
+		Object.assign(formValueRef.value, value);
 	}
 	/**
 	* 验证表单
-	* @returns 验证结果Promise
+	* @returns 验证结果 Promise
+	* @example
+	* ```ts
+	* try {
+	*   await validate()
+	* } catch (errors) {
+	*   console.log(errors)
+	* }
+	* ```
 	*/
 	function validate() {
+		if (!formInstRef.value) throw new Error("useNaiveForm: formInstRef is not found.");
 		return new Promise((resolve, reject) => {
-			if (!formInstRef.value) return reject(/* @__PURE__ */ new Error("useNaiveForm: formInstRef is not found."));
-			formInstRef.value.validate().then((res) => {
+			formInstRef.value?.validate().then((res) => {
 				onValidatedEvent.trigger(toRaw(toValue(formValueRef)));
 				return resolve(res);
 			}).catch(reject);
@@ -90,26 +84,41 @@ function useNaiveForm(formInstRef, options) {
 	}
 	/**
 	* 重置表单验证状态
+	* @example
+	* ```ts
+	* resetValidation()
+	* ```
 	*/
 	function resetValidation() {
 		formInstRef.value?.restoreValidation();
 	}
 	/**
 	* 清空表单值
+	* @example
+	* ```ts
+	* clear()
+	* ```
 	*/
 	function clear() {
 		clearObjectValues(formValueRef.value, clearRules);
 	}
 	/**
 	* 重置表单值到初始状态
+	* @example
+	* ```ts
+	* resetForm()
+	* ```
 	*/
 	function resetForm() {
 		clear();
-		const _cacheValue = cloneDeep(cacheValue);
-		deepMerge(formValueRef.value, _cacheValue);
+		Object.assign(formValueRef.value, cloneDeep(cacheValue));
 	}
 	/**
 	* 重置表单验证状态和值
+	* @example
+	* ```ts
+	* reset()
+	* ```
 	*/
 	function reset() {
 		resetValidation();

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

@@ -1,5 +1,6 @@
-import * as vue5 from "vue";
+import * as vue8 from "vue";
 import { MaybeRefOrGetter, VNodeChild } from "vue";
+import * as naive_ui0 from "naive-ui";
 import { MenuOption } from "naive-ui";
 import { RouteRecordRaw } from "vue-router";
 
@@ -61,14 +62,27 @@ type UseNaiveMenuOptions = {
    */
   createMenuOption?: (route: RouteRecordRaw) => MenuOption;
 };
+/**
+ * 定义带有可选 children 属性的树形节点类型
+ */
+type TreeNode<T> = T & {
+  children?: TreeNode<T>[];
+};
+/**
+ * 将树形结构扁平化为一维数组
+ * @param array 原始树形节点数组
+ * @param childrenKey children 属性名，默认为 'children'
+ * @returns 扁平化后的数组
+ */
+declare function flattenDeep<T extends Record<string, any>>(array: TreeNode<T>[], childrenKey?: keyof TreeNode<T>): T[];
 /**
  * 自动菜单组合函数
  * 将路由配置转换为菜单配置，并提供扁平化的菜单选项
  * @param routes 路由配置数组，可以是响应式或普通数组
  * @param options 配置选项
  * @returns 包含菜单选项和扁平化菜单选项的对象
- *
  * @example
+ * ```ts
  * // 基本使用
  * const { menuOptions, flattenedMenuOptions } = useNaiveMenu(routes)
  *
@@ -90,14 +104,15 @@ type UseNaiveMenuOptions = {
  *   keyField: 'name',
  *   iconField: 'icon'
  * })
+ * ```
  */
 declare function useNaiveMenu(routes: MaybeRefOrGetter<RouteRecordRaw[]>, options?: UseNaiveMenuOptions): {
-  menuOptions: vue5.ComputedRef<MenuOption[]>;
-  flattenedMenuOptions: vue5.ComputedRef<MenuOption[]>;
+  menuOptions: vue8.ComputedRef<MenuOption[]>;
+  flattenedMenuOptions: vue8.ComputedRef<(MenuOption | naive_ui0.MenuGroupOption | naive_ui0.MenuDividerOption)[]>;
 };
 /**
  * useNaiveMenu 返回类型
  */
 type UseNaiveMenuReturn = ReturnType<typeof useNaiveMenu>;
 //#endregion
-export { UseNaiveMenuOptions, UseNaiveMenuReturn, useNaiveMenu };
+export { UseNaiveMenuOptions, UseNaiveMenuReturn, flattenDeep, useNaiveMenu };

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

@@ -1,26 +1,12 @@
 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");
@@ -33,34 +19,16 @@ function createConfigMenuOption(route, options) {
 		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 = [];
@@ -80,26 +48,6 @@ function routes2menu(routes, options) {
 	}
 	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);
@@ -123,13 +71,28 @@ function deepUpRouteParentMeta(routes, parentField, parentFilePath, parent) {
 	});
 }
 /**
+* 将树形结构扁平化为一维数组
+* @param array 原始树形节点数组
+* @param childrenKey children 属性名，默认为 'children'
+* @returns 扁平化后的数组
+*/
+function flattenDeep(array, childrenKey = "children") {
+	return array.reduce((result, item) => {
+		const { [childrenKey]: _, ...currentItem } = item;
+		result.push(currentItem);
+		const children = item[childrenKey];
+		if (children && Array.isArray(children)) result.push(...flattenDeep(children, childrenKey));
+		return result;
+	}, []);
+}
+/**
 * 自动菜单组合函数
 * 将路由配置转换为菜单配置，并提供扁平化的菜单选项
 * @param routes 路由配置数组，可以是响应式或普通数组
 * @param options 配置选项
 * @returns 包含菜单选项和扁平化菜单选项的对象
-*
 * @example
+* ```ts
 * // 基本使用
 * const { menuOptions, flattenedMenuOptions } = useNaiveMenu(routes)
 *
@@ -151,13 +114,10 @@ function deepUpRouteParentMeta(routes, parentField, parentFilePath, parent) {
 *   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,
@@ -171,11 +131,9 @@ function useNaiveMenu(routes, options) {
 	});
 	return {
 		menuOptions,
-		flattenedMenuOptions: computed(() => {
-			return flattenDeepMenuOptions(menuOptions.value);
-		})
+		flattenedMenuOptions: computed(() => flattenDeep(menuOptions.value))
 	};
 }
 
 //#endregion
-export { useNaiveMenu };
+export { flattenDeep, 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 { 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 { UseNaiveMenuOptions, UseNaiveMenuReturn, flattenDeep, useNaiveMenu } from "./composables/use-naive-menu.js";
 import { UseNaiveThemeOptions, UseNaiveThemeReturns, useNaiveTheme } from "./composables/use-naive-theme.js";
 import "./composables/index.js";
-export { DataObject, DataRequestFields, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, UseNaiveFormClearRules, UseNaiveFormOptions, UseNaiveFormReturns, UseNaiveFormRules, UseNaiveMenuOptions, UseNaiveMenuReturn, UseNaiveThemeOptions, UseNaiveThemeReturns, useDataRequest, useLoading, useNaiveForm, useNaiveMenu, useNaiveTheme };
+export { DataObject, DataRequestFields, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, UseNaiveFormClearRules, UseNaiveFormOptions, UseNaiveFormReturns, UseNaiveFormRules, UseNaiveMenuOptions, UseNaiveMenuReturn, UseNaiveThemeOptions, UseNaiveThemeReturns, flattenDeep, useDataRequest, useLoading, useNaiveForm, useNaiveMenu, useNaiveTheme };

package/dist/index.js

@@ -1,7 +1,7 @@
 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 { flattenDeep, useNaiveMenu } from "./composables/use-naive-menu.js";
 import { useNaiveTheme } from "./composables/use-naive-theme.js";
 
-export { useDataRequest, useLoading, useNaiveForm, useNaiveMenu, useNaiveTheme };
+export { flattenDeep, useDataRequest, useLoading, useNaiveForm, useNaiveMenu, useNaiveTheme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oiij/naive-ui",
   "type": "module",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "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/css-render": "0.0.10",
-    "@oiij/markdown-it": "0.0.12",
-    "@oiij/use": "0.0.44"
+    "@oiij/use": "0.0.48",
+    "@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/css-render": "0.0.10",
-    "@oiij/use": "0.0.44",
-    "@oiij/markdown-it": "0.0.12"
+    "@oiij/css-render": "0.0.11",
+    "@oiij/use": "0.0.48"
   },
   "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 vue65 from "vue";
-
-//#region src/components/type-writer/TypeWriter.vue.d.ts
-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, vue65.PublicProps, Readonly<TypeWriterProps> & Readonly<{
-  onStart?: (() => any) | undefined;
-  onUpdate?: ((v: {
-    index: number;
-    value: string;
-  }) => any) | undefined;
-  onStop?: ((v: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue65.ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-//#endregion
-export { _default };