ele-admin-plus 1.0.0-beta.1 → 1.0.0-beta.3

package/lib/style/themes/default.scss

@@ -48,7 +48,7 @@
 }
 
 // 过渡动画
-$ele-transition: 0.3s cubic-bezier(0.2, 0, 0, 1) !default;
+$ele-transition: 0.2s !default;
 
 // 样式变量
 $ele: () !default;
@@ -119,6 +119,29 @@ $ele: map.merge(
       'item-radius': 2px,
       'popup-margin': 8px
     ),
+    'alert': (
+      // 警告提示
+      'color': elVar('text-color', 'regular'),
+      'size': elVar('font-size', 'small'),
+      'title-color': elVar('text-color', 'primary'),
+      'title-size': elVar('font-size', 'base'),
+      'title-line-height': 24px,
+      'icon-size': elVar('font-size', 'medium'),
+      'rich-icon-size': 26px,
+      'close-size': elVar('font-size', 'base'),
+      'close-color': elVar('text-color', 'placeholder'),
+      'close-hover-color': elVar('text-color', 'primary'),
+      'padding': 6px 12px,
+      'rich-padding': 12px 14px,
+      'radius': elVar('border-radius', 'base')
+    ),
+    'alert-dark': (
+      // 警告提示 dark 主题
+      'color': rgba(255, 255, 255, 0.8),
+      'title-color': #fff,
+      'close-color': rgba(255, 255, 255, 0.5),
+      'close-hover-color': rgba(255, 255, 255, 0.8)
+    ),
     'message-plain': (
       // 消息提示简约风格
       'color': elVar('text-color', 'regular'),
@@ -201,8 +224,8 @@ $ele: map.merge(
     ),
     'menu-horizontal': (
       // 水平菜单
-      'item-padding': 4px,
-      'item-margin': 12px
+      'item-padding': 16px,
+      'item-margin': 0
     ),
     'menu-group': (
       // 分组菜单
@@ -291,6 +314,37 @@ $ele: map.merge(
       'padding': 16px,
       'max-width': 1120px
     ),
+    'segmented': (
+      // 分段器
+      'padding': 3px,
+      'bg': elVar('fill-color', 'light'),
+      'radius': elVar('border-radius', 'base'),
+      'height': 28px,
+      'font-size': 14px,
+      'item-padding': 12px,
+      'color': elVar('text-color', 'secondary'),
+      'active-color': elVar('text-color', 'primary'),
+      'active-bg': elVar('bg-color', 'overlay'),
+      'active-shadow': 0 1px 3px 0 rgba(0, 0, 0, 0.08),
+      'hover-bg': rgba(0, 0, 0, 0.04),
+      'disabled-color': elVar('text-color', 'placeholder')
+    ),
+    'segmented-large': (
+      // 分段器大号
+      'padding': 4px,
+      'radius': 6px,
+      'height': 36px,
+      'font-size': 16px,
+      'item-padding': 16px
+    ),
+    'segmented-small': (
+      // 分段器小号
+      'padding': 2px,
+      'radius': elVar('border-radius', 'small'),
+      'height': 20px,
+      'font-size': 13px,
+      'item-padding': 7px
+    ),
     'tool-column': (
       // 表格列配置
       'width': 220px,
@@ -335,8 +389,9 @@ $ele: map.merge(
       'bg': elVar('bg-color', 'overlay')
     ),
     'table': (
-      // 静态表格
+      // 表格
       'bg': elVar('bg-color', 'overlay'),
+      'color': elVar('text-color', 'regular'),
       'border-color': elVar('border-color', 'light'),
       'font-szie': elVar('font-size', 'base'),
       'line-height': 23px,
@@ -350,7 +405,8 @@ $ele: map.merge(
       'lg-size': elVar('font-size', 'base'),
       'lg-padding': 13px 16px,
       'sm-size': elVar('font-size', 'extra-small'),
-      'sm-padding': 4px 8px
+      'sm-padding': 4px 8px,
+      'sticky-top': 0
     ),
     'text-size': (
       // 文本
@@ -383,16 +439,23 @@ $ele: map.merge(
     ),
     'tooltip': (
       // 文字提示
-      'padding': '6px 10px',
+      'line-height': '22px',
+      'font-size': elVar('font-size', 'extra-small'),
       'radius': elVar('border-radius', 'base'),
-      'size': elVar('font-size', 'extra-small'),
-      'line-height': '20px'
-    ),
-    'tooltip-dark': (
-      // 文字提示暗色风格
+      'padding': '6px 10px',
       'color': '#fff',
       'bg': '#000',
-      'border': none
+      'arrow-bg': eleVar('tooltip', 'bg'),
+      'border': none,
+      'arrow-size': '8px',
+      'arrow-offset': '-4px'
+    ),
+    'tooltip-light': (
+      // 文字提示亮色风格
+      'color': elVar('text-color', 'primary'),
+      'bg': elVar('bg-color', 'overlay'),
+      'arrow-bg': eleVar('tooltip-light', 'bg'),
+      'border': 1px solid elVar('border-color')
     ),
     'image-viewer': (
       // 图片预览

package/lib/utils/core.d.ts

@@ -56,23 +56,6 @@ export declare function formatNumber(num?: number | null): string;
  * @param excludes 排除的字段
  */
 export declare function assignObject<T extends {}>(target: T, source: Record<string, any>, excludes?: string[]): T;
-/**
- * 经纬度坐标
- */
-export interface Point {
-    lng: number;
-    lat: number;
-}
-/**
- * 百度地图坐标转高德地图坐标
- * @param point 坐标
- */
-export declare function bd09ToGcj02(point: Point): Point;
-/**
- * 高德地图坐标转百度地图坐标
- * @param point 坐标
- */
-export declare function gcj02ToBd09(point: Point): Point;
 /**
  * 全屏
  * @param el HTMLElement
@@ -87,25 +70,22 @@ export declare function exitFullscreen(): void;
  */
 export declare function checkFullscreen(): boolean;
 /**
- * 获取屏幕宽度
- */
-export declare function screenWidth(): number;
-/**
- * 获取屏幕高度
- */
-export declare function screenHeight(): number;
-/**
- * 内容区域选择器
+ * 经纬度坐标
  */
-export declare const contentSelector = ".ele-admin-body > .ele-admin-content";
+export interface Point {
+    lng: number;
+    lat: number;
+}
 /**
- * 获取内容区域宽度
+ * 百度地图坐标转高德地图坐标
+ * @param point 坐标
  */
-export declare function contentWidth(): number;
+export declare function bd09ToGcj02(point: Point): Point;
 /**
- * 获取内容区域高度
+ * 高德地图坐标转百度地图坐标
+ * @param point 坐标
  */
-export declare function contentHeight(): number;
+export declare function gcj02ToBd09(point: Point): Point;
 /**
  * 判断是否是外链
  * @param url 地址
@@ -128,10 +108,10 @@ export declare function throttle<T extends (...args: any) => any>(func: T, wait:
  * @param obj 来源对象
  * @param fields 忽略的属性
  */
-export declare function omit<T extends object, K extends keyof T>(obj: T, ...fields: Array<K>): Omit<T, K>;
+export declare function omit<T extends object, K extends keyof T>(obj: T, fields: Array<K>): Omit<T, K>;
 /**
  * 摘选对象属性
  * @param obj 来源对象
  * @param fields 摘选的属性
  */
-export declare function pick<T extends object, K extends keyof T>(obj: T, ...fields: Array<K>): Pick<T, K>;
+export declare function pick<T extends object, K extends keyof T>(obj: T, fields: Array<K>): Pick<T, K>;

package/lib/utils/core.js

@@ -109,6 +109,23 @@ function assignObject(target, source, excludes) {
   });
   return target;
 }
+function requestFullscreen(el) {
+  if (el == null) {
+    el = document.documentElement;
+  }
+  const func = el.requestFullscreen || el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
+  if (!func) {
+    throw new Error("您的浏览器不支持全屏模式");
+  }
+  func.call(el);
+}
+function exitFullscreen() {
+  const func = document.exitFullscreen || document.exitFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msExitFullscreen;
+  func && func.call(document);
+}
+function checkFullscreen() {
+  return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
+}
 function bd09ToGcj02(point) {
   const x_pi = 3.141592653589793 * 3e3 / 180;
   const x = point.lng - 65e-4;
@@ -131,38 +148,6 @@ function gcj02ToBd09(point) {
     lat: z * Math.sin(theta) + 6e-3
   };
 }
-function requestFullscreen(el) {
-  if (el == null) {
-    el = document.documentElement;
-  }
-  const func = el.requestFullscreen || el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
-  if (!func) {
-    throw new Error("您的浏览器不支持全屏模式");
-  }
-  func.call(el);
-}
-function exitFullscreen() {
-  const func = document.exitFullscreen || document.exitFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msExitFullscreen;
-  func && func.call(document);
-}
-function checkFullscreen() {
-  return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
-}
-function screenWidth() {
-  return document.documentElement.clientWidth || document.body.clientWidth;
-}
-function screenHeight() {
-  return document.documentElement.clientHeight || document.body.clientHeight;
-}
-const contentSelector = ".ele-admin-body > .ele-admin-content";
-function contentWidth() {
-  const el = document.querySelector(contentSelector);
-  return (el == null ? void 0 : el.clientWidth) ?? screenWidth();
-}
-function contentHeight() {
-  const el = document.querySelector(contentSelector);
-  return (el == null ? void 0 : el.clientHeight) ?? screenHeight();
-}
 function isExternalLink(url) {
   return !!(url && (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")));
 }
@@ -191,7 +176,7 @@ function throttle(func, wait) {
   };
   return debounced;
 }
-function omit(obj, ...fields) {
+function omit(obj, fields) {
   const result = Object.assign({}, obj);
   if (obj) {
     for (let i = 0; i < fields.length; i++) {
@@ -201,7 +186,7 @@ function omit(obj, ...fields) {
   }
   return result;
 }
-function pick(obj, ...fields) {
+function pick(obj, fields) {
   const result = {};
   if (obj) {
     for (let i = 0; i < fields.length; i++) {
@@ -214,9 +199,6 @@ function pick(obj, ...fields) {
 exports.assignObject = assignObject;
 exports.bd09ToGcj02 = bd09ToGcj02;
 exports.checkFullscreen = checkFullscreen;
-exports.contentHeight = contentHeight;
-exports.contentSelector = contentSelector;
-exports.contentWidth = contentWidth;
 exports.debounce = debounce;
 exports.eachTree = eachTree;
 exports.exitFullscreen = exitFullscreen;
@@ -228,8 +210,6 @@ exports.omit = omit;
 exports.pick = pick;
 exports.random = random;
 exports.requestFullscreen = requestFullscreen;
-exports.screenHeight = screenHeight;
-exports.screenWidth = screenWidth;
 exports.throttle = throttle;
 exports.toTree = toTree;
 exports.uuid = uuid;

package/lib/utils/menu-util.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const receiver = require("../ele-config-provider/receiver");
 const core = require("./core");
-const iframeComponent = require("./iframe-component");
 function camelCase(str) {
   const val = str.replace(/[-|/](\w)/g, (_, c) => c ? c.toUpperCase() : "");
   return val.charAt(0).toUpperCase() + val.slice(1);
@@ -26,7 +27,28 @@ function getRouteComponent(menu, name, func) {
   if (!menu.component || !core.isExternalLink(menu.component)) {
     return { component: func(menu.component, menu, name) };
   }
-  return { component: iframeComponent.createIframe(name, menu.component), link: true };
+  return {
+    component: vue.defineComponent({
+      name,
+      setup() {
+        var _a;
+        const src = menu.component;
+        const isAlive = ((_a = menu.meta) == null ? void 0 : _a.keepAlive) !== false;
+        const layoutProvide = receiver.useLayoutState();
+        const keepAlive = vue.computed(() => {
+          var _a2;
+          return (_a2 = vue.unref(layoutProvide)) == null ? void 0 : _a2.keepAlive;
+        });
+        return () => {
+          if (!isAlive || !keepAlive.value) {
+            return vue.h("iframe", { src, class: "ele-admin-iframe" });
+          }
+          return vue.h("div", { class: "ele-none", style: { display: "none" } });
+        };
+      }
+    }),
+    link: true
+  };
 }
 function menuToRoutes(menus, getComponent, added) {
   if (!(menus == null ? void 0 : menus.length)) {

package/lib/utils/message.js

@@ -34,7 +34,7 @@ const normalizeOptions = function(options, loading) {
     classes.push(opt.customClass);
   }
   opt.customClass = classes.join(" ");
-  return core.omit(opt, "original", "plain", "mask", "centered");
+  return core.omit(opt, ["original", "plain", "mask", "centered"]);
 };
 const EleMessage = function(options, context) {
   return elementPlus.ElMessage(normalizeOptions(options), context);

package/lib/utils/theme-util.d.ts

@@ -3,4 +3,4 @@
  * @param color 颜色值
  * @param dark 是否暗黑模式
  */
-export declare function changeColor(color?: string | null, dark?: boolean, darkClass?: string): void;
+export declare function changeColor(color?: string | null, dark?: boolean): void;

package/lib/utils/theme-util.js

@@ -1,68 +1,42 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const generate = require("../../node_modules/@ant-design/colors/es/generate");
-var presetPrimaryColors = {
-  red: "#F5222D",
-  volcano: "#FA541C",
-  orange: "#FA8C16",
-  gold: "#FAAD14",
-  yellow: "#FADB14",
-  lime: "#A0D911",
-  green: "#52C41A",
-  cyan: "#13C2C2",
-  blue: "#1677FF",
-  geekblue: "#2F54EB",
-  purple: "#722ED1",
-  magenta: "#EB2F96",
-  grey: "#666666"
-};
-var presetPalettes = {};
-var presetDarkPalettes = {};
-Object.keys(presetPrimaryColors).forEach(function(key) {
-  presetPalettes[key] = generate(presetPrimaryColors[key]);
-  presetPalettes[key].primary = presetPalettes[key][5];
-  presetDarkPalettes[key] = generate(presetPrimaryColors[key], {
-    theme: "dark",
-    backgroundColor: "#141414"
-  });
-  presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
-});
-function changeColor(color, dark, darkClass = "dark") {
-  const root = document.querySelector("html");
-  if (!root) {
+const colors = require("@ant-design/colors");
+function changeColor(color, dark) {
+  const $html = document.querySelector("html");
+  if (!$html) {
     return;
   }
-  const id = `ele-admin-theme-var`;
+  const id = "ele-theme-var";
   const elem = document.getElementById(id);
   if (elem == null ? void 0 : elem.parentNode) {
     elem.parentNode.removeChild(elem);
   }
   if (color) {
-    const colors = generate(color, dark ? { theme: "dark" } : {});
-    const clazz = dark ? `html.${darkClass}` : ":root";
+    const colors$1 = colors.generate(color, dark ? { theme: "dark" } : {});
+    const selector = dark ? "html.dark" : ":root";
     const elem2 = document.createElement("style");
     elem2.id = id;
     elem2.setAttribute("type", "text/css");
     elem2.innerHTML = [
-      `${clazz}{`,
+      `${selector}{`,
       `--el-color-primary:${color};`,
-      `--el-color-primary-light-3:${colors[4]};`,
-      `--el-color-primary-light-5:${colors[3]};`,
-      `--el-color-primary-light-7:${colors[2]};`,
-      `--el-color-primary-light-8:${colors[1]};`,
-      `--el-color-primary-light-9:${colors[0]};`,
-      `--el-color-primary-dark-2:${colors[6]};`,
+      `--el-color-primary-light-3:${colors$1[4]};`,
+      `--el-color-primary-light-5:${colors$1[3]};`,
+      `--el-color-primary-light-7:${colors$1[2]};`,
+      `--el-color-primary-light-8:${colors$1[1]};`,
+      `--el-color-primary-light-9:${colors$1[0]};`,
+      `--el-color-primary-dark-2:${colors$1[6]};`,
       "}"
     ].join("");
     document.head.appendChild(elem2);
-    root.dataset.theme = color;
+    $html.dataset.color = color;
   } else {
-    root.removeAttribute("data-theme");
+    $html.removeAttribute("data-color");
   }
   if (dark) {
-    root.classList.add(darkClass);
+    $html.classList.add("dark");
   } else {
-    root.classList.remove(darkClass);
+    $html.classList.remove("dark");
   }
 }
 exports.changeColor = changeColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.3",
   "description": "EleAdminPlus Library",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -24,21 +24,21 @@
   "homepage": "https://eleadmin.com",
   "repository": "https://eleadmin.com",
   "peerDependencies": {
-    "element-plus": ">=2.2.31",
+    "element-plus": ">=2.3.0",
     "vue": ">=3.1.0"
   },
-  "dependencies": {},
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@ant-design/colors": "^7.0.0",
     "@bytemd/plugin-gfm": "^1.21.0",
+    "@bytemd/plugin-highlight": "^1.21.0",
     "@element-plus/icons-vue": "^2.1.0",
     "@types/fs-extra": "^11.0.1",
-    "@types/node": "20.2.3",
+    "@types/node": "^20.3.1",
     "@types/nprogress": "^0.2.0",
     "@types/sortablejs": "^1.15.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.7",
-    "@typescript-eslint/parser": "^5.59.7",
+    "@typescript-eslint/eslint-plugin": "^5.59.11",
+    "@typescript-eslint/parser": "^5.59.11",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/compiler-sfc": "^3.3.4",
     "axios": "^1.4.0",
@@ -46,41 +46,42 @@
     "chalk": "^5.2.0",
     "countup.js": "^2.6.2",
     "cropperjs": "^1.5.13",
-    "dayjs": "^1.11.7",
+    "dayjs": "^1.11.8",
     "echarts": "^5.4.2",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.3.5",
-    "eslint": "^8.41.0",
+    "element-plus": "^2.3.6",
+    "eslint": "^8.42.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-define-config": "^1.20.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.14.0",
+    "eslint-plugin-vue": "^9.14.1",
     "esno": "^0.16.3",
     "execa": "^7.1.1",
     "fs-extra": "^11.1.1",
     "github-markdown-css": "^5.2.0",
+    "highlight.js": "^11.8.0",
     "jsbarcode": "^3.11.5",
     "nprogress": "^0.2.0",
     "p-limit": "^4.0.0",
     "pinia": "^2.1.3",
-    "postcss": "^8.4.23",
+    "postcss": "^8.4.24",
     "prettier": "^2.8.8",
     "rimraf": "^5.0.1",
-    "sass": "^1.62.1",
+    "sass": "^1.63.3",
     "sortablejs": "^1.15.0",
     "tinymce": "^5.10.7",
-    "typescript": "^5.0.4",
-    "unplugin-vue-components": "^0.24.1",
-    "vite": "^4.3.8",
+    "typescript": "^5.1.3",
+    "unplugin-vue-components": "^0.25.1",
+    "vite": "^4.3.9",
     "vite-plugin-dts": "^2.3.0",
     "vue": "^3.3.4",
     "vue-echarts": "^6.5.5",
-    "vue-eslint-parser": "^9.3.0",
+    "vue-eslint-parser": "^9.3.1",
     "vue-i18n": "^9.2.2",
-    "vue-router": "^4.2.1",
+    "vue-router": "^4.2.2",
     "vue-tsc": "^1.6.5",
     "vuedraggable": "^4.1.0",
-    "xgplayer": "^3.0.2",
+    "xgplayer": "^3.0.4",
     "xlsx": "^0.18.5"
   },
   "sideEffects": [

package/typings/global.d.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/consistent-type-imports */
 declare module 'vue' {
   export interface GlobalComponents {
+    EleAlert: typeof import('ele-admin-plus')['EleAlert'];
     EleApp: typeof import('ele-admin-plus')['EleApp'];
     EleAvatarGroup: typeof import('ele-admin-plus')['EleAvatarGroup'];
     EleBarCode: typeof import('ele-admin-plus')['EleBarCode'];
@@ -26,11 +27,12 @@ declare module 'vue' {
     EleModal: typeof import('ele-admin-plus')['EleModal'];
     ElePage: typeof import('ele-admin-plus')['ElePage'];
     ElePagination: typeof import('ele-admin-plus')['ElePagination'];
-    ElePlayer: typeof import('ele-admin-plus')['ElePlayer'];
+    ElePrinter: typeof import('ele-admin-plus')['ElePrinter'];
     EleProLayout: typeof import('ele-admin-plus')['EleProLayout'];
     EleProTable: typeof import('ele-admin-plus')['EleProTable'];
     EleQrCode: typeof import('ele-admin-plus')['EleQrCode'];
     EleQrCodeSvg: typeof import('ele-admin-plus')['EleQrCodeSvg'];
+    EleSegmented: typeof import('ele-admin-plus')['EleSegmented'];
     EleSplitPanel: typeof import('ele-admin-plus')['EleSplitPanel'];
     EleSteps: typeof import('ele-admin-plus')['EleSteps'];
     EleTabTool: typeof import('ele-admin-plus')['EleTabTool'];

package/es/ele-config-provider/keys.d.ts

@@ -1,8 +0,0 @@
-/**
- * 全局配置键名
- */
-export declare const PROVIDE_KEY = "EleGlobalConfig";
-/**
- * 布局状态共享键名
- */
-export declare const LAYOUT_KEY = "EleLayoutState";

package/es/ele-config-provider/keys.js

@@ -1,6 +0,0 @@
-const PROVIDE_KEY = "EleGlobalConfig";
-const LAYOUT_KEY = "EleLayoutState";
-export {
-  LAYOUT_KEY,
-  PROVIDE_KEY
-};

package/es/ele-config-provider/use-receiver.js

@@ -1,38 +0,0 @@
-import { inject, computed, unref } from "vue";
-import { PROVIDE_KEY, LAYOUT_KEY } from "./keys";
-import defaultLocale from "../lang/zh_CN";
-function useReceiver() {
-  return inject(PROVIDE_KEY, {});
-}
-function useGlobalProps(name) {
-  const globalConfig = useReceiver();
-  return computed(() => globalConfig[name] ?? {});
-}
-function useLocale(name, props) {
-  const globalConfig = useReceiver();
-  const lang = computed(() => {
-    const temp = globalConfig.locale ?? defaultLocale;
-    if (name) {
-      return Object.assign(temp[name] ?? {}, props.locale);
-    }
-    return temp;
-  });
-  return { lang, globalConfig };
-}
-function useLayoutState(defaultValue) {
-  return inject(LAYOUT_KEY, defaultValue);
-}
-function useResponsive(props) {
-  const state = useLayoutState();
-  return computed(() => {
-    var _a;
-    return props.responsive ?? ((_a = unref(state)) == null ? void 0 : _a.responsive) ?? true;
-  });
-}
-export {
-  useGlobalProps,
-  useLayoutState,
-  useLocale,
-  useReceiver,
-  useResponsive
-};

package/es/utils/iframe-component.d.ts

@@ -1,8 +0,0 @@
-/**
- * 创建 iframe 组件
- * @param name 组件名称
- * @param url 链接地址
- */
-export declare function createIframe(name: string | undefined, url: string): import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;