vue-markdown-design 0.1.1 → 0.3.0

package/README.md

@@ -2,7 +2,7 @@ English | [中文](./README.zh-CN.md)
 
 # Vue Markdown Design
 
-A Vue 3 out-of-the-box Markdown component built on [markdown-it](https://github.com/markdown-it/markdown-it). It mainly features Markdown rendering, TOC generation, and keyword search. It also includes other common functionalities such as support for markdown-it plugins, emoji, heading permalinks, XSS sanitization, and TypeScript.
+A Vue 3 out-of-the-box Markdown component built on [markdown-it](https://github.com/markdown-it/markdown-it). It mainly features Markdown rendering, toc generation, and keyword search. It also includes other common functionalities such as support for markdown-it plugins, emoji, heading permalinks, XSS sanitization, and TypeScript.
 
 ## Quick Start
 
@@ -42,4 +42,4 @@ More documentation coming soon!
 
 ## License
 
-[MIT](../../LICENSE).
+[MIT](./LICENSE).

package/README.zh-CN.md

@@ -1,6 +1,24 @@
 # Vue Markdown Design
 
-一个基于 [markdown-it](https://github.com/markdown-it/markdown-it) 的 Vue 3 开箱即用 Markdown 组件，主要功能有 Markdown 渲染，目录生成，关键字搜索。同时内置其他常用功能，包括支持 markdown-it 插件，emoji 表情，标题永久链接，防御 XSS 攻击，支持 TypeScript 等。
+一个基于 [markdown-it](https://github.com/markdown-it/markdown-it) 的 Vue 3 开箱即用 Markdown 渲染组件。
+
+## 主要特性
+
+🚀 **核心功能** - 提供 Markdown 实时渲染，目录生成和全文搜索功能
+
+📦 **开箱即用** - 集成 Markdown 常用功能，包括 Emoji 表情、标题永久链接、代码高亮等
+
+🎨 **主题定制** - 可替换的 Markdown 主题，可通过 CSS 变量配置的组件样式
+
+🔌 **生态兼容** - 兼容 markdown-it 插件，支持丰富的功能扩展
+
+📱 **跨端适配** - 适配 PC 端和移动端，支持响应式布局
+
+🧩 **模块设计** - 核心功能支持按需引入，自由组合满足多样化布局需求
+
+🛡️ **安全防护** - 默认启用 HTML 内容安全过滤，有效防范 XSS 等网络攻击
+
+📋 **类型提示** - 使用 TypeScript 开发，提供完整的类型定义
 
 ## 快速上手
 
@@ -29,15 +47,15 @@ app.mount('#app')
 ```
 
 ```vue
-<!-- demo.vue -->
+<!-- App.vue -->
 
 <vue-markdown :src="`# 标题\n内容`" />
 ```
 
 ## 更多
 
-详细文档即将发布，敬请期待！
+详细开发文档请前往 https://markdown-design.pages.dev/zh
 
 ## 开源协议
 
-本项目基于 [MIT](../../LICENSE) 协议。
+本项目基于 [MIT](./LICENSE) 协议。

package/es/hooks/use-element/index.d.ts

@@ -1,6 +1,6 @@
 import { MaybeElement, UnRefElementReturn } from '@vueuse/core';
 import { MaybeRefOrGetter } from 'vue';
 export declare function useElement(target?: MaybeRefOrGetter<MaybeElement | string>): {
-    targetEl: import('vue').ShallowRef<UnRefElementReturn>;
+    targetEl: import('vue').ShallowRef<UnRefElementReturn, UnRefElementReturn>;
     update: () => void;
 };

package/es/hooks/use-element/index.mjs

@@ -1,20 +1,20 @@
-import { toRef, unrefElement } from "@vueuse/core";
+import { useMounted, toValue, unrefElement } from "@vueuse/core";
 import { isString } from "lodash";
-import { shallowRef, watch, onMounted } from "vue";
+import { shallowRef, watchPostEffect } from "vue";
 function useElement(target) {
   const targetEl = shallowRef();
-  const targetRef = toRef(target);
+  const isMounted = useMounted();
   const update = () => {
-    if (!targetRef.value) return;
-    if (!isString(targetRef.value)) {
-      targetEl.value = unrefElement(targetRef.value);
+    const targetVal = toValue(target);
+    if (!(targetVal && isMounted.value)) return;
+    if (!isString(targetVal)) {
+      targetEl.value = unrefElement(targetVal);
       return;
     }
-    targetEl.value = document.querySelector(targetRef.value);
+    targetEl.value = document.querySelector(targetVal);
     if (!targetEl.value) console.error("[vue-markdown-design] Target does not exist.");
   };
-  watch(targetRef, update, { flush: "post" });
-  onMounted(update);
+  watchPostEffect(update);
   return { targetEl, update };
 }
 export {

package/es/hooks/use-scroll-element/index.mjs

@@ -1,5 +1,6 @@
 import { unrefElement, useMutationObserver } from "@vueuse/core";
 import { shallowRef, watch, onMounted } from "vue";
+import { allToArray } from "../../utils/format.mjs";
 const tagNames = /* @__PURE__ */ new Set(["HTML", "BODY"]);
 const scrollReg = /scroll|auto|overlay/i;
 function getScrollElement(el, onlyParent) {
@@ -40,11 +41,9 @@ function useScrollParent(target, options = {}) {
     }
   };
   watch(() => unrefElement(target), update, { flush: "post" });
-  useMutationObserver(
-    () => Array.isArray(scrollEl.value) ? scrollEl.value : [scrollEl.value],
-    update,
-    { attributeFilter: ["style", "class"] }
-  );
+  useMutationObserver(() => allToArray(scrollEl.value), update, {
+    attributeFilter: ["style", "class"]
+  });
   onMounted(update);
   return { scrollEl, update };
 }

package/es/index.mjs

@@ -1,18 +1,18 @@
 import './style/variables.css';/* empty css                      */
 import { VmdRender } from "./render/index.mjs";
 import { VmdSearch } from "./search/index.mjs";
-import { VmdTOC } from "./toc/index.mjs";
+import { VmdToc } from "./toc/index.mjs";
 import { VmdSticky } from "./sticky/index.mjs";
 import { VueMarkdown, VueMarkdown as VueMarkdown2 } from "./markdown/index.mjs";
 import { renderProps } from "./render/Render.mjs";
 import { searchProps } from "./search/Search.mjs";
-import { tocProps } from "./toc/TOC.mjs";
+import { tocProps } from "./toc/Toc.mjs";
 import { markdownProps } from "./markdown/Markdown.mjs";
 export {
   VmdRender,
   VmdSearch,
   VmdSticky,
-  VmdTOC,
+  VmdToc,
   VueMarkdown,
   VueMarkdown2 as default,
   markdownProps,

package/es/markdown/Markdown.d.ts

@@ -1,38 +1,37 @@
 import { ExtractPropTypes, PropType } from 'vue';
-import { TOCItem } from '../toc';
-import { ObjectToUnion } from '../utils/types';
+import { TocItem } from '../toc';
+import { ObjectToUnion, Offset } from '../utils/types';
 import { MarkdownBtnType } from './type';
 export declare const markdownProps: {
     keyword: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    current: {
-        type: NumberConstructor;
-        default: number;
-    };
-    tocOffset: PropType<number | import('../utils/types').UnionStr<ScrollLogicalPosition>>;
+    tocOffset: PropType<Offset>;
     showBtn: {
         type: PropType<ObjectToUnion<MarkdownBtnType>>;
         default: boolean;
     };
     search: BooleanConstructor;
     toc: BooleanConstructor;
-    offsetTop: (StringConstructor | NumberConstructor)[];
-    offsetBottom: {
-        type: (StringConstructor | NumberConstructor)[];
+    topOffset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    bottomOffset: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     miniScreenWidth: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocStartLevel: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocEndLevel: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocOrderedList: BooleanConstructor;
@@ -41,7 +40,7 @@ export declare const markdownProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tocTarget: PropType<string | import('@vueuse/core').MaybeElement>;
+    tocTarget: PropType<import('vue').MaybeRefOrGetter<string | import('@vueuse/core').MaybeElement>>;
     tocBound: {
         type: NumberConstructor;
         default: number;
@@ -60,7 +59,7 @@ export declare const markdownProps: {
     };
     tocSmooth: BooleanConstructor;
     searchModelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     searchClearable: {
@@ -80,13 +79,9 @@ export declare const markdownProps: {
         default: boolean;
     };
     searchPlaceholder: StringConstructor;
-    searchCurrent: {
-        type: NumberConstructor;
-        default: number;
-    };
-    searchTarget: PropType<string | import('@vueuse/core').MaybeElement>;
+    searchTarget: PropType<import('vue').MaybeRefOrGetter<string | import('@vueuse/core').MaybeElement>>;
     searchOffset: {
-        type: PropType<number | import('../utils/types').UnionStr<ScrollLogicalPosition>>;
+        type: PropType<Offset>;
         default: string;
     };
     searchSmooth: BooleanConstructor;
@@ -99,7 +94,7 @@ export declare const markdownProps: {
         default: () => {};
     };
     src: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     plugins: {
@@ -107,7 +102,10 @@ export declare const markdownProps: {
         default: () => never[];
     };
     inline: BooleanConstructor;
-    preset: PropType<import('../utils/types').UnionStr<import('markdown-it').PresetName>>;
+    presetName: {
+        type: PropType<import('../utils/types').UnionStr<import('markdown-it').PresetName>>;
+        default: string;
+    };
     html: {
         type: BooleanConstructor;
         default: boolean;
@@ -144,7 +142,7 @@ export declare const markdownProps: {
         default: boolean;
     };
     anchor: {
-        type: PropType<boolean | import("markdown-it-anchor").default.AnchorOptions | ((params: typeof import('markdown-it-anchor').default) => import("markdown-it-anchor").default.AnchorOptions)>;
+        type: PropType<boolean | import("markdown-it-anchor").default.AnchorOptions | ((anchor: typeof import('markdown-it-anchor').default) => import("markdown-it-anchor").default.AnchorOptions)>;
         default: boolean;
     };
     permalink: {
@@ -158,35 +156,34 @@ export declare const markdownProps: {
 };
 declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     keyword: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    current: {
-        type: NumberConstructor;
-        default: number;
-    };
-    tocOffset: PropType<number | import('../utils/types').UnionStr<ScrollLogicalPosition>>;
+    tocOffset: PropType<Offset>;
     showBtn: {
         type: PropType<ObjectToUnion<MarkdownBtnType>>;
         default: boolean;
     };
     search: BooleanConstructor;
     toc: BooleanConstructor;
-    offsetTop: (StringConstructor | NumberConstructor)[];
-    offsetBottom: {
-        type: (StringConstructor | NumberConstructor)[];
+    topOffset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    bottomOffset: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     miniScreenWidth: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocStartLevel: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocEndLevel: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocOrderedList: BooleanConstructor;
@@ -195,7 +192,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tocTarget: PropType<string | import('@vueuse/core').MaybeElement>;
+    tocTarget: PropType<import('vue').MaybeRefOrGetter<string | import('@vueuse/core').MaybeElement>>;
     tocBound: {
         type: NumberConstructor;
         default: number;
@@ -214,7 +211,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     };
     tocSmooth: BooleanConstructor;
     searchModelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     searchClearable: {
@@ -234,13 +231,9 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: boolean;
     };
     searchPlaceholder: StringConstructor;
-    searchCurrent: {
-        type: NumberConstructor;
-        default: number;
-    };
-    searchTarget: PropType<string | import('@vueuse/core').MaybeElement>;
+    searchTarget: PropType<import('vue').MaybeRefOrGetter<string | import('@vueuse/core').MaybeElement>>;
     searchOffset: {
-        type: PropType<number | import('../utils/types').UnionStr<ScrollLogicalPosition>>;
+        type: PropType<Offset>;
         default: string;
     };
     searchSmooth: BooleanConstructor;
@@ -253,7 +246,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: () => {};
     };
     src: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     plugins: {
@@ -261,7 +254,10 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: () => never[];
     };
     inline: BooleanConstructor;
-    preset: PropType<import('../utils/types').UnionStr<import('markdown-it').PresetName>>;
+    presetName: {
+        type: PropType<import('../utils/types').UnionStr<import('markdown-it').PresetName>>;
+        default: string;
+    };
     html: {
         type: BooleanConstructor;
         default: boolean;
@@ -298,7 +294,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: boolean;
     };
     anchor: {
-        type: PropType<boolean | import("markdown-it-anchor").default.AnchorOptions | ((params: typeof import('markdown-it-anchor').default) => import("markdown-it-anchor").default.AnchorOptions)>;
+        type: PropType<boolean | import("markdown-it-anchor").default.AnchorOptions | ((anchor: typeof import('markdown-it-anchor').default) => import("markdown-it-anchor").default.AnchorOptions)>;
         default: boolean;
     };
     permalink: {
@@ -311,53 +307,51 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:keyword': (payload: string) => boolean;
-    'update:current': (payload: number) => boolean;
     'update:search': (payload: boolean) => boolean;
     'update:toc': (payload: boolean) => boolean;
-    tocClick: (payload: TOCItem) => boolean;
-    tocChange: (payload: string) => boolean;
+    tocClick: (payload: TocItem) => boolean;
+    tocChange: (payload?: string | undefined) => boolean;
     "searchUpdate:modelValue": (payload: string) => boolean;
-    "searchUpdate:current": (payload: number) => boolean;
     searchInput: (payload: Event) => boolean;
     searchBlur: (payload: FocusEvent) => boolean;
     searchFocus: (payload: FocusEvent) => boolean;
     searchChange: (payload: Event) => boolean;
     searchClear: () => boolean;
     searchClose: () => boolean;
-    searchToggle: (payload: import('../utils/types').UnionStr<"prev" | "next">) => boolean;
+    searchStepClick: (payload: "prev" | "next") => boolean;
     searchTotalChange: (payload: number) => boolean;
+    searchIndexChange: (payload: number) => boolean;
     envChange: (payload: {}) => boolean;
 }, string, import('vue').PublicProps, Readonly<ExtractPropTypes<{
     keyword: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    current: {
-        type: NumberConstructor;
-        default: number;
-    };
-    tocOffset: PropType<number | import('../utils/types').UnionStr<ScrollLogicalPosition>>;
+    tocOffset: PropType<Offset>;
     showBtn: {
         type: PropType<ObjectToUnion<MarkdownBtnType>>;
         default: boolean;
     };
     search: BooleanConstructor;
     toc: BooleanConstructor;
-    offsetTop: (StringConstructor | NumberConstructor)[];
-    offsetBottom: {
-        type: (StringConstructor | NumberConstructor)[];
+    topOffset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    bottomOffset: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     miniScreenWidth: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocStartLevel: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocEndLevel: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     tocOrderedList: BooleanConstructor;
@@ -366,7 +360,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tocTarget: PropType<string | import('@vueuse/core').MaybeElement>;
+    tocTarget: PropType<import('vue').MaybeRefOrGetter<string | import('@vueuse/core').MaybeElement>>;
     tocBound: {
         type: NumberConstructor;
         default: number;
@@ -385,7 +379,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     };
     tocSmooth: BooleanConstructor;
     searchModelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     searchClearable: {
@@ -405,13 +399,9 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: boolean;
     };
     searchPlaceholder: StringConstructor;
-    searchCurrent: {
-        type: NumberConstructor;
-        default: number;
-    };
-    searchTarget: PropType<string | import('@vueuse/core').MaybeElement>;
+    searchTarget: PropType<import('vue').MaybeRefOrGetter<string | import('@vueuse/core').MaybeElement>>;
     searchOffset: {
-        type: PropType<number | import('../utils/types').UnionStr<ScrollLogicalPosition>>;
+        type: PropType<Offset>;
         default: string;
     };
     searchSmooth: BooleanConstructor;
@@ -424,7 +414,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: () => {};
     };
     src: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     plugins: {
@@ -432,7 +422,10 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: () => never[];
     };
     inline: BooleanConstructor;
-    preset: PropType<import('../utils/types').UnionStr<import('markdown-it').PresetName>>;
+    presetName: {
+        type: PropType<import('../utils/types').UnionStr<import('markdown-it').PresetName>>;
+        default: string;
+    };
     html: {
         type: BooleanConstructor;
         default: boolean;
@@ -469,7 +462,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: boolean;
     };
     anchor: {
-        type: PropType<boolean | import("markdown-it-anchor").default.AnchorOptions | ((params: typeof import('markdown-it-anchor').default) => import("markdown-it-anchor").default.AnchorOptions)>;
+        type: PropType<boolean | import("markdown-it-anchor").default.AnchorOptions | ((anchor: typeof import('markdown-it-anchor').default) => import("markdown-it-anchor").default.AnchorOptions)>;
         default: boolean;
     };
     permalink: {
@@ -482,29 +475,29 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{
     onEnvChange?: ((payload: {}) => any) | undefined;
-    "onUpdate:current"?: ((payload: number) => any) | undefined;
     onSearchFocus?: ((payload: FocusEvent) => any) | undefined;
     onSearchBlur?: ((payload: FocusEvent) => any) | undefined;
     onSearchClear?: (() => any) | undefined;
     "onSearchUpdate:modelValue"?: ((payload: string) => any) | undefined;
-    "onSearchUpdate:current"?: ((payload: number) => any) | undefined;
     onSearchInput?: ((payload: Event) => any) | undefined;
     onSearchChange?: ((payload: Event) => any) | undefined;
     onSearchClose?: (() => any) | undefined;
-    onSearchToggle?: ((payload: import('../utils/types').UnionStr<"prev" | "next">) => any) | undefined;
+    onSearchStepClick?: ((payload: "prev" | "next") => any) | undefined;
     onSearchTotalChange?: ((payload: number) => any) | undefined;
-    onTocClick?: ((payload: TOCItem) => any) | undefined;
-    onTocChange?: ((payload: string) => any) | undefined;
+    onSearchIndexChange?: ((payload: number) => any) | undefined;
+    onTocClick?: ((payload: TocItem) => any) | undefined;
+    onTocChange?: ((payload?: string | undefined) => any) | undefined;
     "onUpdate:keyword"?: ((payload: string) => any) | undefined;
     "onUpdate:search"?: ((payload: boolean) => any) | undefined;
     "onUpdate:toc"?: ((payload: boolean) => any) | undefined;
 }>, {
     inline: boolean;
     search: boolean;
-    anchor: boolean | import("markdown-it-anchor").default.AnchorOptions | ((params: typeof import('markdown-it-anchor').default) => import("markdown-it-anchor").default.AnchorOptions);
+    anchor: boolean | import("markdown-it-anchor").default.AnchorOptions | ((anchor: typeof import('markdown-it-anchor').default) => import("markdown-it-anchor").default.AnchorOptions);
     highlight: boolean | ((str: string, lang: string, attrs: string) => string) | null | undefined;
     src: string | number;
     plugins: import('markdown-it').PluginSimple | (any[] | import('markdown-it').PluginSimple | [import('markdown-it').PluginWithParams, ...any[]])[];
+    presetName: import('../utils/types').UnionStr<import('markdown-it').PresetName>;
     html: boolean;
     sanitize: boolean | import('@markdown-design/markdown-it-sanitize').SanitizeOptions;
     xhtmlOut: boolean;
@@ -514,15 +507,13 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     emoji: boolean | Partial<import('markdown-it-emoji').Options>;
     permalink: boolean;
     markdownClass: string;
-    current: number;
     toc: boolean;
     searchModelValue: string | number;
     searchClearable: boolean;
     searchBorder: boolean;
     searchSize: import('../utils/types').UnionStr<"small" | "huge" | "large" | "normal">;
     searchDisabled: boolean;
-    searchCurrent: number;
-    searchOffset: number | import('../utils/types').UnionStr<ScrollLogicalPosition>;
+    searchOffset: Offset;
     searchSmooth: boolean;
     searchCloseIcon: boolean;
     searchInputAttrs: Record<string, any>;
@@ -538,7 +529,8 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     tocSmooth: boolean;
     keyword: string | number;
     showBtn: ObjectToUnion<MarkdownBtnType>;
-    offsetBottom: string | number;
+    topOffset: string | number;
+    bottomOffset: string | number;
     miniScreenWidth: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;