From cbf117d76924644845509da09e2aed39d380710b Mon Sep 17 00:00:00 2001
From: EmberSpirit <85718018+wangKBweb@users.noreply.github.com>
Date: Wed, 14 Sep 2022 22:32:18 +0800
Subject: [PATCH] feat(ui/menu): replace menuV2 with menu (#690)

---
 packages/varlet-cli/lib/index.js              |  94 ++---
 .../__snapshots__/index.spec.js.snap          |   8 +-
 .../__snapshots__/index.spec.js.snap          |  55 ---
 .../src/menu-v2/__tests__/index.spec.js       | 172 --------
 packages/varlet-ui/src/menu-v2/docs/en-US.md  |   0
 packages/varlet-ui/src/menu-v2/docs/zh-CN.md  |   0
 .../varlet-ui/src/menu-v2/example/index.vue   |  21 -
 packages/varlet-ui/src/menu-v2/index.ts       |  10 -
 packages/varlet-ui/src/menu-v2/menuV2.less    |  25 --
 packages/varlet-ui/src/menu-v2/props.ts       |  97 -----
 packages/varlet-ui/src/menu/Menu.tsx          | 143 -------
 .../src/{menu-v2/MenuV2.vue => menu/Menu.vue} |   6 +-
 .../__snapshots__/index.spec.js.snap          |  85 ++--
 .../src/menu/__tests__/index.spec.js          | 200 ++++++---
 packages/varlet-ui/src/menu/docs/en-US.md     | 223 ----------
 packages/varlet-ui/src/menu/docs/zh-CN.md     | 217 ----------
 packages/varlet-ui/src/menu/example/index.vue | 150 +------
 .../src/menu/example/locale/en-US.ts          |  12 -
 .../src/menu/example/locale/index.ts          |  23 --
 .../src/menu/example/locale/zh-CN.ts          |  12 -
 packages/varlet-ui/src/menu/index.ts          |   2 +-
 packages/varlet-ui/src/menu/menu.less         |  14 +-
 packages/varlet-ui/src/menu/props.ts          |  69 +++-
 .../__snapshots__/index.spec.js.snap          | 270 +-----------
 packages/varlet-ui/src/select/Select.vue      |   4 +-
 .../__snapshots__/index.spec.js.snap          |  30 +-
 .../src/select/__tests__/index.spec.js        |   2 +-
 packages/varlet-ui/src/themes/dark/index.ts   |   4 +-
 packages/varlet-ui/src/themes/dark/menu.ts    |   3 +
 packages/varlet-ui/src/themes/dark/menuV2.ts  |   3 -
 packages/varlet-ui/types/index.d.ts           |   2 -
 packages/varlet-ui/types/menu.d.ts            |  27 +-
 packages/varlet-ui/types/menuV2.d.ts          |  46 ---
 packages/varlet-ui/varlet.config.js           |   8 -
 pnpm-lock.yaml                                | 383 ++++++++++--------
 35 files changed, 616 insertions(+), 1804 deletions(-)
 delete mode 100644 packages/varlet-ui/src/menu-v2/__tests__/__snapshots__/index.spec.js.snap
 delete mode 100644 packages/varlet-ui/src/menu-v2/__tests__/index.spec.js
 delete mode 100644 packages/varlet-ui/src/menu-v2/docs/en-US.md
 delete mode 100644 packages/varlet-ui/src/menu-v2/docs/zh-CN.md
 delete mode 100644 packages/varlet-ui/src/menu-v2/example/index.vue
 delete mode 100644 packages/varlet-ui/src/menu-v2/index.ts
 delete mode 100644 packages/varlet-ui/src/menu-v2/menuV2.less
 delete mode 100644 packages/varlet-ui/src/menu-v2/props.ts
 delete mode 100644 packages/varlet-ui/src/menu/Menu.tsx
 rename packages/varlet-ui/src/{menu-v2/MenuV2.vue => menu/Menu.vue} (98%)
 delete mode 100644 packages/varlet-ui/src/menu/example/locale/en-US.ts
 delete mode 100644 packages/varlet-ui/src/menu/example/locale/index.ts
 delete mode 100644 packages/varlet-ui/src/menu/example/locale/zh-CN.ts
 create mode 100644 packages/varlet-ui/src/themes/dark/menu.ts
 delete mode 100644 packages/varlet-ui/src/themes/dark/menuV2.ts
 delete mode 100644 packages/varlet-ui/types/menuV2.d.ts

diff --git a/packages/varlet-cli/lib/index.js b/packages/varlet-cli/lib/index.js
index e8c140ccc85..15b7796413d 100755
--- a/packages/varlet-cli/lib/index.js
+++ b/packages/varlet-cli/lib/index.js
@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
-  return (mod && mod.__esModule) ? mod : { "default": mod };
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const logger_1 = __importDefault(require("./shared/logger"));
@@ -21,64 +21,64 @@ const commitLint_1 = require("./commands/commitLint");
 const program = new commander_1.Command();
 program.version(`varlet-cli ${require('../package.json').version}`).usage('<command> [options]');
 program
-  .command('dev')
-  .option('-f --force', 'Force dep pre-optimization regardless of whether deps have changed')
-  .description('Run varlet development environment')
-  .action(dev_1.dev);
+    .command('dev')
+    .option('-f --force', 'Force dep pre-optimization regardless of whether deps have changed')
+    .description('Run varlet development environment')
+    .action(dev_1.dev);
 program.command('build').description('Build varlet site for production').action(build_1.build);
 program
-  .command('build:vite')
-  .description('Use vite build app for production')
-  .action(() => (0, vite_1.vite)('build'));
+    .command('build:vite')
+    .description('Use vite build app for production')
+    .action(() => (0, vite_1.vite)('build'));
 program
-  .command('dev:vite')
-  .description('Use vite start server for development')
-  .action(() => (0, vite_1.vite)('dev'));
+    .command('dev:vite')
+    .description('Use vite start server for development')
+    .action(() => (0, vite_1.vite)('dev'));
 program.command('preview').description('Preview varlet site for production').action(preview_1.preview);
 program
-  .command('compile')
-  .description('Compile varlet components library code')
-  .option('-nu, --noUmd', 'Do not compile umd target code')
-  .action(compile_1.compile);
+    .command('compile')
+    .description('Compile varlet components library code')
+    .option('-nu, --noUmd', 'Do not compile umd target code')
+    .action(compile_1.compile);
 program.command('lint').description('Lint code').action(lint_1.lint);
 program
-  .command('create')
-  .description('Create a component directory')
-  .option('-n, --name <componentName>', 'Component name')
-  .option('-s, --sfc', 'Generate files in sfc format')
-  .option('-t, --tsx', 'Generate files in tsx format')
-  .option('-l, --locale', 'Generator internationalized files')
-  .action(create_1.create);
+    .command('create')
+    .description('Create a component directory')
+    .option('-n, --name <componentName>', 'Component name')
+    .option('-s, --sfc', 'Generate files in sfc format')
+    .option('-t, --tsx', 'Generate files in tsx format')
+    .option('-l, --locale', 'Generator internationalized files')
+    .action(create_1.create);
 program
-  .command('test')
-  .description('Run test in work directory')
-  .option('-w, --watch', 'Watch files for changes and rerun tests related to changed files')
-  .option('-c, --component <componentName>', 'Test a specific component')
-  .option('-cov, --coverage', 'Generate the coverage')
-  .action(test_1.test);
+    .command('test')
+    .description('Run test in work directory')
+    .option('-w, --watch', 'Watch files for changes and rerun tests related to changed files')
+    .option('-c, --component <componentName>', 'Test a specific component')
+    .option('-cov, --coverage', 'Generate the coverage')
+    .action(test_1.test);
 program
-  .command('gen')
-  .description('Generate cli application')
-  .option('-n, --name <applicationName>', 'Application name')
-  .option('-s, --sfc', 'Generate files in sfc format')
-  .option('-t, --tsx', 'Generate files in tsx format')
-  .option('-l, --locale', 'Generator internationalized files')
-  .action(gen_1.gen);
+    .command('gen')
+    .description('Generate cli application')
+    .option('-n, --name <applicationName>', 'Application name')
+    .option('-s, --sfc', 'Generate files in sfc format')
+    .option('-t, --tsx', 'Generate files in tsx format')
+    .option('-l, --locale', 'Generator internationalized files')
+    .action(gen_1.gen);
 program
-  .command('changelog')
-  .option('-rc --releaseCount <releaseCount>', 'Release count')
-  .option('-f --file <file>', 'Changelog filename')
-  .description('Generate changelog')
-  .action(changelog_1.changelog);
+    .command('changelog')
+    .option('-rc --releaseCount <releaseCount>', 'Release count')
+    .option('-f --file <file>', 'Changelog filename')
+    .description('Generate changelog')
+    .action(changelog_1.changelog);
 program
-  .command('release')
-  .option('-r --remote <remote>', 'Remote name')
-  .description('Release all packages and generate changelogs')
-  .action(release_1.release);
+    .command('release')
+    .option('-r --remote <remote>', 'Remote name')
+    .description('Release all packages and generate changelogs')
+    .action(release_1.release);
 program.command('commit-lint <gitParams>').description('Lint commit message').action(commitLint_1.commitLint);
 program.on('command:*', ([cmd]) => {
-  program.outputHelp();
-  logger_1.default.error(`\nUnknown command ${cmd}.\n`);
-  process.exitCode = 1;
+    program.outputHelp();
+    logger_1.default.error(`\nUnknown command ${cmd}.\n`);
+    process.exitCode = 1;
 });
 program.parse();
diff --git a/packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap
index b71b39f1093..6f9bff8bd74 100644
--- a/packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap
@@ -316,7 +316,7 @@ exports[`test form with select 1`] = `
     <div class=\\"var-select__controller var-select--disabled\\">
       <div class=\\"var-select__icon\\"></div>
       <div class=\\"var-select__wrap\\">
-        <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+        <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
           <div class=\\"var-select__select var-select--disabled\\" style=\\"text-align: left;\\">
             <div>
               <div class=\\"var-select__chips\\">
@@ -346,7 +346,7 @@ exports[`test form with select 2`] = `
     <div class=\\"var-select__controller\\">
       <div class=\\"var-select__icon\\"></div>
       <div class=\\"var-select__wrap\\">
-        <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+        <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
           <div class=\\"var-select__select\\" style=\\"text-align: left;\\">
             <div>
               <div class=\\"var-select__chips\\">
@@ -376,7 +376,7 @@ exports[`test form with select 3`] = `
     <div class=\\"var-select__controller var-select--error\\">
       <div class=\\"var-select__icon\\"></div>
       <div class=\\"var-select__wrap\\">
-        <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+        <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
           <div class=\\"var-select__select var-select--error\\" style=\\"text-align: left;\\">
             <div>
               <div class=\\"var-select__chips\\">
@@ -409,7 +409,7 @@ exports[`test form with select 4`] = `
     <div class=\\"var-select__controller\\">
       <div class=\\"var-select__icon\\"></div>
       <div class=\\"var-select__wrap\\">
-        <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+        <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
           <div class=\\"var-select__select\\" style=\\"text-align: left;\\">
             <div>
               <div class=\\"var-select__chips\\"></div>
diff --git a/packages/varlet-ui/src/menu-v2/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/menu-v2/__tests__/__snapshots__/index.spec.js.snap
deleted file mode 100644
index aa57fe3e742..00000000000
--- a/packages/varlet-ui/src/menu-v2/__tests__/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,55 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`test menu v2 click trigger 1`] = `"<div data-v-app=\\"\\"><div class=\\"var-menu-v2\\"><!--teleport start--><!--teleport end--></div></div><div style=\\"z-index: 2001; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
-
-exports[`test menu v2 click trigger 2`] = `"<div data-v-app=\\"\\"><div class=\\"var-menu-v2\\"><!--teleport start--><!--teleport end--></div></div><div style=\\"z-index: 2001; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px); display: none;\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
-
-exports[`test menu v2 default style 1`] = `"<transition-stub><div style=\\"z-index: 2002; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu\\" data-popper-placement=\\"bottom-start\\"></div></transition-stub>"`;
-
-exports[`test menu v2 hover the menu list 1`] = `"<div style=\\"z-index: 2003; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px); display: none;\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
-
-exports[`test menu v2 hover trigger and events 1`] = `"<div style=\\"z-index: 2002; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
-
-exports[`test menu v2 hover trigger and events 2`] = `"<div style=\\"z-index: 2002; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px); display: none;\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
-
-exports[`test menu v2 offset 1`] = `"<div style=\\"z-index: 2002; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(100px, 100px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
-
-exports[`test menu v2 placement 1`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"top\\"></div>"`;
-
-exports[`test menu v2 placement 2`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"top-start\\"></div>"`;
-
-exports[`test menu v2 placement 3`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"top-end\\"></div>"`;
-
-exports[`test menu v2 placement 4`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom\\"></div>"`;
-
-exports[`test menu v2 placement 5`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
-
-exports[`test menu v2 placement 6`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-end\\"></div>"`;
-
-exports[`test menu v2 placement 7`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"right\\"></div>"`;
-
-exports[`test menu v2 placement 8`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"right-start\\"></div>"`;
-
-exports[`test menu v2 placement 9`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"right-end\\"></div>"`;
-
-exports[`test menu v2 placement 10`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"left\\"></div>"`;
-
-exports[`test menu v2 placement 11`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"left-start\\"></div>"`;
-
-exports[`test menu v2 placement 12`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"left-end\\"></div>"`;
-
-exports[`test menu v2 placement 13`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom\\"></div>"`;
-
-exports[`test menu v2 placement 14`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
-
-exports[`test menu v2 placement 15`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-end\\"></div>"`;
-
-exports[`test menu v2 placement 16`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"top\\"></div>"`;
-
-exports[`test menu v2 placement 17`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"top-start\\"></div>"`;
-
-exports[`test menu v2 placement 18`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"top-end\\"></div>"`;
-
-exports[`test menu v2 placement 19`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"right\\"></div>"`;
-
-exports[`test menu v2 placement 20`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu-v2__menu var-menu-v2--menu-background-color var-elevation--3\\" data-popper-placement=\\"left\\"></div>"`;
diff --git a/packages/varlet-ui/src/menu-v2/__tests__/index.spec.js b/packages/varlet-ui/src/menu-v2/__tests__/index.spec.js
deleted file mode 100644
index 0dd42a46bd6..00000000000
--- a/packages/varlet-ui/src/menu-v2/__tests__/index.spec.js
+++ /dev/null
@@ -1,172 +0,0 @@
-import MenuV2 from '..'
-import { createApp, h } from 'vue'
-import { mount } from '@vue/test-utils'
-import { delay, mockStubs, trigger } from '../../utils/test'
-import { doubleRaf } from '../../utils/elements'
-
-test('test menu v2 plugin', () => {
-  const app = createApp({}).use(MenuV2)
-  expect(app.component(MenuV2.name)).toBeTruthy()
-})
-
-test('test menu v2 placement', async () => {
-  const { mockRestore } = mockStubs()
-
-  for (const placement of [
-    'top',
-    'top-start',
-    'top-end',
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-    'right',
-    'right-start',
-    'right-end',
-    'left',
-    'left-start',
-    'left-end',
-    'cover-top',
-    'cover-top-start',
-    'cover-top-end',
-    'cover-bottom',
-    'cover-bottom-start',
-    'cover-bottom-end',
-    'cover-left',
-    'cover-right',
-  ]) {
-    const root = document.createElement('div')
-
-    mount(MenuV2, {
-      props: {
-        placement,
-        teleport: root,
-      },
-    })
-
-    await doubleRaf()
-
-    expect(root.innerHTML).toMatchSnapshot()
-  }
-
-  mockRestore()
-})
-
-test('test menu v2 click trigger', async () => {
-  const { mockRestore } = mockStubs()
-
-  const wrapper = mount(MenuV2, {
-    attachTo: document.body,
-  })
-
-  await wrapper.trigger('click')
-  await delay(300)
-  expect(document.body.innerHTML).toMatchSnapshot()
-
-  await trigger(document, 'click')
-  await delay(300)
-  expect(document.body.innerHTML).toMatchSnapshot()
-
-  document.body.innerHTML = ''
-
-  mockRestore()
-})
-
-test('test menu v2 hover trigger and events', async () => {
-  const { mockRestore } = mockStubs()
-
-  const onOpen = vi.fn()
-  const onOpened = vi.fn()
-  const onClose = vi.fn()
-  const onClosed = vi.fn()
-
-  const root = document.createElement('div')
-
-  const wrapper = mount(MenuV2, {
-    props: {
-      trigger: 'hover',
-      teleport: root,
-      onOpen,
-      onOpened,
-      onClose,
-      onClosed,
-    },
-  })
-
-  await wrapper.trigger('mouseenter')
-  expect(onOpen).toHaveBeenCalledTimes(1)
-
-  await delay(300)
-
-  expect(onOpened).toHaveBeenCalledTimes(1)
-  expect(root.innerHTML).toMatchSnapshot()
-
-  await wrapper.trigger('mouseleave')
-
-  await doubleRaf()
-  await delay(0)
-  expect(onClose).toHaveBeenCalledTimes(1)
-  await delay(300)
-
-  expect(onClosed).toHaveBeenCalledTimes(1)
-  expect(root.innerHTML).toMatchSnapshot()
-
-  wrapper.unmount()
-  mockRestore()
-})
-
-test('test menu v2 default style', async () => {
-  const root = document.createElement('div')
-
-  mount(MenuV2, {
-    props: {
-      defaultStyle: false,
-      teleport: root,
-    },
-  })
-
-  await doubleRaf()
-
-  expect(root.innerHTML).toMatchSnapshot()
-})
-
-test('test menu v2 offset', async () => {
-  const { mockRestore } = mockStubs()
-
-  const root = document.createElement('div')
-
-  mount(MenuV2, {
-    props: {
-      offsetX: 100,
-      offsetY: 100,
-      teleport: root,
-    },
-  })
-
-  await doubleRaf()
-
-  expect(root.innerHTML).toMatchSnapshot()
-
-  mockRestore()
-})
-
-test('test menu v2 hover the menu list', async () => {
-  const { mockRestore } = mockStubs()
-
-  const root = document.createElement('div')
-
-  mount(MenuV2, {
-    props: {
-      show: true,
-      trigger: 'hover',
-      teleport: root,
-    },
-  })
-
-  await doubleRaf()
-  await trigger(root.querySelector('.var-menu-v2__menu'), 'mouseenter')
-  await trigger(root.querySelector('.var-menu-v2__menu'), 'mouseleave')
-  await delay(300)
-  expect(root.innerHTML).toMatchSnapshot()
-
-  mockRestore()
-})
diff --git a/packages/varlet-ui/src/menu-v2/docs/en-US.md b/packages/varlet-ui/src/menu-v2/docs/en-US.md
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/packages/varlet-ui/src/menu-v2/docs/zh-CN.md b/packages/varlet-ui/src/menu-v2/docs/zh-CN.md
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/packages/varlet-ui/src/menu-v2/example/index.vue b/packages/varlet-ui/src/menu-v2/example/index.vue
deleted file mode 100644
index f286569806b..00000000000
--- a/packages/varlet-ui/src/menu-v2/example/index.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script setup>
-import VarMenuV2 from '..'
-import VarButton from '../../button'
-import VarCell from '../../cell'
-import dark from '../../themes/dark/index'
-import { watchDarkMode } from '@varlet/cli/site/utils'
-
-watchDarkMode(dark)
-</script>
-
-<template>
-  <var-menu-v2>
-    <var-button type="primary">触发</var-button>
-
-    <template #menu>
-      <var-cell>菜单项</var-cell>
-      <var-cell>菜单项</var-cell>
-      <var-cell>菜单项</var-cell>
-    </template>
-  </var-menu-v2>
-</template>
diff --git a/packages/varlet-ui/src/menu-v2/index.ts b/packages/varlet-ui/src/menu-v2/index.ts
deleted file mode 100644
index 2bfcc7d3584..00000000000
--- a/packages/varlet-ui/src/menu-v2/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { App } from 'vue'
-import MenuV2 from './MenuV2.vue'
-
-MenuV2.install = function (app: App) {
-  app.component(MenuV2.name, MenuV2)
-}
-
-export const _MenuV2Component = MenuV2
-
-export default MenuV2
diff --git a/packages/varlet-ui/src/menu-v2/menuV2.less b/packages/varlet-ui/src/menu-v2/menuV2.less
deleted file mode 100644
index 9fb40df3094..00000000000
--- a/packages/varlet-ui/src/menu-v2/menuV2.less
+++ /dev/null
@@ -1,25 +0,0 @@
-:root {
-  --menu-v2-background-color: #fff;
-}
-
-.var {
-  &-menu-v2-enter-from,
-  &-menu-v2-leave-to {
-    opacity: 0;
-  }
-
-  &-menu-v2-enter-active,
-  &-menu-v2-leave-active {
-    transition-property: opacity;
-    transition-duration: 0.25s;
-  }
-}
-
-.var-menu-v2 {
-  display: inline-block;
-
-  &--menu-background-color {
-    background: var(--menu-v2-background-color);
-    transition: opacity 0.25s, background-color 0.25s;
-  }
-}
diff --git a/packages/varlet-ui/src/menu-v2/props.ts b/packages/varlet-ui/src/menu-v2/props.ts
deleted file mode 100644
index e00a1f0c785..00000000000
--- a/packages/varlet-ui/src/menu-v2/props.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import type { PropType } from 'vue'
-import type { Placement as PopperPlacement } from '@popperjs/core'
-import { TeleportProps } from 'vue'
-
-export type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
-
-export type Placement =
-  | NeededPopperPlacement
-  | 'cover-top'
-  | 'cover-top-start'
-  | 'cover-top-end'
-  | 'cover-bottom'
-  | 'cover-bottom-start'
-  | 'cover-bottom-end'
-  | 'cover-left'
-  | 'cover-right'
-
-function triggerValidator(trigger: string) {
-  return ['click', 'hover'].includes(trigger)
-}
-
-function placementValidator(alignment: string) {
-  return [
-    'top',
-    'top-start',
-    'top-end',
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-    'right',
-    'right-start',
-    'right-end',
-    'left',
-    'left-start',
-    'left-end',
-    'cover-top',
-    'cover-top-start',
-    'cover-top-end',
-    'cover-bottom',
-    'cover-bottom-start',
-    'cover-bottom-end',
-    'cover-left',
-    'cover-right',
-  ].includes(alignment)
-}
-
-export const props = {
-  show: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  trigger: {
-    type: String as PropType<'click' | 'hover'>,
-    default: 'click',
-    validator: triggerValidator,
-  },
-  placement: {
-    type: String as PropType<Placement>,
-    default: 'cover-top-start',
-    validator: placementValidator,
-  },
-  offsetX: {
-    type: [Number, String],
-    default: 0,
-  },
-  offsetY: {
-    type: [Number, String],
-    default: 0,
-  },
-  teleport: {
-    type: [String, Object] as PropType<TeleportProps['to']>,
-    default: 'body',
-  },
-  defaultStyle: {
-    type: Boolean,
-    default: true,
-  },
-  onOpen: {
-    type: Function as PropType<() => void>,
-  },
-  onOpened: {
-    type: Function as PropType<() => void>,
-  },
-  onClose: {
-    type: Function as PropType<() => void>,
-  },
-  onClosed: {
-    type: Function as PropType<() => void>,
-  },
-  'onUpdate:show': {
-    type: Function as PropType<(show: boolean) => void>,
-  },
-}
diff --git a/packages/varlet-ui/src/menu/Menu.tsx b/packages/varlet-ui/src/menu/Menu.tsx
deleted file mode 100644
index 1ff191e8f0b..00000000000
--- a/packages/varlet-ui/src/menu/Menu.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import {
-  defineComponent,
-  ref,
-  computed,
-  watch,
-  onMounted,
-  onUnmounted,
-  Transition,
-  Teleport,
-  nextTick,
-  TeleportProps,
-} from 'vue'
-import { props } from './props'
-import { getLeft, getTop, toSizeUnit } from '../utils/elements'
-import { useZIndex } from '../context/zIndex'
-import type { Ref } from 'vue'
-import { call, createNamespace, exposeApis, useTeleport } from '../utils/components'
-
-import '../styles/common.less'
-import '../styles/elevation.less'
-import './menu.less'
-
-const { n, classes } = createNamespace('menu')
-
-export default defineComponent({
-  name: 'VarMenu',
-  props,
-  setup(props, { slots }) {
-    const host: Ref<null | HTMLElement> = ref(null)
-    const menu: Ref<null | HTMLElement> = ref(null)
-    const to: Ref<TeleportProps['to']> = ref()
-    const top: Ref<number> = ref(0)
-    const left: Ref<number> = ref(0)
-    const { zIndex } = useZIndex(() => props.show, 1)
-    const { disabled } = useTeleport()
-    let clickSelf = false
-
-    const computeTop = (alignment: string): number => {
-      return alignment === 'top'
-        ? getTop(host.value as HTMLElement)
-        : getTop(host.value as HTMLElement) - (menu.value as HTMLElement).offsetHeight
-    }
-
-    const handleClick = () => {
-      clickSelf = true
-    }
-
-    const handleMenuClose = () => {
-      if (clickSelf) {
-        clickSelf = false
-        return
-      }
-
-      if (!props.show) {
-        return
-      }
-
-      call(props['onUpdate:show'], false)
-    }
-
-    // expose
-    const resize = () => {
-      top.value = computeTop(props.alignment)
-      left.value = getLeft(host.value as HTMLElement)
-    }
-
-    // Transition style use computed place here
-    const transitionStyle = computed(() => {
-      return {
-        top: `calc(${top.value}px + ${toSizeUnit(props.offsetY)})`,
-        left: `calc(${left.value}px + ${toSizeUnit(props.offsetX)})`,
-        zIndex: zIndex.value,
-      }
-    })
-
-    const renderTransition = () => (
-      <Transition name={n()} onAfterEnter={props.onOpened} onAfterLeave={props.onClosed}>
-        <div
-          class={classes(n('menu'), 'var-elevation--3')}
-          ref={menu}
-          style={transitionStyle.value}
-          v-show={props.show}
-          onClick={(event) => {
-            event.stopPropagation()
-          }}
-        >
-          {call(slots.menu)}
-        </div>
-      </Transition>
-    )
-
-    watch(() => props.alignment, resize)
-
-    watch(
-      () => props.show,
-      async (newValue: boolean) => {
-        const { onOpen, onClose } = props
-        if (newValue) {
-          await nextTick()
-          resize()
-        }
-        newValue ? call(onOpen) : call(onClose)
-      }
-    )
-
-    watch(
-      () => props.teleport,
-      (newValue) => {
-        to.value = newValue
-      }
-    )
-
-    onMounted(() => {
-      // Synchronously transfer the state to the mount hook to support server-side rendering to prevent hydration errors
-      to.value = props.teleport
-      resize()
-
-      document.addEventListener('click', handleMenuClose)
-      window.addEventListener('resize', resize)
-    })
-
-    onUnmounted(() => {
-      document.removeEventListener('click', handleMenuClose)
-      window.removeEventListener('resize', resize)
-    })
-
-    exposeApis({ resize })
-
-    return () => (
-      <div class={n()} ref={host} onClick={handleClick}>
-        {call(slots.default)}
-
-        {to.value ? (
-          <Teleport to={to.value} disabled={disabled.value}>
-            {renderTransition()}
-          </Teleport>
-        ) : (
-          renderTransition()
-        )}
-      </div>
-    )
-  },
-})
diff --git a/packages/varlet-ui/src/menu-v2/MenuV2.vue b/packages/varlet-ui/src/menu/Menu.vue
similarity index 98%
rename from packages/varlet-ui/src/menu-v2/MenuV2.vue
rename to packages/varlet-ui/src/menu/Menu.vue
index 2d69c0f356c..18ae59e8434 100644
--- a/packages/varlet-ui/src/menu-v2/MenuV2.vue
+++ b/packages/varlet-ui/src/menu/Menu.vue
@@ -33,7 +33,7 @@ import type { Ref } from 'vue'
 import type { Instance } from '@popperjs/core/lib/types'
 import type { NeededPopperPlacement } from './props'
 
-const { n, classes } = createNamespace('menu-v2')
+const { n, classes } = createNamespace('menu')
 
 export interface HostSize {
   width: number
@@ -47,7 +47,7 @@ export interface Position {
 }
 
 export default defineComponent({
-  name: 'VarMenuV2',
+  name: 'VarMenu',
   props,
   setup(props) {
     const host: Ref<null | HTMLElement> = ref(null)
@@ -353,7 +353,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-@import './menuV2';
+@import './menu';
 @import '../styles/elevation.less';
 @import '../styles/common.less';
 </style>
diff --git a/packages/varlet-ui/src/menu/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/menu/__tests__/__snapshots__/index.spec.js.snap
index 9c85abc5223..3373a6fa21f 100644
--- a/packages/varlet-ui/src/menu/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/varlet-ui/src/menu/__tests__/__snapshots__/index.spec.js.snap
@@ -1,34 +1,55 @@
 // Vitest Snapshot v1
 
-exports[`test menu click forbid trigger 1`] = `
-"<div class=\\"container\\">
-  <div class=\\"var-menu\\">
-    <!---->
-    <div class=\\"var-menu__menu var-elevation--3 var-menu-enter-from var-menu-enter-active\\" style=\\"top: calc(0px + 100px); left: calc(0px + 100px); z-index: 2002;\\">
-      <div class=\\"menu-content\\"></div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`test menu trigger 1`] = `
-"<div class=\\"container\\">
-  <div class=\\"var-menu\\">
-    <!---->
-    <div class=\\"var-menu__menu var-elevation--3 var-menu-enter-from var-menu-enter-active\\" style=\\"top: calc(0px + 100px); left: calc(0px + 100px); z-index: 2001;\\">
-      <div class=\\"menu-content\\"></div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`test menu trigger 2`] = `
-"<div class=\\"container\\">
-  <div class=\\"var-menu\\">
-    <!---->
-    <div class=\\"var-menu__menu var-elevation--3\\" style=\\"top: calc(0px + 100px); left: calc(0px + 100px); z-index: 2001; display: none;\\">
-      <div class=\\"menu-content\\"></div>
-    </div>
-  </div>
-</div>"
-`;
+exports[`test menu click trigger 1`] = `"<div data-v-app=\\"\\"><div class=\\"var-menu\\"><!--teleport start--><!--teleport end--></div></div><div style=\\"z-index: 2001; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
+
+exports[`test menu click trigger 2`] = `"<div data-v-app=\\"\\"><div class=\\"var-menu\\"><!--teleport start--><!--teleport end--></div></div><div style=\\"z-index: 2001; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px); display: none;\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
+
+exports[`test menu default style 1`] = `"<transition-stub><div style=\\"z-index: 2002; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu\\" data-popper-placement=\\"bottom-start\\"></div></transition-stub>"`;
+
+exports[`test menu hover the menu list 1`] = `"<div style=\\"z-index: 2003; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px); display: none;\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
+
+exports[`test menu hover trigger and events 1`] = `"<div style=\\"z-index: 2002; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
+
+exports[`test menu hover trigger and events 2`] = `"<div style=\\"z-index: 2002; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px); display: none;\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
+
+exports[`test menu offset 1`] = `"<div style=\\"z-index: 2002; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(100px, 100px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
+
+exports[`test menu placement 1`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"top\\"></div>"`;
+
+exports[`test menu placement 2`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"top-start\\"></div>"`;
+
+exports[`test menu placement 3`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"top-end\\"></div>"`;
+
+exports[`test menu placement 4`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom\\"></div>"`;
+
+exports[`test menu placement 5`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
+
+exports[`test menu placement 6`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-end\\"></div>"`;
+
+exports[`test menu placement 7`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"right\\"></div>"`;
+
+exports[`test menu placement 8`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"right-start\\"></div>"`;
+
+exports[`test menu placement 9`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"right-end\\"></div>"`;
+
+exports[`test menu placement 10`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"left\\"></div>"`;
+
+exports[`test menu placement 11`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"left-start\\"></div>"`;
+
+exports[`test menu placement 12`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"left-end\\"></div>"`;
+
+exports[`test menu placement 13`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom\\"></div>"`;
+
+exports[`test menu placement 14`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-start\\"></div>"`;
+
+exports[`test menu placement 15`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"bottom-end\\"></div>"`;
+
+exports[`test menu placement 16`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"top\\"></div>"`;
+
+exports[`test menu placement 17`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"top-start\\"></div>"`;
+
+exports[`test menu placement 18`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; bottom: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"top-end\\"></div>"`;
+
+exports[`test menu placement 19`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"right\\"></div>"`;
+
+exports[`test menu placement 20`] = `"<div style=\\"z-index: 2000; display: none; position: absolute; left: 0px; top: 0px; margin: 0px; right: 0px; transform: translate(0px, 0px);\\" class=\\"var-menu__menu var-menu--menu-background-color var-elevation--3\\" data-popper-placement=\\"left\\"></div>"`;
diff --git a/packages/varlet-ui/src/menu/__tests__/index.spec.js b/packages/varlet-ui/src/menu/__tests__/index.spec.js
index 647b63f80b2..de73fa91c33 100644
--- a/packages/varlet-ui/src/menu/__tests__/index.spec.js
+++ b/packages/varlet-ui/src/menu/__tests__/index.spec.js
@@ -1,82 +1,172 @@
-import Menu from '..'
-import VarMenu from '../Menu'
+import VarMenu from '..'
+import { createApp, h } from 'vue'
 import { mount } from '@vue/test-utils'
-import { createApp } from 'vue'
-import { delay, mockStubs } from '../../utils/test'
+import { delay, mockStubs, trigger } from '../../utils/test'
+import { doubleRaf } from '../../utils/elements'
 
 test('test menu plugin', () => {
-  const app = createApp({}).use(Menu)
-  expect(app.component(Menu.name)).toBeTruthy()
+  const app = createApp({}).use(VarMenu)
+  expect(app.component(VarMenu.name)).toBeTruthy()
 })
 
-const Wrapper = {
-  components: {
-    [VarMenu.name]: VarMenu,
-  },
-  data: () => ({
-    show: false,
-  }),
-  template: `
-    <div class="container">
-      <var-menu
-        :offset-x="100"
-        :offset-y="100"
-        :teleport="null"
-        v-model:show="show"
-      >
-        <template #menu>
-          <div class="menu-content"></div>
-        </template>
-      </var-menu>
-    </div>
-  `,
-}
-
-test('test menu trigger', async () => {
+test('test menu placement', async () => {
   const { mockRestore } = mockStubs()
-  const wrapper = mount(Wrapper, { attachTo: document.body })
-  await wrapper.setData({ show: true })
 
-  expect(wrapper.find('.menu-content').isVisible()).toBeTruthy()
-  expect(wrapper.html()).toMatchSnapshot()
+  for (const placement of [
+    'top',
+    'top-start',
+    'top-end',
+    'bottom',
+    'bottom-start',
+    'bottom-end',
+    'right',
+    'right-start',
+    'right-end',
+    'left',
+    'left-start',
+    'left-end',
+    'cover-top',
+    'cover-top-start',
+    'cover-top-end',
+    'cover-bottom',
+    'cover-bottom-start',
+    'cover-bottom-end',
+    'cover-left',
+    'cover-right',
+  ]) {
+    const root = document.createElement('div')
 
-  await wrapper.find('.container').trigger('click')
-  await delay(300)
-  expect(wrapper.find('.menu-content').isVisible()).toBeFalsy()
-  expect(wrapper.html()).toMatchSnapshot()
+    mount(VarMenu, {
+      props: {
+        placement,
+        teleport: root,
+      },
+    })
+
+    await doubleRaf()
+
+    expect(root.innerHTML).toMatchSnapshot()
+  }
 
   mockRestore()
-  wrapper.unmount()
 })
 
-test('test menu click forbid trigger', async () => {
+test('test menu click trigger', async () => {
   const { mockRestore } = mockStubs()
-  const wrapper = mount(Wrapper, { attachTo: document.body })
-  await wrapper.setData({ show: true })
 
-  await wrapper.find('.menu-content').trigger('click')
-  expect(wrapper.find('.menu-content').isVisible()).toBeTruthy()
-  expect(wrapper.html()).toMatchSnapshot()
+  const wrapper = mount(VarMenu, {
+    attachTo: document.body,
+  })
+
+  await wrapper.trigger('click')
+  await delay(300)
+  expect(document.body.innerHTML).toMatchSnapshot()
+
+  await trigger(document, 'click')
+  await delay(300)
+  expect(document.body.innerHTML).toMatchSnapshot()
+
+  document.body.innerHTML = ''
 
   mockRestore()
-  wrapper.unmount()
 })
 
-test('test menu z-index', async () => {
+test('test menu hover trigger and events', async () => {
   const { mockRestore } = mockStubs()
-  const wrapper = mount(Wrapper, { attachTo: document.body })
-  await wrapper.setData({ show: true })
-  await delay(300)
 
-  const prevIndex = +wrapper.find('.var-menu__menu').element.style.zIndex
+  const onOpen = vi.fn()
+  const onOpened = vi.fn()
+  const onClose = vi.fn()
+  const onClosed = vi.fn()
+
+  const root = document.createElement('div')
+
+  const wrapper = mount(VarMenu, {
+    props: {
+      trigger: 'hover',
+      teleport: root,
+      onOpen,
+      onOpened,
+      onClose,
+      onClosed,
+    },
+  })
+
+  await wrapper.trigger('mouseenter')
+  expect(onOpen).toHaveBeenCalledTimes(1)
 
-  await wrapper.setData({ show: false })
   await delay(300)
-  await wrapper.setData({ show: true })
+
+  expect(onOpened).toHaveBeenCalledTimes(1)
+  expect(root.innerHTML).toMatchSnapshot()
+
+  await wrapper.trigger('mouseleave')
+
+  await doubleRaf()
+  await delay(0)
+  expect(onClose).toHaveBeenCalledTimes(1)
   await delay(300)
 
-  expect(+wrapper.find('.var-menu__menu').element.style.zIndex).toBe(prevIndex + 1)
+  expect(onClosed).toHaveBeenCalledTimes(1)
+  expect(root.innerHTML).toMatchSnapshot()
 
-  mockRestore()
   wrapper.unmount()
+  mockRestore()
+})
+
+test('test menu default style', async () => {
+  const root = document.createElement('div')
+
+  mount(VarMenu, {
+    props: {
+      defaultStyle: false,
+      teleport: root,
+    },
+  })
+
+  await doubleRaf()
+
+  expect(root.innerHTML).toMatchSnapshot()
+})
+
+test('test menu offset', async () => {
+  const { mockRestore } = mockStubs()
+
+  const root = document.createElement('div')
+
+  mount(VarMenu, {
+    props: {
+      offsetX: 100,
+      offsetY: 100,
+      teleport: root,
+    },
+  })
+
+  await doubleRaf()
+
+  expect(root.innerHTML).toMatchSnapshot()
+
+  mockRestore()
+})
+
+test('test menu hover the menu list', async () => {
+  const { mockRestore } = mockStubs()
+
+  const root = document.createElement('div')
+
+  mount(VarMenu, {
+    props: {
+      show: true,
+      trigger: 'hover',
+      teleport: root,
+    },
+  })
+
+  await doubleRaf()
+  await trigger(root.querySelector('.var-menu__menu'), 'mouseenter')
+  await trigger(root.querySelector('.var-menu__menu'), 'mouseleave')
+  await delay(300)
+  expect(root.innerHTML).toMatchSnapshot()
+
+  mockRestore()
 })
diff --git a/packages/varlet-ui/src/menu/docs/en-US.md b/packages/varlet-ui/src/menu/docs/en-US.md
index d53d4646f53..e69de29bb2d 100644
--- a/packages/varlet-ui/src/menu/docs/en-US.md
+++ b/packages/varlet-ui/src/menu/docs/en-US.md
@@ -1,223 +0,0 @@
-# Menu
-
-### Intro
-
-Enable elements to display a menu when clicked, freely control the display position of the menu by controlling the alignment and offset of the menu.
-
-### Attention
-
-Menu is an `inline block` element. When you click through the default slot, the menu will be displayed.
-If you want menu to monopolize a line, it is recommended to package a `block` element
-Menu is automatically closed in the area beyond the scope of the component,
-so you can't use the same state to bind `v-model:show`. Otherwise, when the display is triggered,
-other menu pairs are also triggered Menu cannot be displayed due to the modification of `v-model:show`.
-
-
-### Alignment Methods
-```html
-<script setup>
-import { ref } from 'vue'
-  
-const top = ref(false)
-const bottom = ref(false)
-</script>
-
-<template>
-  <div class="menu-example-block">
-    <var-menu v-model:show="top">
-      <var-button type="primary" @click="top = true">Top Alignment</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-
-  <div class="menu-example-block-mt">
-    <var-menu alignment="bottom" v-model:show="bottom">
-      <var-button type="primary" @click="bottom = true">Bottom Alignment</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-</template>
-
-<style>
-.menu-example-block {
-  display: flex;
-  justify-content: space-between;
-}
-
-.menu-example-block-mt {
-  margin-top: 130px;
-}
-
-.menu-example-cell-list {
-  background: #fff;
-}
-</style>
-```
-
-### Offset
-
-```html
-<script setup>
-import { ref } from 'vue'
-  
-const offsetX = ref(false)
-const offsetX1 = ref(false)
-const offsetY = ref(false)
-const offsetY1 = ref(false)
-</script>
-
-<template>
-  <div class="menu-example-block-1">
-    <var-menu :offset-x="72" v-model:show="offsetX">
-      <var-button type="primary" @click="offsetX = true">Offset Right</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-        </div>
-      </template>
-    </var-menu>
-
-    <var-menu :offset-x="-72" v-model:show="offsetX1">
-      <var-button type="primary" @click="offsetX1 = true">Offset Left</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-
-  <div class="menu-example-block-2">
-    <var-menu :offset-y="36" v-model:show="offsetY">
-      <var-button type="primary" @click="offsetY = true">Offset Bottom</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-        </div>
-      </template>
-    </var-menu>
-
-    <var-menu :offset-y="-36" v-model:show="offsetY1">
-      <var-button type="primary" @click="offsetY1 = true">Offset Top</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-          <var-cell>Menu Option</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-</template>
-
-<style>
-.menu-example-block-1 {
-  display: flex;
-  justify-content: space-between;
-}
-
-.menu-example-block-2 {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 130px;
-}
-  
-.menu-example-cell-list {
-  background: #fff;
-}
-</style>
-```
-
-### 注册事件
-
-```html
-<script setup>
-import { ref } from 'vue'
-import { Snackbar } from '@varlet/ui'
-  
-const show = ref(false)
-</script>
-
-<template>
-  <var-menu
-    v-model:show="show"
-    @open="() => Snackbar.info('open')"
-    @opened="() => Snackbar.success('opened')"
-    @close="() => Snackbar.warning('close')"
-    @closed="() => Snackbar.error('closed')"
-  >
-    <var-button type="primary" @click="show = true">Events</var-button>
-
-    <template #menu>
-      <div class="menu-example-cell-list">
-        <var-cell>Menu Option</var-cell>
-        <var-cell>Menu Option</var-cell>
-        <var-cell>Menu Option</var-cell>
-      </div>
-    </template>
-  </var-menu>
-</template>
-
-<style>
-.menu-example-cell-list {
-  background: #fff;
-}
-</style>
-```
-
-## API
-
-### Props
-
-| Prop | Description | Type | Default | 
-| --- | --- | --- | --- | 
-| `v-model:show` | Whether to display the menu | _string_ | `default` |
-| `alignment` | The alignment of the menu, The optional value is' `top` `bottom`, the origin is the top left corner of the default slot,top is the top of the menu to align the origin,bottom is the bottom of the menu to align the origin | _string_ | `top` |
-| `offset-x` | offset x, Relative to the aligned position of the menu | _number \| string_ | `0` |  
-| `offset-y` | offset y, Relative to the aligned position of the menu | _number \| string_ | `0` |
-| `teleport` | The location of the Menu to mount | _TeleportProps['to']_ | `body` |
-
-### Methods
-| Method | Description | Arguments | Return |
-| --- | --- | --- | --- |
-| `resize` | You can call this method to redraw when a default slot element changes position size | `-` | `-` |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| `open` | Triggered when the menu is open | `-` |
-| `opened` | Triggered when open-animation ends | `-` |
-| `close` | Triggered when the menu is close | `-` |
-| `closed` | Triggered when close-animation ends | `-` |
-
-### Slots
-
-| Slot | Description | Arguments |
-| --- | --- | --- |
-| `default` | The trigger element associated with the menu | `-` |
-| `menu` | Menu content | `-` |
\ No newline at end of file
diff --git a/packages/varlet-ui/src/menu/docs/zh-CN.md b/packages/varlet-ui/src/menu/docs/zh-CN.md
index 692da05ae92..e69de29bb2d 100644
--- a/packages/varlet-ui/src/menu/docs/zh-CN.md
+++ b/packages/varlet-ui/src/menu/docs/zh-CN.md
@@ -1,217 +0,0 @@
-# 菜单
-
-### 介绍
-使元素点击时显示一个菜单，通过控制菜单的对齐方式和偏移量自由的控制菜单的显示位置。
-
-### 注意
-Menu 是一个 `inline-block` 元素，通过默认插槽点击时显示菜单，如果希望 Menu 独占一行推荐包裹一个 `block` 元素。
-Menu 在点击组件范围以外的区域自动关闭，所以不可以使用同一个状态绑定多个 Menu 的 `v-model:show`，否则在触发显示时也同时触发了其他 Menu 对 `v-model:show` 的修改，导致 Menu 无法显示。
-
-### 对齐方式
-```html
-<script setup>
-import { ref } from 'vue'
-  
-const top = ref(false)
-const bottom = ref(false)
-</script>
-
-<template>
-  <div class="menu-example-block">
-    <var-menu v-model:show="top">
-      <var-button type="primary" @click="top = true">顶部对齐</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-
-  <div class="menu-example-block-mt">
-    <var-menu alignment="bottom" v-model:show="bottom">
-      <var-button type="primary" @click="bottom = true">底部对齐</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-</template>
-
-<style>
-.menu-example-block {
-  display: flex;
-  justify-content: space-between;
-}
-
-.menu-example-block-mt {
-  margin-top: 130px;
-}
-
-.menu-example-cell-list{
-  background: #fff;
-}
-</style>
-```
-
-### 偏移量
-
-```html
-<script setup>
-import { ref } from 'vue'
-  
-const offsetX = ref(false)
-const offsetX1 = ref(false)
-const offsetY = ref(false)
-const offsetY1 = ref(false)
-</script>
-
-<template>
-  <div class="menu-example-block-1">
-    <var-menu :offset-x="72" v-model:show="offsetX">
-      <var-button type="primary" @click="offsetX = true">右偏移</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-        </div>
-      </template>
-    </var-menu>
-
-    <var-menu :offset-x="-72" v-model:show="offsetX1">
-      <var-button type="primary" @click="offsetX1 = true">左偏移</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-
-  <div class="menu-example-block-2">
-    <var-menu :offset-y="36" v-model:show="offsetY">
-      <var-button type="primary" @click="offsetY = true">下偏移</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-        </div>
-      </template>
-    </var-menu>
-
-    <var-menu :offset-y="-36" v-model:show="offsetY1">
-      <var-button type="primary" @click="offsetY1 = true">上偏移</var-button>
-
-      <template #menu>
-        <div class="menu-example-cell-list">
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-          <var-cell>菜单项</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-</template>
-
-<style>
-.menu-example-block-1 {
-  display: flex;
-  justify-content: space-between;
-}
-
-.menu-example-block-2 {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 130px;
-}
-
-.menu-example-cell-list {
-  background: #fff;
-}
-</style>
-```
-
-### 注册事件
-
-```html
-<script setup>
-import { ref } from 'vue'
-import { Snackbar } from '@varlet/ui'
-  
-const show = ref(false)
-</script>
-
-<template>
-  <var-menu
-    v-model:show="show"
-    @open="() => Snackbar.info('open')"
-    @opened="() => Snackbar.success('opened')"
-    @close="() => Snackbar.warning('close')"
-    @closed="() => Snackbar.error('closed')"
-  >
-    <var-button type="primary" @click="show = true">注册事件</var-button>
-
-    <template #menu>
-      <div class="menu-example-cell-list">
-        <var-cell>菜单项</var-cell>
-        <var-cell>菜单项</var-cell>
-        <var-cell>菜单项</var-cell>
-      </div>
-    </template>
-  </var-menu>
-</template>
-
-<style>
-.menu-example-cell-list {
-  background: #fff;
-}
-</style>
-```
-
-## API
-
-### 属性
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| `v-model:show` | 是否显示菜单 | _string_ | `default` |
-| `alignment` | 菜单的对齐方式， 可选值为 `top` `bottom`， 源点为默认插槽的左上角，top 为菜单顶部对齐源点，bottom 为菜单底部对齐 | _string_ | `top` |
-| `offset-x` | x 轴偏移量， 相对于菜单对齐后的位置 | _number \| string_ | `0` |
-| `offset-y` | y 轴偏移量， 相对于菜单对齐后的位置 | _number \| string_ | `0` |
-| `teleport` | 菜单挂载的位置 | _TeleportProps['to']_ | `body` |
-
-### 方法
-| 方法名 | 说明 | 参数 | 返回值 |
-| --- | --- | --- | --- |
-| `resize` | Menu 默认插槽元素产生位置大小变化时可以调用此方法进行重绘 | `-` | `-` |
-
-### 事件
-
-| 事件名 | 说明 | 参数 |
-| --- | --- | --- |
-| `open` | 打开菜单时触发 | `-` |
-| `opened` | 打开菜单动画结束时触发 | `-` |
-| `close` | 关闭菜单时触发 | `-` |
-| `closed` | 关闭菜单动画结束时触发 | `-` |
-
-### 插槽
-
-| 插槽名 | 说明 | 参数 |
-| --- | --- | --- |
-| `default` | 菜单关联的触发元素 | `-` |
-| `menu` | 菜单内容 | `-` |
diff --git a/packages/varlet-ui/src/menu/example/index.vue b/packages/varlet-ui/src/menu/example/index.vue
index e795a6b22b6..22da6aa496b 100644
--- a/packages/varlet-ui/src/menu/example/index.vue
+++ b/packages/varlet-ui/src/menu/example/index.vue
@@ -2,154 +2,20 @@
 import VarMenu from '..'
 import VarButton from '../../button'
 import VarCell from '../../cell'
-import Snackbar from '../../snackbar'
-import AppType from '@varlet/cli/site/mobile/components/AppType'
-import { reactive, toRefs, ref } from 'vue'
-import { pack, use } from './locale'
-import { watchLang, watchDarkMode } from '@varlet/cli/site/utils'
-import dark from '../../themes/dark'
+import dark from '../../themes/dark/index'
+import { watchDarkMode } from '@varlet/cli/site/utils'
 
-const values = reactive({
-  top: false,
-  bottom: false,
-  offsetX: false,
-  offsetX1: false,
-  offsetY: false,
-  offsetY1: false,
-  event: false,
-})
-const bgColor = ref('#fff')
-const { top, bottom, offsetX, offsetX1, offsetY, offsetY1, event } = toRefs(values)
-
-watchLang(use)
-watchDarkMode(dark, (theme) => {
-  bgColor.value = theme === 'darkTheme' ? '#272727' : '#fff'
-})
+watchDarkMode(dark)
 </script>
 
 <template>
-  <app-type>{{ pack.alignmentMethods }}</app-type>
-  <div class="block-1">
-    <var-menu v-model:show="top">
-      <var-button type="primary" @click="top = true">{{ pack.topAlignment }}</var-button>
-
-      <template #menu>
-        <div class="cell-list" :style="{ background: bgColor }">
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-
-  <div class="block">
-    <var-menu alignment="bottom" v-model:show="bottom">
-      <var-button type="primary" @click="bottom = true">{{ pack.bottomAlignment }}</var-button>
-
-      <template #menu>
-        <div class="cell-list" :style="{ background: bgColor }">
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-
-  <app-type>{{ pack.offset }}</app-type>
-
-  <div class="block-1">
-    <var-menu :offset-x="72" v-model:show="offsetX">
-      <var-button type="primary" @click="offsetX = true">{{ pack.offsetRight }}</var-button>
-
-      <template #menu>
-        <div class="cell-list" :style="{ background: bgColor }">
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-        </div>
-      </template>
-    </var-menu>
-
-    <var-menu :offset-x="-72" v-model:show="offsetX1">
-      <var-button type="primary" @click="offsetX1 = true">{{ pack.offsetLeft }}</var-button>
-
-      <template #menu>
-        <div class="cell-list" :style="{ background: bgColor }">
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-
-  <div class="block-2">
-    <var-menu :offset-y="36" v-model:show="offsetY">
-      <var-button type="primary" @click="offsetY = true">{{ pack.offsetBottom }}</var-button>
-
-      <template #menu>
-        <div class="cell-list" :style="{ background: bgColor }">
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-        </div>
-      </template>
-    </var-menu>
-
-    <var-menu :offset-y="-36" v-model:show="offsetY1">
-      <var-button type="primary" @click="offsetY1 = true">{{ pack.offsetTop }}</var-button>
-
-      <template #menu>
-        <div class="cell-list" :style="{ background: bgColor }">
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-          <var-cell>{{ pack.menuOption }}</var-cell>
-        </div>
-      </template>
-    </var-menu>
-  </div>
-
-  <app-type>{{ pack.events }}</app-type>
-  <var-menu
-    v-model:show="event"
-    @open="() => Snackbar.info('open')"
-    @opened="() => Snackbar.success('opened')"
-    @close="() => Snackbar.warning('close')"
-    @closed="() => Snackbar.error('closed')"
-  >
-    <var-button type="primary" @click="event = true">{{ pack.events }}</var-button>
+  <var-menu>
+    <var-button type="primary">触发</var-button>
 
     <template #menu>
-      <div class="cell-list" :style="{ background: bgColor }">
-        <var-cell>{{ pack.menuOption }}</var-cell>
-        <var-cell>{{ pack.menuOption }}</var-cell>
-        <var-cell>{{ pack.menuOption }}</var-cell>
-      </div>
+      <var-cell>菜单项</var-cell>
+      <var-cell>菜单项</var-cell>
+      <var-cell>菜单项</var-cell>
     </template>
   </var-menu>
-
-  <div style="margin-bottom: 100px"></div>
 </template>
-
-<style scoped lang="less">
-.cell-list {
-  transition: background-color 0.25s;
-}
-
-.block {
-  margin-top: 130px;
-}
-
-.block-1 {
-  display: flex;
-  justify-content: space-between;
-}
-
-.block-2 {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 130px;
-}
-</style>
diff --git a/packages/varlet-ui/src/menu/example/locale/en-US.ts b/packages/varlet-ui/src/menu/example/locale/en-US.ts
deleted file mode 100644
index bafcaf7b6d2..00000000000
--- a/packages/varlet-ui/src/menu/example/locale/en-US.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export default {
-  alignmentMethods: 'Alignment Methods',
-  topAlignment: 'Top Alignment',
-  menuOption: 'Menu Option',
-  bottomAlignment: 'Bottom Alignment',
-  offset: 'Offset',
-  offsetRight: 'Offset Right',
-  offsetLeft: 'Offset Left',
-  offsetBottom: 'Offset Bottom',
-  offsetTop: 'Offset Top',
-  events: 'Events',
-}
diff --git a/packages/varlet-ui/src/menu/example/locale/index.ts b/packages/varlet-ui/src/menu/example/locale/index.ts
deleted file mode 100644
index d2e375e6090..00000000000
--- a/packages/varlet-ui/src/menu/example/locale/index.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-// lib
-import _zhCN from '../../../locale/zh-CN'
-import _enCN from '../../../locale/en-US'
-// mobile example doc
-import zhCN from './zh-CN'
-import enUS from './en-US'
-import { useLocale, add as _add, use as _use } from '../../../locale'
-
-const { add, use: exampleUse, pack, packs, merge } = useLocale()
-
-const use = (lang: string) => {
-  _use(lang)
-  exampleUse(lang)
-}
-
-export { add, pack, packs, merge, use }
-
-// lib
-_add('zh-CN', _zhCN)
-_add('en-US', _enCN)
-// mobile example doc
-add('zh-CN', zhCN as any)
-add('en-US', enUS as any)
diff --git a/packages/varlet-ui/src/menu/example/locale/zh-CN.ts b/packages/varlet-ui/src/menu/example/locale/zh-CN.ts
deleted file mode 100644
index c69413307fd..00000000000
--- a/packages/varlet-ui/src/menu/example/locale/zh-CN.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export default {
-  alignmentMethods: '对齐方式',
-  topAlignment: '顶部对齐',
-  menuOption: '菜单项',
-  bottomAlignment: '底部对齐',
-  offset: '偏移量',
-  offsetRight: '右偏移',
-  offsetLeft: '左偏移',
-  offsetBottom: '下偏移',
-  offsetTop: '上偏移',
-  events: '注册事件',
-}
diff --git a/packages/varlet-ui/src/menu/index.ts b/packages/varlet-ui/src/menu/index.ts
index 17a6bc800e3..4735145de3d 100644
--- a/packages/varlet-ui/src/menu/index.ts
+++ b/packages/varlet-ui/src/menu/index.ts
@@ -1,5 +1,5 @@
 import type { App } from 'vue'
-import Menu from './Menu'
+import Menu from './Menu.vue'
 
 Menu.install = function (app: App) {
   app.component(Menu.name, Menu)
diff --git a/packages/varlet-ui/src/menu/menu.less b/packages/varlet-ui/src/menu/menu.less
index a2c6a4dd0f3..73b0a9010c6 100644
--- a/packages/varlet-ui/src/menu/menu.less
+++ b/packages/varlet-ui/src/menu/menu.less
@@ -1,21 +1,25 @@
+:root {
+  --menu-background-color: #fff;
+}
+
 .var {
   &-menu-enter-from,
   &-menu-leave-to {
-    transform: scale(0.8);
     opacity: 0;
   }
+
   &-menu-enter-active,
   &-menu-leave-active {
-    transition-property: opacity, transform;
+    transition-property: opacity;
     transition-duration: 0.25s;
   }
 }
 
 .var-menu {
   display: inline-block;
-  transition: background-color 0.25s;
 
-  &__menu {
-    position: absolute;
+  &--menu-background-color {
+    background: var(--menu-background-color);
+    transition: opacity 0.25s, background-color 0.25s;
   }
 }
diff --git a/packages/varlet-ui/src/menu/props.ts b/packages/varlet-ui/src/menu/props.ts
index 9f5bdc2dff2..e00a1f0c785 100644
--- a/packages/varlet-ui/src/menu/props.ts
+++ b/packages/varlet-ui/src/menu/props.ts
@@ -1,7 +1,47 @@
-import type { PropType, TeleportProps } from 'vue'
+import type { PropType } from 'vue'
+import type { Placement as PopperPlacement } from '@popperjs/core'
+import { TeleportProps } from 'vue'
 
-function alignmentValidator(alignment: string) {
-  return ['top', 'bottom'].includes(alignment)
+export type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
+
+export type Placement =
+  | NeededPopperPlacement
+  | 'cover-top'
+  | 'cover-top-start'
+  | 'cover-top-end'
+  | 'cover-bottom'
+  | 'cover-bottom-start'
+  | 'cover-bottom-end'
+  | 'cover-left'
+  | 'cover-right'
+
+function triggerValidator(trigger: string) {
+  return ['click', 'hover'].includes(trigger)
+}
+
+function placementValidator(alignment: string) {
+  return [
+    'top',
+    'top-start',
+    'top-end',
+    'bottom',
+    'bottom-start',
+    'bottom-end',
+    'right',
+    'right-start',
+    'right-end',
+    'left',
+    'left-start',
+    'left-end',
+    'cover-top',
+    'cover-top-start',
+    'cover-top-end',
+    'cover-bottom',
+    'cover-bottom-start',
+    'cover-bottom-end',
+    'cover-left',
+    'cover-right',
+  ].includes(alignment)
 }
 
 export const props = {
@@ -9,10 +49,19 @@ export const props = {
     type: Boolean,
     default: false,
   },
-  alignment: {
-    type: String as PropType<'top' | 'bottom'>,
-    default: 'top',
-    validator: alignmentValidator,
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  trigger: {
+    type: String as PropType<'click' | 'hover'>,
+    default: 'click',
+    validator: triggerValidator,
+  },
+  placement: {
+    type: String as PropType<Placement>,
+    default: 'cover-top-start',
+    validator: placementValidator,
   },
   offsetX: {
     type: [Number, String],
@@ -23,9 +72,13 @@ export const props = {
     default: 0,
   },
   teleport: {
-    type: String as PropType<TeleportProps['to']>,
+    type: [String, Object] as PropType<TeleportProps['to']>,
     default: 'body',
   },
+  defaultStyle: {
+    type: Boolean,
+    default: true,
+  },
   onOpen: {
     type: Function as PropType<() => void>,
   },
diff --git a/packages/varlet-ui/src/pagination/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/pagination/__tests__/__snapshots__/index.spec.js.snap
index 326645042fa..3844db8ccb2 100644
--- a/packages/varlet-ui/src/pagination/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/varlet-ui/src/pagination/__tests__/__snapshots__/index.spec.js.snap
@@ -8,7 +8,7 @@ exports[`Size related props 1`] = `
       <div class=\\"var-input__controller\\">
         <div class=\\"var-input__icon\\"></div>
         <div class=\\"var-input__wrap\\">
-          <!--v-if--><input class=\\"var-input__input\\" autocomplete=\\"new-password\\" id=\\"var-input-135\\" type=\\"text\\"><label class=\\"var--ellipsis var-input__placeholder var-input--placeholder-hint\\" for=\\"var-input-135\\"></label>
+          <!--v-if--><input class=\\"var-input__input\\" autocomplete=\\"new-password\\" id=\\"var-input-130\\" type=\\"text\\"><label class=\\"var--ellipsis var-input__placeholder var-input--placeholder-hint\\" for=\\"var-input-130\\"></label>
         </div>
         <div class=\\"var-input__icon\\">
           <!--v-if-->
@@ -43,7 +43,7 @@ exports[`Size related props 2`] = `
       <div class=\\"var-input__controller\\">
         <div class=\\"var-input__icon\\"></div>
         <div class=\\"var-input__wrap\\">
-          <!--v-if--><input class=\\"var-input__input\\" autocomplete=\\"new-password\\" id=\\"var-input-135\\" type=\\"text\\"><label class=\\"var--ellipsis var-input__placeholder var-input--placeholder-hint\\" for=\\"var-input-135\\"></label>
+          <!--v-if--><input class=\\"var-input__input\\" autocomplete=\\"new-password\\" id=\\"var-input-130\\" type=\\"text\\"><label class=\\"var--ellipsis var-input__placeholder var-input--placeholder-hint\\" for=\\"var-input-130\\"></label>
         </div>
         <div class=\\"var-input__icon\\">
           <!--v-if-->
@@ -71,42 +71,8 @@ exports[`basic mode > disabled prop 1`] = `
   <li class=\\"var-pagination__size var-pagination__item--disabled\\">
     <div class=\\"var-menu\\">
       <div class=\\"var-pagination__size--open var-pagination__size--open--disabled\\"><span>10条 / 页</span><i class=\\"var-icon var-icon--set var-icon-menu-down var-pagination__size--open-icon\\" style=\\"transition: transform 0ms;\\" var-pagination-cover=\\"\\"></i></div>
-      <transition-stub>
-        <div class=\\"var-menu__menu var-elevation--3\\" style=\\"top: calc(0px + 0px); left: calc(0px + -4px); z-index: 2000; display: none;\\">
-          <div class=\\"var-cell var-pagination__list var-pagination__list--active\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">10条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">20条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">50条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">100条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-        </div>
-      </transition-stub>
+      <!--teleport start-->
+      <!--teleport end-->
     </div>
   </li>
   <!--v-if-->
@@ -128,42 +94,8 @@ exports[`basic mode > mount 1`] = `
   <li class=\\"var-pagination__size\\">
     <div class=\\"var-menu\\">
       <div class=\\"var-pagination__size--open var-pagination__size--open--disabled\\"><span>10条 / 页</span><i class=\\"var-icon var-icon--set var-icon-menu-down var-pagination__size--open-icon\\" style=\\"transition: transform 0ms;\\" var-pagination-cover=\\"\\"></i></div>
-      <transition-stub>
-        <div class=\\"var-menu__menu var-elevation--3\\" style=\\"top: calc(0px + 0px); left: calc(0px + -4px); z-index: 2000; display: none;\\">
-          <div class=\\"var-cell var-pagination__list var-pagination__list--active\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">10条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">20条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">50条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">100条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-        </div>
-      </transition-stub>
+      <!--teleport start-->
+      <!--teleport end-->
     </div>
   </li>
   <li class=\\"var-pagination__quickly\\">前往 <div class=\\"var-input var--box\\" var-pagination-cover=\\"\\">
@@ -214,42 +146,8 @@ exports[`simple mode > disabled prop 1`] = `
   <li class=\\"var-pagination__size var-pagination__item--disabled\\">
     <div class=\\"var-menu\\">
       <div class=\\"var-pagination__size--open var-pagination__size--open--disabled\\"><span>10条 / 页</span><i class=\\"var-icon var-icon--set var-icon-menu-down var-pagination__size--open-icon\\" style=\\"transition: transform 0ms;\\" var-pagination-cover=\\"\\"></i></div>
-      <transition-stub>
-        <div class=\\"var-menu__menu var-elevation--3\\" style=\\"top: calc(0px + 0px); left: calc(0px + -4px); z-index: 2000; display: none;\\">
-          <div class=\\"var-cell var-pagination__list var-pagination__list--active\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">10条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">20条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">50条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">100条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-        </div>
-      </transition-stub>
+      <!--teleport start-->
+      <!--teleport end-->
     </div>
   </li>
   <!--v-if-->
@@ -283,42 +181,8 @@ exports[`simple mode > mount 1`] = `
   <li class=\\"var-pagination__size\\">
     <div class=\\"var-menu\\">
       <div class=\\"var-pagination__size--open var-pagination__size--open--disabled\\"><span>10条 / 页</span><i class=\\"var-icon var-icon--set var-icon-menu-down var-pagination__size--open-icon\\" style=\\"transition: transform 0ms;\\" var-pagination-cover=\\"\\"></i></div>
-      <transition-stub>
-        <div class=\\"var-menu__menu var-elevation--3\\" style=\\"top: calc(0px + 0px); left: calc(0px + -4px); z-index: 2000; display: none;\\">
-          <div class=\\"var-cell var-pagination__list var-pagination__list--active\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">10条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">20条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">50条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-          <div class=\\"var-cell var-pagination__list\\">
-            <!--v-if-->
-            <div class=\\"var-cell__content\\">
-              <div class=\\"var-cell__title\\">100条 / 页</div>
-              <!--v-if-->
-            </div>
-            <!--v-if-->
-          </div>
-        </div>
-      </transition-stub>
+      <!--teleport start-->
+      <!--teleport end-->
     </div>
   </li>
   <!--v-if-->
@@ -354,42 +218,8 @@ exports[`test pagination example 1`] = `
     <li class=\\"var-pagination__size\\">
       <div class=\\"var-menu\\">
         <div class=\\"var-pagination__size--open\\"><span>10条 / 页</span><i class=\\"var-icon var-icon--set var-icon-menu-down var-pagination__size--open-icon\\" style=\\"transition: transform 0ms;\\" var-pagination-cover=\\"\\"></i></div>
-        <transition-stub>
-          <div class=\\"var-menu__menu var-elevation--3\\" style=\\"top: calc(0px + 0px); left: calc(0px + -4px); z-index: 2000; display: none;\\">
-            <div class=\\"var-cell var-pagination__list var-pagination__list--active\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">10条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">20条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">50条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">100条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-          </div>
-        </transition-stub>
+        <!--teleport start-->
+        <!--teleport end-->
       </div>
     </li>
     <!--v-if-->
@@ -452,42 +282,8 @@ exports[`test pagination example 1`] = `
     <li class=\\"var-pagination__size\\">
       <div class=\\"var-menu\\">
         <div class=\\"var-pagination__size--open\\"><span>10条 / 页</span><i class=\\"var-icon var-icon--set var-icon-menu-down var-pagination__size--open-icon\\" style=\\"transition: transform 0ms;\\" var-pagination-cover=\\"\\"></i></div>
-        <transition-stub>
-          <div class=\\"var-menu__menu var-elevation--3\\" style=\\"top: calc(0px + 0px); left: calc(0px + -4px); z-index: 2000; display: none;\\">
-            <div class=\\"var-cell var-pagination__list var-pagination__list--active\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">10条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">20条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">50条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">100条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-          </div>
-        </transition-stub>
+        <!--teleport start-->
+        <!--teleport end-->
       </div>
     </li>
     <!--v-if-->
@@ -521,42 +317,8 @@ exports[`test pagination example 1`] = `
     <li class=\\"var-pagination__size var-pagination__item--disabled\\">
       <div class=\\"var-menu\\">
         <div class=\\"var-pagination__size--open var-pagination__size--open--disabled\\"><span>10条 / 页</span><i class=\\"var-icon var-icon--set var-icon-menu-down var-pagination__size--open-icon\\" style=\\"transition: transform 0ms;\\" var-pagination-cover=\\"\\"></i></div>
-        <transition-stub>
-          <div class=\\"var-menu__menu var-elevation--3\\" style=\\"top: calc(0px + 0px); left: calc(0px + -4px); z-index: 2000; display: none;\\">
-            <div class=\\"var-cell var-pagination__list var-pagination__list--active\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">10条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">20条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">50条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-            <div class=\\"var-cell var-pagination__list\\">
-              <!--v-if-->
-              <div class=\\"var-cell__content\\">
-                <div class=\\"var-cell__title\\">100条 / 页</div>
-                <!--v-if-->
-              </div>
-              <!--v-if-->
-            </div>
-          </div>
-        </transition-stub>
+        <!--teleport start-->
+        <!--teleport end-->
       </div>
     </li>
     <!--v-if-->
diff --git a/packages/varlet-ui/src/select/Select.vue b/packages/varlet-ui/src/select/Select.vue
index 00adaf484d3..ce5511b8ed4 100644
--- a/packages/varlet-ui/src/select/Select.vue
+++ b/packages/varlet-ui/src/select/Select.vue
@@ -122,7 +122,7 @@
 
 <script lang="ts">
 import VarIcon from '../icon'
-import VarMenu from '../menu-v2'
+import VarMenu from '../menu'
 import VarChip from '../chip'
 import VarFormDetails from '../form-details'
 import { computed, defineComponent, ref, watch, nextTick } from 'vue'
@@ -399,7 +399,7 @@ export default defineComponent({
 <style lang="less">
 @import '../styles/common';
 @import '../icon/icon';
-@import '../menu-v2/menuV2';
+@import '../menu/menu';
 @import '../form-details/formDetails';
 @import '../chip/chip';
 @import './select';
diff --git a/packages/varlet-ui/src/select/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/select/__tests__/__snapshots__/index.spec.js.snap
index 756cc0221d8..89593bbf5f6 100644
--- a/packages/varlet-ui/src/select/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/varlet-ui/src/select/__tests__/__snapshots__/index.spec.js.snap
@@ -6,7 +6,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis\\">请选择一个选项</label>
         <!--teleport start-->
         <!--teleport end-->
@@ -28,7 +28,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon var-select--non-hint\\"></div>
     <div class=\\"var-select__wrap var-select--non-hint\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis var-select--placeholder-non-hint\\">请选择一个选项</label>
         <!--teleport start-->
         <!--teleport end-->
@@ -48,7 +48,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis\\">请选择一个选项</label>
         <!--teleport start-->
         <!--teleport end-->
@@ -71,7 +71,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller var-select--disabled\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select var-select--disabled\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis var-select--disabled\\">请选择一个选项</label>
         <!--teleport start-->
         <!--teleport end-->
@@ -93,7 +93,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis\\">请选择一个选项</label>
         <!--teleport start-->
         <!--teleport end-->
@@ -115,7 +115,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis\\">请选择一个选项</label>
         <!--teleport start-->
         <!--teleport end-->
@@ -135,7 +135,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"><i class=\\"var-icon var-icon--set var-icon-plus prepend-icon\\" style=\\"transition: transform 0ms;\\" data-v-137f5c44=\\"\\"></i></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis\\">请选择一个选项</label>
         <!--teleport start-->
         <!--teleport end-->
@@ -155,7 +155,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\">
           <div>
             <div class=\\"var-select__values\\"></div>
@@ -181,7 +181,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\">
           <div>
             <div class=\\"var-select__chips\\"></div>
@@ -207,7 +207,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis\\">请选择一个选项</label>
         <!--teleport start-->
         <!--teleport end-->
@@ -229,7 +229,7 @@ exports[`test select example 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\">
           <div>
             <div class=\\"var-select__values\\"></div>
@@ -258,7 +258,7 @@ exports[`test select focus & blur methods 1`] = `
   <div class=\\"var-select__controller var-select--focus\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow var-select--arrow-rotate\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis var-select--focus var-select--placeholder-hint\\"></label>
         <!--teleport start-->
         <!--teleport end-->
@@ -282,7 +282,7 @@ exports[`test select focus & blur methods 2`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis\\"></label>
         <!--teleport start-->
         <!--teleport end-->
@@ -306,7 +306,7 @@ exports[`test select hint to be false 1`] = `
   <div class=\\"var-select__controller\\">
     <div class=\\"var-select__icon var-select--non-hint\\"></div>
     <div class=\\"var-select__wrap var-select--non-hint\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis var-select--placeholder-hidden var-select--placeholder-non-hint\\"></label>
         <!--teleport start-->
         <!--teleport end-->
@@ -330,7 +330,7 @@ exports[`test select validation 1`] = `
   <div class=\\"var-select__controller var-select--error\\">
     <div class=\\"var-select__icon\\"></div>
     <div class=\\"var-select__wrap\\">
-      <div class=\\"var-menu-v2 var-select__menu\\" var-select-cover=\\"\\">
+      <div class=\\"var-menu var-select__menu\\" var-select-cover=\\"\\">
         <div class=\\"var-select__select var-select--error\\" style=\\"text-align: left;\\"><span></span><i class=\\"var-icon var-icon--set var-icon-menu-down var-select__arrow\\" style=\\"transition: transform 300ms;\\" var-select-cover=\\"\\"></i></div><label class=\\"var-select__placeholder var--ellipsis var-select--error\\"></label>
         <!--teleport start-->
         <!--teleport end-->
diff --git a/packages/varlet-ui/src/select/__tests__/index.spec.js b/packages/varlet-ui/src/select/__tests__/index.spec.js
index 0f4bec0bca8..3c920a7a8a0 100644
--- a/packages/varlet-ui/src/select/__tests__/index.spec.js
+++ b/packages/varlet-ui/src/select/__tests__/index.spec.js
@@ -399,7 +399,7 @@ test('test select offset-y', async () => {
   select.focus()
   await delay(1000)
 
-  const menu = wrapper.findComponent({ name: 'var-menu-v2' })
+  const menu = wrapper.findComponent({ name: 'var-menu' })
 
   expect(menu.vm.offsetY).toBe(40)
 
diff --git a/packages/varlet-ui/src/themes/dark/index.ts b/packages/varlet-ui/src/themes/dark/index.ts
index 3c182bede80..9bb2082580e 100644
--- a/packages/varlet-ui/src/themes/dark/index.ts
+++ b/packages/varlet-ui/src/themes/dark/index.ts
@@ -28,7 +28,7 @@ import tabs from './tabs'
 import appBar from './appBar'
 import bottomNavigation from './bottomNavigation'
 import bottomNavigationItem from './bottomNavigationItem'
-import menuV2 from './menuV2'
+import menu from './menu'
 
 export default {
   // common
@@ -71,5 +71,5 @@ export default {
   ...appBar,
   ...bottomNavigation,
   ...bottomNavigationItem,
-  ...menuV2,
+  ...menu,
 } as StyleVars
diff --git a/packages/varlet-ui/src/themes/dark/menu.ts b/packages/varlet-ui/src/themes/dark/menu.ts
new file mode 100644
index 00000000000..8f924e4604e
--- /dev/null
+++ b/packages/varlet-ui/src/themes/dark/menu.ts
@@ -0,0 +1,3 @@
+export default {
+  '--menu-background-color': '#272727',
+}
diff --git a/packages/varlet-ui/src/themes/dark/menuV2.ts b/packages/varlet-ui/src/themes/dark/menuV2.ts
deleted file mode 100644
index 39e52e982ce..00000000000
--- a/packages/varlet-ui/src/themes/dark/menuV2.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  '--menu-v2-background-color': '#272727',
-}
diff --git a/packages/varlet-ui/types/index.d.ts b/packages/varlet-ui/types/index.d.ts
index d7c42677390..f133332029f 100644
--- a/packages/varlet-ui/types/index.d.ts
+++ b/packages/varlet-ui/types/index.d.ts
@@ -34,7 +34,6 @@ export * from './list'
 export * from './loading'
 export * from './locale'
 export * from './menu'
-export * from './menuV2'
 export * from './option'
 export * from './pagination'
 export * from './picker'
@@ -102,7 +101,6 @@ declare module 'vue' {
     VarLoading: typeof import('@varlet/ui')['_LoadingComponent']
     VarLocale: typeof import('@varlet/ui')['_LocaleComponent']
     VarMenu: typeof import('@varlet/ui')['_MenuComponent']
-    VarMenuV2: typeof import('@varlet/ui')['_MenuV2Component']
     VarOption: typeof import('@varlet/ui')['_OptionComponent']
     VarPagination: typeof import('@varlet/ui')['_PaginationComponent']
     VarPicker: typeof import('@varlet/ui')['_PickerComponent']
diff --git a/packages/varlet-ui/types/menu.d.ts b/packages/varlet-ui/types/menu.d.ts
index 38ab0742a02..82ace3651fd 100644
--- a/packages/varlet-ui/types/menu.d.ts
+++ b/packages/varlet-ui/types/menu.d.ts
@@ -1,12 +1,31 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { Placement as PopperPlacement } from '@popperjs/core/lib/enums'
+import { TeleportProps } from 'vue'
 
-export type MenuAlignment = 'top' | 'bottom'
+type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
+
+export type MenuPlacement =
+  | NeededPopperPlacement
+  | 'cover-top'
+  | 'cover-top-start'
+  | 'cover-top-end'
+  | 'cover-bottom'
+  | 'cover-bottom-start'
+  | 'cover-bottom-end'
+  | 'cover-left'
+  | 'cover-right'
+
+export type MenuTrigger = 'click' | 'hover'
 
 export interface MenuProps extends BasicAttributes {
   show?: boolean
-  alignment?: MenuAlignment
+  disabled?: boolean
+  trigger?: MenuTrigger
+  placement?: MenuPlacement
   offsetX?: string | number
   offsetY?: string | number
+  teleport?: TeleportProps['to']
+  defaultStyle?: boolean
   onOpen?: () => void
   onOpened?: () => void
   onClose?: () => void
@@ -17,6 +36,10 @@ export interface MenuProps extends BasicAttributes {
 export class Menu extends VarComponent {
   $props: MenuProps
 
+  open(): void
+
+  close(): void
+
   resize(): void
 }
 
diff --git a/packages/varlet-ui/types/menuV2.d.ts b/packages/varlet-ui/types/menuV2.d.ts
deleted file mode 100644
index 9bde8d1f5eb..00000000000
--- a/packages/varlet-ui/types/menuV2.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { VarComponent, BasicAttributes } from './varComponent'
-import { Placement as PopperPlacement } from '@popperjs/core/lib/enums'
-import { TeleportProps } from 'vue'
-
-type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
-
-export type MenuV2Placement =
-  | NeededPopperPlacement
-  | 'cover-top'
-  | 'cover-top-start'
-  | 'cover-top-end'
-  | 'cover-bottom'
-  | 'cover-bottom-start'
-  | 'cover-bottom-end'
-  | 'cover-left'
-  | 'cover-right'
-
-export type MenuV2Trigger = 'click' | 'hover'
-
-export interface MenuV2Props extends BasicAttributes {
-  show?: boolean
-  disabled?: boolean
-  trigger?: MenuV2Trigger
-  placement?: MenuV2Placement
-  offsetX?: string | number
-  offsetY?: string | number
-  teleport?: TeleportProps['to']
-  defaultStyle?: boolean
-  onOpen?: () => void
-  onOpened?: () => void
-  onClose?: () => void
-  onClosed?: () => void
-  'onUpdate:show'?: (show: boolean) => void
-}
-
-export class MenuV2 extends VarComponent {
-  $props: MenuV2Props
-
-  open(): void
-
-  close(): void
-
-  resize(): void
-}
-
-export class _MenuV2Component extends MenuV2 {}
diff --git a/packages/varlet-ui/varlet.config.js b/packages/varlet-ui/varlet.config.js
index ae6a221e552..49d86c6bb87 100644
--- a/packages/varlet-ui/varlet.config.js
+++ b/packages/varlet-ui/varlet.config.js
@@ -419,14 +419,6 @@ module.exports = {
         doc: 'menu',
         type: 2,
       },
-      {
-        text: {
-          'zh-CN': 'Menu V2 菜单',
-          'en-US': 'Menu V2',
-        },
-        doc: 'menu-v2',
-        type: 2,
-      },
       {
         text: {
           'zh-CN': 'BackTop 回到顶部',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5b1a2eff942..be7cdf8a7a9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.4
+lockfileVersion: 5.3
 
 importers:
 
@@ -52,14 +52,11 @@ importers:
       '@varlet/touch-emulator': workspace:*
       '@vitejs/plugin-vue': 3.0.1
       '@vitejs/plugin-vue-jsx': 2.0.0
-      '@vitest/coverage-istanbul': 0.22.1
       '@vue/babel-plugin-jsx': 1.1.1
       '@vue/compiler-sfc': 3.2.25
       '@vue/runtime-core': 3.2.25
-      '@vue/test-utils': ^2.0.2
       chalk: ^4.1.0
       chokidar: ^3.5.2
-      clipboard: ^2.0.6
       commander: ^8.3.0
       conventional-changelog: ^3.1.25
       ejs: ^3.1.8
@@ -68,9 +65,7 @@ importers:
       glob: ^7.2.0
       hash-sum: ^2.0.0
       inquirer: ^8.1.2
-      jsdom: ^20.0.0
       less: ^3.12.2
-      live-server: ^1.2.1
       lodash: ^4.17.21
       lodash-es: ^4.17.21
       ora: ^5.4.0
@@ -81,7 +76,6 @@ importers:
       vite-plugin-html: ^2.1.0
       vitest: 0.22.1
       vue: 3.2.25
-      vue-router: 4.0.12
     dependencies:
       '@babel/core': 7.18.10
       '@babel/helper-plugin-utils': 7.18.9
@@ -115,7 +109,7 @@ importers:
       typescript: 4.7.4
       vite: 3.0.4_less@3.13.1
       vite-plugin-html: 2.1.2_vite@3.0.4
-      vitest: 0.22.1_jsdom@20.0.0+less@3.13.1
+      vitest: 0.22.1_less@3.13.1
       vue: 3.2.25
     devDependencies:
       '@types/babel__core': 7.1.19
@@ -128,12 +122,6 @@ importers:
       '@types/lodash': 4.14.184
       '@types/lodash-es': 4.17.6
       '@types/semver': 7.3.12
-      '@vitest/coverage-istanbul': 0.22.1_jsdom@20.0.0+less@3.13.1
-      '@vue/test-utils': 2.0.2_vue@3.2.25
-      clipboard: 2.0.11
-      jsdom: 20.0.0
-      live-server: 1.2.2
-      vue-router: 4.0.12_vue@3.2.25
 
   packages/varlet-eslint-config:
     specifiers:
@@ -144,11 +132,11 @@ importers:
       eslint-plugin-import: ^2.22.1
       eslint-plugin-vue: ^7.1.0
     dependencies:
-      '@typescript-eslint/eslint-plugin': 4.33.0_3ekaj7j3owlolnuhj3ykrb7u7i
-      '@typescript-eslint/parser': 4.33.0_hxadhbs2xogijvk7vq4t2azzbu
-      eslint-config-airbnb-base: 14.2.1_hpmu7kn6tcn2vnxpfzvv33bxmy
+      '@typescript-eslint/eslint-plugin': 4.33.0_d91404fd3b7596e5b6874ef0a887f4fa
+      '@typescript-eslint/parser': 4.33.0_eslint@7.32.0+typescript@4.7.4
+      eslint-config-airbnb-base: 14.2.1_3bd94fa9be989baab6ef2e6b5dec3766
       eslint-config-prettier: 6.15.0_eslint@7.32.0
-      eslint-plugin-import: 2.26.0_ffi3uiz42rv3jyhs6cr7p7qqry
+      eslint-plugin-import: 2.26.0_eslint@7.32.0
       eslint-plugin-vue: 7.20.0_eslint@7.32.0
 
   packages/varlet-icons:
@@ -268,7 +256,7 @@ importers:
       '@types/node': 14.18.24
       '@types/vscode': 1.70.0
       glob: 7.2.3
-      ts-loader: 8.4.0_xnp4kzegbjokq62cajex2ovgkm
+      ts-loader: 8.4.0_typescript@4.7.4+webpack@5.74.0
       typescript: 4.7.4
       vsce: 2.10.0
       webpack: 5.74.0_webpack-cli@4.10.0
@@ -287,6 +275,7 @@ packages:
     resolution: {integrity: sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==}
     dependencies:
       '@babel/highlight': 7.18.6
+    dev: true
 
   /@babel/code-frame/7.18.6:
     resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==}
@@ -1491,6 +1480,7 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /@humanwhocodes/config-array/0.5.0:
     resolution: {integrity: sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==}
@@ -1501,9 +1491,11 @@ packages:
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /@humanwhocodes/object-schema/1.2.1:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+    dev: true
 
   /@hutson/parse-repository-url/3.0.2:
     resolution: {integrity: sha512-H9XAx3hc0BQHY6l+IFSWHDySypcXsvsuLhgYLUGywmJ5pswRVQJUHpOsobnLYp2ZUaUlKiKDrgWWhosOwAEM8Q==}
@@ -1607,7 +1599,7 @@ packages:
       picomatch: 2.3.1
     dev: false
 
-  /@stylelint/postcss-css-in-js/0.37.3_j55xdkkcxc32kvnyvx3y7casfm:
+  /@stylelint/postcss-css-in-js/0.37.3_4f7b71a942b8b7a555b8adf78f88122b:
     resolution: {integrity: sha512-scLk3cSH1H9KggSniseb2KNAU5D9FWc3H7BxCSAIdtU9OWIyw0zkEZ9qEKHryRM+SExYXRKNb7tOOVNAsQ3iwg==}
     peerDependencies:
       postcss: '>=7.0.0'
@@ -1615,11 +1607,12 @@ packages:
     dependencies:
       '@babel/core': 7.18.10
       postcss: 7.0.39
-      postcss-syntax: 0.36.2_kei4jy7wdgbhc236h4oijypxom
+      postcss-syntax: 0.36.2_postcss@7.0.39
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  /@stylelint/postcss-markdown/0.36.2_j55xdkkcxc32kvnyvx3y7casfm:
+  /@stylelint/postcss-markdown/0.36.2_4f7b71a942b8b7a555b8adf78f88122b:
     resolution: {integrity: sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ==}
     deprecated: 'Use the original unforked package instead: postcss-markdown'
     peerDependencies:
@@ -1627,15 +1620,17 @@ packages:
       postcss-syntax: '>=0.36.2'
     dependencies:
       postcss: 7.0.39
-      postcss-syntax: 0.36.2_kei4jy7wdgbhc236h4oijypxom
+      postcss-syntax: 0.36.2_postcss@7.0.39
       remark: 13.0.0
       unist-util-find-all-after: 3.0.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /@tootallnate/once/2.0.0:
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}
+    dev: true
 
   /@types/babel__core/7.1.19:
     resolution: {integrity: sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==}
@@ -1767,6 +1762,7 @@ packages:
     resolution: {integrity: sha512-W864tg/Osz1+9f4lrGTZpCSO5/z4608eUp19tbozkq2HJK6i3z1kT0H9tlADXuYIb1YYOBByU4Jsqkk75q48qA==}
     dependencies:
       '@types/unist': 2.0.6
+    dev: true
 
   /@types/minimatch/3.0.5:
     resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
@@ -1785,6 +1781,7 @@ packages:
 
   /@types/parse-json/4.0.0:
     resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
+    dev: true
 
   /@types/semver/7.3.12:
     resolution: {integrity: sha512-WwA1MW0++RfXmCr12xeYOOC5baSC9mSb0ZqCquFzKhcoF4TvHu5MKOuXsncgZcpVFhB1pXd5hZmM0ryAoCp12A==}
@@ -1798,6 +1795,7 @@ packages:
 
   /@types/unist/2.0.6:
     resolution: {integrity: sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==}
+    dev: true
 
   /@types/vscode/1.70.0:
     resolution: {integrity: sha512-3/9Fz0F2eBgwciazc94Ien+9u1elnjFg9YAhvAb3qDy/WeFWD9VrOPU7CIytryOVUdbxus8uzL4VZYONA0gDtA==}
@@ -1813,7 +1811,7 @@ packages:
       '@types/yargs-parser': 21.0.0
     dev: true
 
-  /@typescript-eslint/eslint-plugin/4.33.0_3ekaj7j3owlolnuhj3ykrb7u7i:
+  /@typescript-eslint/eslint-plugin/4.33.0_d91404fd3b7596e5b6874ef0a887f4fa:
     resolution: {integrity: sha512-aINiAxGVdOl1eJyVjaWn/YcVAq4Gi/Yo35qHGCnqbWVz61g39D0h23veY/MA0rFFGfxK7TySg2uwDeNv+JgVpg==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -1824,8 +1822,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/experimental-utils': 4.33.0_hxadhbs2xogijvk7vq4t2azzbu
-      '@typescript-eslint/parser': 4.33.0_hxadhbs2xogijvk7vq4t2azzbu
+      '@typescript-eslint/experimental-utils': 4.33.0_eslint@7.32.0+typescript@4.7.4
+      '@typescript-eslint/parser': 4.33.0_eslint@7.32.0+typescript@4.7.4
       '@typescript-eslint/scope-manager': 4.33.0
       debug: 4.3.4
       eslint: 7.32.0
@@ -1839,7 +1837,7 @@ packages:
       - supports-color
     dev: false
 
-  /@typescript-eslint/experimental-utils/4.33.0_hxadhbs2xogijvk7vq4t2azzbu:
+  /@typescript-eslint/experimental-utils/4.33.0_eslint@7.32.0+typescript@4.7.4:
     resolution: {integrity: sha512-zeQjOoES5JFjTnAhI5QY7ZviczMzDptls15GFsI6jyUOq0kOf9+WonkhtlIhh0RgHRnqj5gdNxW5j1EvAyYg6Q==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -1857,7 +1855,7 @@ packages:
       - typescript
     dev: false
 
-  /@typescript-eslint/parser/4.33.0_hxadhbs2xogijvk7vq4t2azzbu:
+  /@typescript-eslint/parser/4.33.0_eslint@7.32.0+typescript@4.7.4:
     resolution: {integrity: sha512-ZohdsbXadjGBSK0/r+d87X0SBmKzOq4/S5nzK6SBgJspFo9/CUDJ7hjayuze+JK7CZQLDMroqytp7pOcFKTxZA==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -1970,29 +1968,6 @@ packages:
       - terser
     dev: true
 
-  /@vitest/coverage-istanbul/0.22.1_jsdom@20.0.0+less@3.13.1:
-    resolution: {integrity: sha512-S29NBnmu8ko3Yj69yYX0F17RvyVO+3KOKvhExNX8/a1qL3Z+4EeT03DSdXTxkpq+gyxWlaIIMduxKct/imy3Dg==}
-    dependencies:
-      istanbul-lib-coverage: 3.2.0
-      istanbul-lib-instrument: 5.2.0
-      istanbul-lib-report: 3.0.0
-      istanbul-lib-source-maps: 4.0.1
-      istanbul-reports: 3.1.5
-      test-exclude: 6.0.0
-      vitest: 0.22.1_jsdom@20.0.0+less@3.13.1
-    transitivePeerDependencies:
-      - '@edge-runtime/vm'
-      - '@vitest/browser'
-      - '@vitest/ui'
-      - happy-dom
-      - jsdom
-      - less
-      - sass
-      - stylus
-      - supports-color
-      - terser
-    dev: true
-
   /@vue/babel-helper-vue-transform-on/1.0.2:
     resolution: {integrity: sha512-hz4R8tS5jMn8lDq6iD+yWL6XNB699pGIVLk7WSJnn1dbpjaazsjZQkieJoRX6gW5zpYSCFqQ7jUquPNY65tQYA==}
     dev: false
@@ -2296,7 +2271,7 @@ packages:
       '@xtuc/long': 4.2.2
     dev: true
 
-  /@webpack-cli/configtest/1.2.0_5v66e2inugklgvlh4huuavolfq:
+  /@webpack-cli/configtest/1.2.0_ed7de2690da194b35567e1e94055cb2c:
     resolution: {integrity: sha512-4FB8Tj6xyVkyqjj1OaTqCjXYULB9FMkqQ8yGrZjRDrYh0nOE+7Lhs45WioWQQMV+ceFlE368Ukhe6xdvJM9Egg==}
     peerDependencies:
       webpack: 4.x.x || 5.x.x
@@ -2349,6 +2324,7 @@ packages:
 
   /abab/2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
+    dev: true
 
   /accepts/1.3.8:
     resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
@@ -2363,6 +2339,7 @@ packages:
     dependencies:
       acorn: 7.4.1
       acorn-walk: 7.2.0
+    dev: true
 
   /acorn-import-assertions/1.8.0_acorn@8.8.0:
     resolution: {integrity: sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==}
@@ -2382,6 +2359,7 @@ packages:
   /acorn-walk/7.2.0:
     resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
     engines: {node: '>=0.4.0'}
+    dev: true
 
   /acorn/7.4.1:
     resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
@@ -2404,6 +2382,7 @@ packages:
       debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /aggregate-error/3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
@@ -2428,6 +2407,7 @@ packages:
       fast-json-stable-stringify: 2.1.0
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
+    dev: true
 
   /ajv/8.11.0:
     resolution: {integrity: sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==}
@@ -2436,10 +2416,12 @@ packages:
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
       uri-js: 4.4.1
+    dev: true
 
   /ansi-colors/4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
     engines: {node: '>=6'}
+    dev: true
 
   /ansi-escapes/4.3.2:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
@@ -2468,8 +2450,6 @@ packages:
     dependencies:
       micromatch: 3.1.10
       normalize-path: 2.1.1
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /anymatch/3.1.2:
@@ -2590,6 +2570,7 @@ packages:
   /astral-regex/2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
     engines: {node: '>=8'}
+    dev: true
 
   /async-each/1.0.3:
     resolution: {integrity: sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==}
@@ -2601,6 +2582,7 @@ packages:
 
   /asynckit/0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+    dev: true
 
   /at-least-node/1.0.0:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
@@ -2623,6 +2605,7 @@ packages:
       picocolors: 0.2.1
       postcss: 7.0.39
       postcss-value-parser: 4.2.0
+    dev: true
 
   /azure-devops-node-api/11.2.0:
     resolution: {integrity: sha512-XdiGPhrpaT5J8wdERRKs5g8E0Zy1pvOYTli7z9E8nmOn3YGp4FhtjhrOyFmX/8veWCwdI69mCHKJw6l+4J/bHA==}
@@ -2675,12 +2658,14 @@ packages:
 
   /bail/1.0.5:
     resolution: {integrity: sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==}
+    dev: true
 
   /balanced-match/1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
   /balanced-match/2.0.0:
     resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==}
+    dev: true
 
   /base/0.11.2:
     resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
@@ -2771,8 +2756,6 @@ packages:
       snapdragon-node: 2.1.1
       split-string: 3.1.0
       to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
 
   /braces/3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
@@ -2782,6 +2765,7 @@ packages:
 
   /browser-process-hrtime/1.0.0:
     resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
+    dev: true
 
   /browserslist/4.21.3:
     resolution: {integrity: sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==}
@@ -2852,6 +2836,7 @@ packages:
   /callsites/3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
+    dev: true
 
   /camel-case/4.1.2:
     resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
@@ -2923,12 +2908,15 @@ packages:
 
   /character-entities-legacy/1.1.4:
     resolution: {integrity: sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==}
+    dev: true
 
   /character-entities/1.2.4:
     resolution: {integrity: sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==}
+    dev: true
 
   /character-reference-invalid/1.1.4:
     resolution: {integrity: sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==}
+    dev: true
 
   /chardet/0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
@@ -2978,8 +2966,6 @@ packages:
       upath: 1.2.0
     optionalDependencies:
       fsevents: 1.2.13
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /chokidar/3.5.3:
@@ -3080,6 +3066,7 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       is-regexp: 2.1.0
+    dev: true
 
   /clone/1.0.4:
     resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
@@ -3123,6 +3110,7 @@ packages:
     engines: {node: '>= 0.8'}
     dependencies:
       delayed-stream: 1.0.0
+    dev: true
 
   /commander/2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
@@ -3176,8 +3164,6 @@ packages:
       finalhandler: 1.1.2
       parseurl: 1.3.3
       utils-merge: 1.0.1
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /conventional-changelog-angular/5.0.13:
@@ -3318,8 +3304,8 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      JSONStream: 1.3.5
       is-text-path: 1.0.1
+      JSONStream: 1.3.5
       lodash: 4.17.21
       meow: 8.1.2
       split2: 3.2.2
@@ -3335,6 +3321,7 @@ packages:
     resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}
     dependencies:
       is-what: 3.14.1
+    dev: false
 
   /copy-descriptor/0.1.1:
     resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
@@ -3377,6 +3364,7 @@ packages:
       parse-json: 5.2.0
       path-type: 4.0.0
       yaml: 1.10.2
+    dev: true
 
   /cross-spawn/7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
@@ -3405,18 +3393,22 @@ packages:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
+    dev: true
 
   /cssom/0.3.8:
     resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==}
+    dev: true
 
   /cssom/0.5.0:
     resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
+    dev: true
 
   /cssstyle/2.3.0:
     resolution: {integrity: sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==}
     engines: {node: '>=8'}
     dependencies:
       cssom: 0.3.8
+    dev: true
 
   /csstype/2.6.20:
     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
@@ -3444,6 +3436,7 @@ packages:
       abab: 2.0.6
       whatwg-mimetype: 3.0.0
       whatwg-url: 11.0.0
+    dev: true
 
   /dateformat/3.0.3:
     resolution: {integrity: sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==}
@@ -3455,21 +3448,11 @@ packages:
 
   /debug/2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
     dependencies:
       ms: 2.0.0
 
   /debug/3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
     dependencies:
       ms: 2.1.3
     dev: false
@@ -3527,6 +3510,7 @@ packages:
 
   /deep-is/0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
 
   /deepmerge/3.3.0:
     resolution: {integrity: sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==}
@@ -3568,6 +3552,7 @@ packages:
   /delayed-stream/1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
+    dev: true
 
   /delegate/3.2.0:
     resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
@@ -3623,12 +3608,14 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       esutils: 2.0.3
+    dev: true
 
   /dom-serializer/0.2.2:
     resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
     dependencies:
       domelementtype: 2.3.0
       entities: 2.2.0
+    dev: true
 
   /dom-serializer/2.0.0:
     resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
@@ -3640,20 +3627,24 @@ packages:
 
   /domelementtype/1.3.1:
     resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
+    dev: true
 
   /domelementtype/2.3.0:
     resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+    dev: true
 
   /domexception/4.0.0:
     resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
     engines: {node: '>=12'}
     dependencies:
       webidl-conversions: 7.0.0
+    dev: true
 
   /domhandler/2.4.2:
     resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
     dependencies:
       domelementtype: 1.3.1
+    dev: true
 
   /domhandler/5.0.3:
     resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
@@ -3667,6 +3658,7 @@ packages:
     dependencies:
       dom-serializer: 0.2.2
       domelementtype: 1.3.1
+    dev: true
 
   /domutils/3.0.1:
     resolution: {integrity: sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==}
@@ -3759,19 +3751,23 @@ packages:
     engines: {node: '>=8.6'}
     dependencies:
       ansi-colors: 4.1.3
+    dev: true
 
   /entities/1.1.2:
     resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
+    dev: true
 
   /entities/2.1.0:
     resolution: {integrity: sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==}
 
   /entities/2.2.0:
     resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
+    dev: true
 
   /entities/4.3.1:
     resolution: {integrity: sha512-o4q/dYJlmyjP2zfnaWDUC6A3BQFmVTX+tZPezK7k0GLSU9QYCauscf5Y+qcEPzKL+EixVouYDgLQK5H9GrLpkg==}
     engines: {node: '>=0.12'}
+    dev: true
 
   /envinfo/7.8.1:
     resolution: {integrity: sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==}
@@ -4041,6 +4037,7 @@ packages:
   /escape-string-regexp/4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
+    dev: true
 
   /escodegen/2.0.0:
     resolution: {integrity: sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==}
@@ -4053,8 +4050,9 @@ packages:
       optionator: 0.8.3
     optionalDependencies:
       source-map: 0.6.1
+    dev: true
 
-  /eslint-config-airbnb-base/14.2.1_hpmu7kn6tcn2vnxpfzvv33bxmy:
+  /eslint-config-airbnb-base/14.2.1_3bd94fa9be989baab6ef2e6b5dec3766:
     resolution: {integrity: sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==}
     engines: {node: '>= 6'}
     peerDependencies:
@@ -4063,7 +4061,7 @@ packages:
     dependencies:
       confusing-browser-globals: 1.0.11
       eslint: 7.32.0
-      eslint-plugin-import: 2.26.0_ffi3uiz42rv3jyhs6cr7p7qqry
+      eslint-plugin-import: 2.26.0_eslint@7.32.0
       object.assign: 4.1.4
       object.entries: 1.1.5
     dev: false
@@ -4083,57 +4081,34 @@ packages:
     dependencies:
       debug: 3.2.7
       resolve: 1.22.1
-    transitivePeerDependencies:
-      - supports-color
     dev: false
 
-  /eslint-module-utils/2.7.4_d3sglxdl6hhgcbhsy3jaoc7rpu:
+  /eslint-module-utils/2.7.4_eslint@7.32.0:
     resolution: {integrity: sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==}
     engines: {node: '>=4'}
     peerDependencies:
-      '@typescript-eslint/parser': '*'
       eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
     peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
       eslint:
         optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
     dependencies:
-      '@typescript-eslint/parser': 4.33.0_hxadhbs2xogijvk7vq4t2azzbu
       debug: 3.2.7
       eslint: 7.32.0
-      eslint-import-resolver-node: 0.3.6
-    transitivePeerDependencies:
-      - supports-color
     dev: false
 
-  /eslint-plugin-import/2.26.0_ffi3uiz42rv3jyhs6cr7p7qqry:
+  /eslint-plugin-import/2.26.0_eslint@7.32.0:
     resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
     engines: {node: '>=4'}
     peerDependencies:
-      '@typescript-eslint/parser': '*'
       eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
     dependencies:
-      '@typescript-eslint/parser': 4.33.0_hxadhbs2xogijvk7vq4t2azzbu
       array-includes: 3.1.5
       array.prototype.flat: 1.3.0
       debug: 2.6.9
       doctrine: 2.1.0
       eslint: 7.32.0
       eslint-import-resolver-node: 0.3.6
-      eslint-module-utils: 2.7.4_d3sglxdl6hhgcbhsy3jaoc7rpu
+      eslint-module-utils: 2.7.4_eslint@7.32.0
       has: 1.0.3
       is-core-module: 2.10.0
       is-glob: 4.0.3
@@ -4141,10 +4116,6 @@ packages:
       object.values: 1.1.5
       resolve: 1.22.1
       tsconfig-paths: 3.14.1
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
     dev: false
 
   /eslint-plugin-vue/7.20.0_eslint@7.32.0:
@@ -4240,6 +4211,7 @@ packages:
       v8-compile-cache: 2.3.0
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /espree/6.2.1:
     resolution: {integrity: sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==}
@@ -4257,6 +4229,7 @@ packages:
       acorn: 7.4.1
       acorn-jsx: 5.3.2_acorn@7.4.1
       eslint-visitor-keys: 1.3.0
+    dev: true
 
   /esprima/4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
@@ -4346,6 +4319,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       clone-regexp: 2.2.0
+    dev: true
 
   /expand-brackets/2.1.4:
     resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
@@ -4358,8 +4332,6 @@ packages:
       regex-not: 1.0.2
       snapdragon: 0.8.2
       to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
 
   /expand-template/2.0.3:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
@@ -4381,6 +4353,7 @@ packages:
 
   /extend/3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+    dev: true
 
   /external-editor/3.1.0:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
@@ -4403,11 +4376,10 @@ packages:
       regex-not: 1.0.2
       snapdragon: 0.8.2
       to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
 
   /fast-deep-equal/3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    dev: true
 
   /fast-glob/2.2.7:
     resolution: {integrity: sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw==}
@@ -4419,8 +4391,6 @@ packages:
       is-glob: 4.0.3
       merge2: 1.4.1
       micromatch: 3.1.10
-    transitivePeerDependencies:
-      - supports-color
     dev: false
 
   /fast-glob/3.2.11:
@@ -4435,13 +4405,16 @@ packages:
 
   /fast-json-stable-stringify/2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+    dev: true
 
   /fast-levenshtein/2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
 
   /fastest-levenshtein/1.0.16:
     resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
     engines: {node: '>= 4.9.1'}
+    dev: true
 
   /fastq/1.13.0:
     resolution: {integrity: sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==}
@@ -4473,6 +4446,7 @@ packages:
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
       flat-cache: 3.0.4
+    dev: true
 
   /file-saver/2.0.5:
     resolution: {integrity: sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==}
@@ -4516,8 +4490,6 @@ packages:
       parseurl: 1.3.3
       statuses: 1.5.0
       unpipe: 1.0.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /find-up/2.1.0:
@@ -4540,9 +4512,11 @@ packages:
     dependencies:
       flatted: 3.2.6
       rimraf: 3.0.2
+    dev: true
 
   /flatted/3.2.6:
     resolution: {integrity: sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ==}
+    dev: true
 
   /for-in/1.0.2:
     resolution: {integrity: sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==}
@@ -4555,6 +4529,7 @@ packages:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
+    dev: true
 
   /fragment-cache/0.2.1:
     resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
@@ -4691,6 +4666,7 @@ packages:
   /get-stdin/8.0.0:
     resolution: {integrity: sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==}
     engines: {node: '>=10'}
+    dev: true
 
   /get-stream/5.2.0:
     resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
@@ -4789,6 +4765,7 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       global-prefix: 3.0.0
+    dev: true
 
   /global-prefix/3.0.0:
     resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
@@ -4797,6 +4774,7 @@ packages:
       ini: 1.3.8
       kind-of: 6.0.3
       which: 1.3.1
+    dev: true
 
   /globals/11.12.0:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
@@ -4807,6 +4785,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       type-fest: 0.20.2
+    dev: true
 
   /globby/11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
@@ -4831,12 +4810,11 @@ packages:
       ignore: 4.0.6
       pify: 4.0.1
       slash: 2.0.0
-    transitivePeerDependencies:
-      - supports-color
     dev: false
 
   /globjoin/0.1.4:
     resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
+    dev: true
 
   /gonzales-pe/4.3.0:
     resolution: {integrity: sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==}
@@ -4844,6 +4822,7 @@ packages:
     hasBin: true
     dependencies:
       minimist: 1.2.6
+    dev: true
 
   /good-listener/1.2.2:
     resolution: {integrity: sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==}
@@ -4960,6 +4939,7 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       whatwg-encoding: 2.0.0
+    dev: true
 
   /html-escaper/2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
@@ -4992,6 +4972,7 @@ packages:
       entities: 1.1.2
       inherits: 2.0.4
       readable-stream: 3.6.0
+    dev: true
 
   /htmlparser2/8.0.1:
     resolution: {integrity: sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA==}
@@ -5046,6 +5027,7 @@ packages:
       debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /https-proxy-agent/5.0.1:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
@@ -5055,6 +5037,7 @@ packages:
       debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /human-signals/1.1.1:
     resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
@@ -5077,6 +5060,7 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       safer-buffer: 2.1.2
+    dev: true
 
   /ieee754/1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
@@ -5094,6 +5078,7 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
     requiresBuild: true
+    dev: false
     optional: true
 
   /immediate/3.0.6:
@@ -5114,10 +5099,12 @@ packages:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
+    dev: true
 
   /import-lazy/4.0.0:
     resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
     engines: {node: '>=8'}
+    dev: true
 
   /import-local/3.1.0:
     resolution: {integrity: sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==}
@@ -5131,6 +5118,7 @@ packages:
   /imurmurhash/0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
+    dev: true
 
   /indent-string/3.2.0:
     resolution: {integrity: sha512-BYqTHXTGUIvg7t1r4sJNKcbDZkL92nkXA8YtRpbjFHRHGDL/NtUeiBJMeE60kIFN/Mg8ESaWQvftaYMGJzQZCQ==}
@@ -5206,12 +5194,14 @@ packages:
 
   /is-alphabetical/1.0.4:
     resolution: {integrity: sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==}
+    dev: true
 
   /is-alphanumerical/1.0.4:
     resolution: {integrity: sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==}
     dependencies:
       is-alphabetical: 1.0.4
       is-decimal: 1.0.4
+    dev: true
 
   /is-arrayish/0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
@@ -5250,6 +5240,7 @@ packages:
   /is-buffer/2.0.5:
     resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
     engines: {node: '>=4'}
+    dev: true
 
   /is-callable/1.2.4:
     resolution: {integrity: sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==}
@@ -5282,6 +5273,7 @@ packages:
 
   /is-decimal/1.0.4:
     resolution: {integrity: sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==}
+    dev: true
 
   /is-descriptor/0.1.6:
     resolution: {integrity: sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==}
@@ -5336,6 +5328,7 @@ packages:
 
   /is-hexadecimal/1.0.4:
     resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
+    dev: true
 
   /is-interactive/1.0.0:
     resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
@@ -5380,6 +5373,7 @@ packages:
   /is-plain-obj/2.1.0:
     resolution: {integrity: sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==}
     engines: {node: '>=8'}
+    dev: true
 
   /is-plain-object/2.0.4:
     resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
@@ -5389,6 +5383,7 @@ packages:
 
   /is-potential-custom-element-name/1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+    dev: true
 
   /is-regex/1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
@@ -5406,6 +5401,7 @@ packages:
   /is-regexp/2.1.0:
     resolution: {integrity: sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==}
     engines: {node: '>=6'}
+    dev: true
 
   /is-shared-array-buffer/1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
@@ -5440,6 +5436,7 @@ packages:
 
   /is-typedarray/1.0.0:
     resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
+    dev: true
 
   /is-unicode-supported/0.1.0:
     resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
@@ -5453,6 +5450,7 @@ packages:
 
   /is-what/3.14.1:
     resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==}
+    dev: false
 
   /is-windows/1.0.2:
     resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
@@ -5614,6 +5612,7 @@ packages:
       - bufferutil
       - supports-color
       - utf-8-validate
+    dev: true
 
   /jsesc/0.5.0:
     resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
@@ -5634,12 +5633,15 @@ packages:
 
   /json-schema-traverse/0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+    dev: true
 
   /json-schema-traverse/1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+    dev: true
 
   /json-stable-stringify-without-jsonify/1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
 
   /json-stringify-safe/5.0.1:
     resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
@@ -5715,6 +5717,7 @@ packages:
 
   /known-css-properties/0.21.0:
     resolution: {integrity: sha512-sZLUnTqimCkvkgRS+kbPlYW5o8q5w1cu+uIisKpEWkj31I8mx8kNG162DwRav8Zirkva6N5uoFsm9kzK4mUXjw==}
+    dev: true
 
   /less/3.13.1:
     resolution: {integrity: sha512-SwA1aQXGUvp+P5XdZslUOhhLnClSLIjWvJhmd+Vgib5BFIr9lMNlQwmwUNOjXThF/A0x+MCYYPeWEfeWiLRnTw==}
@@ -5731,6 +5734,7 @@ packages:
       mime: 1.6.0
       native-request: 1.1.0
       source-map: 0.6.1
+    dev: false
 
   /leven/3.1.0:
     resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
@@ -5743,6 +5747,7 @@ packages:
     dependencies:
       prelude-ls: 1.1.2
       type-check: 0.3.2
+    dev: true
 
   /levn/0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
@@ -5750,6 +5755,7 @@ packages:
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
+    dev: true
 
   /lie/3.3.0:
     resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
@@ -5826,8 +5832,6 @@ packages:
       proxy-middleware: 0.15.0
       send: 0.18.0
       serve-index: 1.9.1
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /load-json-file/4.0.0:
@@ -5885,9 +5889,11 @@ packages:
 
   /lodash.merge/4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    dev: true
 
   /lodash.truncate/4.4.2:
     resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
+    dev: true
 
   /lodash/4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
@@ -5911,6 +5917,7 @@ packages:
 
   /longest-streak/2.0.4:
     resolution: {integrity: sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==}
+    dev: true
 
   /loud-rejection/1.6.0:
     resolution: {integrity: sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==}
@@ -5949,6 +5956,7 @@ packages:
     dependencies:
       pify: 4.0.1
       semver: 5.7.1
+    dev: false
     optional: true
 
   /make-dir/3.1.0:
@@ -5997,6 +6005,7 @@ packages:
 
   /mathml-tag-names/2.1.3:
     resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
+    dev: true
 
   /mdast-util-from-markdown/0.8.5:
     resolution: {integrity: sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==}
@@ -6008,6 +6017,7 @@ packages:
       unist-util-stringify-position: 2.0.3
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /mdast-util-to-markdown/0.6.5:
     resolution: {integrity: sha512-XeV9sDE7ZlOQvs45C9UKMtfTcctcaj/pGwH8YLbMHoMOXNNCn2LsqVQOqrF1+/NU8lKDAqozme9SCXWyo9oAcQ==}
@@ -6018,9 +6028,11 @@ packages:
       parse-entities: 2.0.0
       repeat-string: 1.6.1
       zwitch: 1.0.5
+    dev: true
 
   /mdast-util-to-string/2.0.0:
     resolution: {integrity: sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==}
+    dev: true
 
   /mdurl/1.0.1:
     resolution: {integrity: sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==}
@@ -6081,6 +6093,7 @@ packages:
       trim-newlines: 3.0.1
       type-fest: 0.18.1
       yargs-parser: 20.2.9
+    dev: true
 
   /merge-stream/2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
@@ -6100,6 +6113,7 @@ packages:
       parse-entities: 2.0.0
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /micromatch/3.1.10:
     resolution: {integrity: sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==}
@@ -6118,8 +6132,6 @@ packages:
       regex-not: 1.0.2
       snapdragon: 0.8.2
       to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
 
   /micromatch/4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
@@ -6131,12 +6143,14 @@ packages:
   /mime-db/1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
+    dev: true
 
   /mime-types/2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
     dependencies:
       mime-db: 1.52.0
+    dev: true
 
   /mime/1.6.0:
     resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
@@ -6212,8 +6226,6 @@ packages:
       depd: 2.0.0
       on-finished: 2.3.0
       on-headers: 1.0.2
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /ms/2.0.0:
@@ -6254,8 +6266,6 @@ packages:
       regex-not: 1.0.2
       snapdragon: 0.8.2
       to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
 
   /napi-build-utils/1.0.2:
     resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
@@ -6264,6 +6274,7 @@ packages:
   /native-request/1.1.0:
     resolution: {integrity: sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==}
     requiresBuild: true
+    dev: false
     optional: true
 
   /natural-compare/1.4.0:
@@ -6335,9 +6346,11 @@ packages:
   /normalize-range/0.1.2:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /normalize-selector/0.2.0:
     resolution: {integrity: sha512-dxvWdI8gw6eAvk9BlPffgEoGfM7AdijoCwOEJge3e3ulT2XLgmU7KvvxprOaCu05Q1uGRHmOhHe1r6emZoKyFw==}
+    dev: true
 
   /npm-run-path/4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
@@ -6353,6 +6366,7 @@ packages:
 
   /num2fraction/1.2.2:
     resolution: {integrity: sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==}
+    dev: true
 
   /nunjucks/3.2.3:
     resolution: {integrity: sha512-psb6xjLj47+fE76JdZwskvwG4MYsQKXUtMsPh6U0YMvmyjRtKRFcxnlXGWglNybtNTNVmGdp94K62/+NjF5FDQ==}
@@ -6371,6 +6385,7 @@ packages:
 
   /nwsapi/2.2.1:
     resolution: {integrity: sha512-JYOWTeFoS0Z93587vRJgASD5Ut11fYl5NyihP3KrYBvMe1FRRs6RN7m20SA/16GM4P6hTnZjT+UmDOt38UeXNg==}
+    dev: true
 
   /object-assign/4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
@@ -6481,6 +6496,7 @@ packages:
       prelude-ls: 1.1.2
       type-check: 0.3.2
       word-wrap: 1.2.3
+    dev: true
 
   /optionator/0.9.1:
     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
@@ -6492,6 +6508,7 @@ packages:
       prelude-ls: 1.2.1
       type-check: 0.4.0
       word-wrap: 1.2.3
+    dev: true
 
   /ora/5.4.1:
     resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
@@ -6570,6 +6587,7 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       callsites: 3.1.0
+    dev: true
 
   /parse-entities/2.0.0:
     resolution: {integrity: sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==}
@@ -6580,6 +6598,7 @@ packages:
       is-alphanumerical: 1.0.4
       is-decimal: 1.0.4
       is-hexadecimal: 1.0.4
+    dev: true
 
   /parse-json/4.0.0:
     resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
@@ -6615,6 +6634,7 @@ packages:
     resolution: {integrity: sha512-y/t8IXSPWTuRZqXc0ajH/UwDj4mnqLEbSttNbThcFhGrZuOyoyvNBO85PBp2jQa55wY9d07PBNjsK8ZP3K5U6g==}
     dependencies:
       entities: 4.3.1
+    dev: true
 
   /parseurl/1.3.3:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
@@ -6681,6 +6701,7 @@ packages:
 
   /picocolors/0.2.1:
     resolution: {integrity: sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==}
+    dev: true
 
   /picocolors/1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
@@ -6702,6 +6723,7 @@ packages:
   /pify/4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
+    dev: false
 
   /pkg-dir/4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
@@ -6720,7 +6742,7 @@ packages:
     resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
     engines: {node: '>=0.10.0'}
 
-  /postcss-html/0.36.0_j55xdkkcxc32kvnyvx3y7casfm:
+  /postcss-html/0.36.0_4f7b71a942b8b7a555b8adf78f88122b:
     resolution: {integrity: sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==}
     peerDependencies:
       postcss: '>=5.0.0'
@@ -6728,16 +6750,19 @@ packages:
     dependencies:
       htmlparser2: 3.10.1
       postcss: 7.0.39
-      postcss-syntax: 0.36.2_kei4jy7wdgbhc236h4oijypxom
+      postcss-syntax: 0.36.2_postcss@7.0.39
+    dev: true
 
   /postcss-less/3.1.4:
     resolution: {integrity: sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==}
     engines: {node: '>=6.14.4'}
     dependencies:
       postcss: 7.0.39
+    dev: true
 
   /postcss-media-query-parser/0.2.3:
     resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
+    dev: true
 
   /postcss-px-to-viewport/1.1.1:
     resolution: {integrity: sha512-2x9oGnBms+e0cYtBJOZdlwrFg/mLR4P1g2IFu7jYKvnqnH/HLhoKyareW2Q/x4sg0BgklHlP1qeWo2oCyPm8FQ==}
@@ -6748,24 +6773,28 @@ packages:
 
   /postcss-resolve-nested-selector/0.1.1:
     resolution: {integrity: sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==}
+    dev: true
 
   /postcss-safe-parser/4.0.2:
     resolution: {integrity: sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==}
     engines: {node: '>=6.0.0'}
     dependencies:
       postcss: 7.0.39
+    dev: true
 
   /postcss-sass/0.4.4:
     resolution: {integrity: sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg==}
     dependencies:
       gonzales-pe: 4.3.0
       postcss: 7.0.39
+    dev: true
 
   /postcss-scss/2.1.1:
     resolution: {integrity: sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==}
     engines: {node: '>=6.0.0'}
     dependencies:
       postcss: 7.0.39
+    dev: true
 
   /postcss-selector-parser/6.0.10:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
@@ -6773,35 +6802,19 @@ packages:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
+    dev: true
 
-  /postcss-syntax/0.36.2_kei4jy7wdgbhc236h4oijypxom:
+  /postcss-syntax/0.36.2_postcss@7.0.39:
     resolution: {integrity: sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==}
     peerDependencies:
       postcss: '>=5.0.0'
-      postcss-html: '*'
-      postcss-jsx: '*'
-      postcss-less: '*'
-      postcss-markdown: '*'
-      postcss-scss: '*'
-    peerDependenciesMeta:
-      postcss-html:
-        optional: true
-      postcss-jsx:
-        optional: true
-      postcss-less:
-        optional: true
-      postcss-markdown:
-        optional: true
-      postcss-scss:
-        optional: true
     dependencies:
       postcss: 7.0.39
-      postcss-html: 0.36.0_j55xdkkcxc32kvnyvx3y7casfm
-      postcss-less: 3.1.4
-      postcss-scss: 2.1.1
+    dev: true
 
   /postcss-value-parser/4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
 
   /postcss/7.0.39:
     resolution: {integrity: sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==}
@@ -6809,6 +6822,7 @@ packages:
     dependencies:
       picocolors: 0.2.1
       source-map: 0.6.1
+    dev: true
 
   /postcss/8.4.16:
     resolution: {integrity: sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==}
@@ -6840,10 +6854,12 @@ packages:
   /prelude-ls/1.1.2:
     resolution: {integrity: sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==}
     engines: {node: '>= 0.8.0'}
+    dev: true
 
   /prelude-ls/1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
+    dev: true
 
   /prettier/2.7.1:
     resolution: {integrity: sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==}
@@ -6867,6 +6883,7 @@ packages:
   /progress/2.0.3:
     resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
     engines: {node: '>=0.4.0'}
+    dev: true
 
   /proxy-middleware/0.15.0:
     resolution: {integrity: sha512-EGCG8SeoIRVMhsqHQUdDigB2i7qU7fCsWASwn54+nPutYO8n4q6EiwMzyfWlC+dzRFExP+kvcnDFdBDHoZBU7Q==}
@@ -6878,6 +6895,7 @@ packages:
 
   /psl/1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
+    dev: true
 
   /pump/3.0.0:
     resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
@@ -6889,6 +6907,7 @@ packages:
   /punycode/2.1.1:
     resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
     engines: {node: '>=6'}
+    dev: true
 
   /q/1.5.1:
     resolution: {integrity: sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==}
@@ -6904,6 +6923,7 @@ packages:
 
   /querystringify/2.2.0:
     resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
+    dev: true
 
   /queue-microtask/1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
@@ -7018,8 +7038,6 @@ packages:
       graceful-fs: 4.2.10
       micromatch: 3.1.10
       readable-stream: 2.3.7
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /readdirp/3.6.0:
@@ -7126,11 +7144,13 @@ packages:
       mdast-util-from-markdown: 0.8.5
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /remark-stringify/9.0.1:
     resolution: {integrity: sha512-mWmNg3ZtESvZS8fv5PTvaPckdL4iNlCHTt8/e/8oN08nArHRHjNZMKzA/YW3+p7/lYqIw4nx1XsjCBo/AxNChg==}
     dependencies:
       mdast-util-to-markdown: 0.6.5
+    dev: true
 
   /remark/13.0.0:
     resolution: {integrity: sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==}
@@ -7140,6 +7160,7 @@ packages:
       unified: 9.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /remove-trailing-separator/1.1.0:
     resolution: {integrity: sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==}
@@ -7161,9 +7182,11 @@ packages:
   /require-from-string/2.0.2:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /requires-port/1.0.0:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+    dev: true
 
   /resolve-cwd/3.0.0:
     resolution: {integrity: sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==}
@@ -7180,6 +7203,7 @@ packages:
   /resolve-from/4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
+    dev: true
 
   /resolve-from/5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
@@ -7221,6 +7245,7 @@ packages:
     hasBin: true
     dependencies:
       glob: 7.2.3
+    dev: true
 
   /rollup/2.78.1:
     resolution: {integrity: sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==}
@@ -7266,6 +7291,7 @@ packages:
     engines: {node: '>=v12.22.7'}
     dependencies:
       xmlchars: 2.2.0
+    dev: true
 
   /schema-utils/3.1.1:
     resolution: {integrity: sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==}
@@ -7321,8 +7347,6 @@ packages:
       on-finished: 2.4.1
       range-parser: 1.2.1
       statuses: 2.0.1
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /serialize-javascript/6.0.0:
@@ -7342,8 +7366,6 @@ packages:
       http-errors: 1.6.3
       mime-types: 2.1.35
       parseurl: 1.3.3
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /set-value/2.0.1:
@@ -7437,6 +7459,7 @@ packages:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
+    dev: true
 
   /snapdragon-node/2.1.1:
     resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
@@ -7464,8 +7487,6 @@ packages:
       source-map: 0.5.7
       source-map-resolve: 0.5.3
       use: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
 
   /source-map-js/1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
@@ -7523,6 +7544,7 @@ packages:
   /specificity/0.4.1:
     resolution: {integrity: sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==}
     hasBin: true
+    dev: true
 
   /split-string/3.1.0:
     resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
@@ -7668,9 +7690,11 @@ packages:
   /strip-json-comments/3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
+    dev: true
 
   /style-search/0.1.0:
     resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
+    dev: true
 
   /stylelint-config-prettier/8.0.2_stylelint@13.13.1:
     resolution: {integrity: sha512-TN1l93iVTXpF9NJstlvP7nOu9zY2k+mN0NSFQ/VEGz15ZIP9ohdDZTtCWHs5LjctAhSAzaILULGbgiM0ItId3A==}
@@ -7704,8 +7728,8 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
     dependencies:
-      '@stylelint/postcss-css-in-js': 0.37.3_j55xdkkcxc32kvnyvx3y7casfm
-      '@stylelint/postcss-markdown': 0.36.2_j55xdkkcxc32kvnyvx3y7casfm
+      '@stylelint/postcss-css-in-js': 0.37.3_4f7b71a942b8b7a555b8adf78f88122b
+      '@stylelint/postcss-markdown': 0.36.2_4f7b71a942b8b7a555b8adf78f88122b
       autoprefixer: 9.8.8
       balanced-match: 2.0.0
       chalk: 4.1.2
@@ -7731,7 +7755,7 @@ packages:
       micromatch: 4.0.5
       normalize-selector: 0.2.0
       postcss: 7.0.39
-      postcss-html: 0.36.0_j55xdkkcxc32kvnyvx3y7casfm
+      postcss-html: 0.36.0_4f7b71a942b8b7a555b8adf78f88122b
       postcss-less: 3.1.4
       postcss-media-query-parser: 0.2.3
       postcss-resolve-nested-selector: 0.1.1
@@ -7739,7 +7763,7 @@ packages:
       postcss-sass: 0.4.4
       postcss-scss: 2.1.1
       postcss-selector-parser: 6.0.10
-      postcss-syntax: 0.36.2_kei4jy7wdgbhc236h4oijypxom
+      postcss-syntax: 0.36.2_postcss@7.0.39
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
       slash: 3.0.0
@@ -7753,14 +7777,14 @@ packages:
       v8-compile-cache: 2.3.0
       write-file-atomic: 3.0.3
     transitivePeerDependencies:
-      - postcss-jsx
-      - postcss-markdown
       - supports-color
+    dev: true
 
   /sugarss/2.0.0:
     resolution: {integrity: sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==}
     dependencies:
       postcss: 7.0.39
+    dev: true
 
   /supports-color/5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
@@ -7828,6 +7852,7 @@ packages:
 
   /symbol-tree/3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+    dev: true
 
   /table/6.8.0:
     resolution: {integrity: sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==}
@@ -7838,6 +7863,7 @@ packages:
       slice-ansi: 4.0.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
+    dev: true
 
   /tapable/1.1.3:
     resolution: {integrity: sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==}
@@ -7919,6 +7945,7 @@ packages:
 
   /text-table/0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
 
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
@@ -8007,12 +8034,14 @@ packages:
       punycode: 2.1.1
       universalify: 0.2.0
       url-parse: 1.5.10
+    dev: true
 
   /tr46/3.0.0:
     resolution: {integrity: sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==}
     engines: {node: '>=12'}
     dependencies:
       punycode: 2.1.1
+    dev: true
 
   /trim-newlines/2.0.0:
     resolution: {integrity: sha512-MTBWv3jhVjTU7XR3IQHllbiJs8sc75a80OEhB6or/q7pLTWgQ0bMGQXXYQSrSuXe6WiKWDZ5txXY5P59a/coVA==}
@@ -8025,8 +8054,9 @@ packages:
 
   /trough/1.0.5:
     resolution: {integrity: sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==}
+    dev: true
 
-  /ts-loader/8.4.0_xnp4kzegbjokq62cajex2ovgkm:
+  /ts-loader/8.4.0_typescript@4.7.4+webpack@5.74.0:
     resolution: {integrity: sha512-6nFY3IZ2//mrPc+ImY3hNWx1vCHyEhl6V+wLmL4CZcm6g1CqX7UKrkc6y0i4FwcfOhxyMPCfaEvh20f4r9GNpw==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
@@ -8053,6 +8083,7 @@ packages:
 
   /tslib/1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+    dev: false
 
   /tslib/2.4.0:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
@@ -8100,12 +8131,14 @@ packages:
     engines: {node: '>= 0.8.0'}
     dependencies:
       prelude-ls: 1.1.2
+    dev: true
 
   /type-check/0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
     dependencies:
       prelude-ls: 1.2.1
+    dev: true
 
   /type-detect/4.0.8:
     resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
@@ -8118,6 +8151,7 @@ packages:
   /type-fest/0.20.2:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
+    dev: true
 
   /type-fest/0.21.3:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
@@ -8143,6 +8177,7 @@ packages:
     resolution: {integrity: sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==}
     dependencies:
       is-typedarray: 1.0.0
+    dev: true
 
   /typescript/4.7.4:
     resolution: {integrity: sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==}
@@ -8205,6 +8240,7 @@ packages:
       is-plain-obj: 2.1.0
       trough: 1.0.5
       vfile: 4.2.1
+    dev: true
 
   /union-value/1.0.1:
     resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
@@ -8219,14 +8255,17 @@ packages:
     resolution: {integrity: sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==}
     dependencies:
       unist-util-is: 4.1.0
+    dev: true
 
   /unist-util-is/4.1.0:
     resolution: {integrity: sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==}
+    dev: true
 
   /unist-util-stringify-position/2.0.3:
     resolution: {integrity: sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==}
     dependencies:
       '@types/unist': 2.0.6
+    dev: true
 
   /universalify/0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
@@ -8236,6 +8275,7 @@ packages:
   /universalify/0.2.0:
     resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
     engines: {node: '>= 4.0.0'}
+    dev: true
 
   /universalify/2.0.0:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
@@ -8277,6 +8317,7 @@ packages:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
       punycode: 2.1.1
+    dev: true
 
   /urix/0.1.0:
     resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
@@ -8291,6 +8332,7 @@ packages:
     dependencies:
       querystringify: 2.2.0
       requires-port: 1.0.0
+    dev: true
 
   /use/3.1.1:
     resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
@@ -8312,6 +8354,7 @@ packages:
 
   /v8-compile-cache/2.3.0:
     resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==}
+    dev: true
 
   /validate-npm-package-license/3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
@@ -8337,6 +8380,7 @@ packages:
     dependencies:
       '@types/unist': 2.0.6
       unist-util-stringify-position: 2.0.3
+    dev: true
 
   /vfile/4.2.1:
     resolution: {integrity: sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==}
@@ -8345,6 +8389,7 @@ packages:
       is-buffer: 2.0.5
       unist-util-stringify-position: 2.0.3
       vfile-message: 2.0.4
+    dev: true
 
   /vite-plugin-html/2.1.2_vite@3.0.4:
     resolution: {integrity: sha512-7HXkL6n7M2qDEaUV4Vnz8yM2glW4gV36d5HSBIM5gOoAG1PkuQb4Vv9FTPgPiQxq4sPRf/6IgABX0MeLVW+CyQ==}
@@ -8413,6 +8458,7 @@ packages:
       rollup: 2.78.1
     optionalDependencies:
       fsevents: 2.3.2
+    dev: false
 
   /vitest/0.22.1_jsdom@20.0.0:
     resolution: {integrity: sha512-+x28YTnSLth4KbXg7MCzoDAzPJlJex7YgiZbUh6YLp0/4PqVZ7q7/zyfdL0OaPtKTpNiQFPpMC8Y2MSzk8F7dw==}
@@ -8454,7 +8500,7 @@ packages:
       - terser
     dev: true
 
-  /vitest/0.22.1_jsdom@20.0.0+less@3.13.1:
+  /vitest/0.22.1_less@3.13.1:
     resolution: {integrity: sha512-+x28YTnSLth4KbXg7MCzoDAzPJlJex7YgiZbUh6YLp0/4PqVZ7q7/zyfdL0OaPtKTpNiQFPpMC8Y2MSzk8F7dw==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -8481,7 +8527,6 @@ packages:
       '@types/node': 18.7.6
       chai: 4.3.6
       debug: 4.3.4
-      jsdom: 20.0.0
       local-pkg: 0.4.2
       tinypool: 0.2.4
       tinyspy: 1.0.2
@@ -8492,6 +8537,7 @@ packages:
       - stylus
       - supports-color
       - terser
+    dev: false
 
   /vsce/2.10.0:
     resolution: {integrity: sha512-b+wB3XMapEi368g64klSM6uylllZdNutseqbNY+tUoHYSy6g2NwnlWuAGKDQTYc0IqfDUjUFRQBpPgA89Q+Fyw==}
@@ -8570,12 +8616,14 @@ packages:
     resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}
     dependencies:
       browser-process-hrtime: 1.0.0
+    dev: true
 
   /w3c-xmlserializer/3.0.0:
     resolution: {integrity: sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==}
     engines: {node: '>=12'}
     dependencies:
       xml-name-validator: 4.0.0
+    dev: true
 
   /watchpack/2.4.0:
     resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==}
@@ -8618,12 +8666,12 @@ packages:
       xml2js: 0.4.23
     transitivePeerDependencies:
       - chokidar
-      - supports-color
     dev: false
 
   /webidl-conversions/7.0.0:
     resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
     engines: {node: '>=12'}
+    dev: true
 
   /webpack-cli/4.10.0_webpack@5.74.0:
     resolution: {integrity: sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==}
@@ -8646,7 +8694,7 @@ packages:
         optional: true
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
-      '@webpack-cli/configtest': 1.2.0_5v66e2inugklgvlh4huuavolfq
+      '@webpack-cli/configtest': 1.2.0_ed7de2690da194b35567e1e94055cb2c
       '@webpack-cli/info': 1.5.0_webpack-cli@4.10.0
       '@webpack-cli/serve': 1.7.0_webpack-cli@4.10.0
       colorette: 2.0.19
@@ -8733,10 +8781,12 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       iconv-lite: 0.6.3
+    dev: true
 
   /whatwg-mimetype/3.0.0:
     resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
     engines: {node: '>=12'}
+    dev: true
 
   /whatwg-url/11.0.0:
     resolution: {integrity: sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==}
@@ -8744,6 +8794,7 @@ packages:
     dependencies:
       tr46: 3.0.0
       webidl-conversions: 7.0.0
+    dev: true
 
   /which-boxed-primitive/1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
@@ -8760,6 +8811,7 @@ packages:
     hasBin: true
     dependencies:
       isexe: 2.0.0
+    dev: true
 
   /which/2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
@@ -8775,6 +8827,7 @@ packages:
   /word-wrap/1.2.3:
     resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /wordwrap/1.0.0:
     resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
@@ -8807,6 +8860,7 @@ packages:
       is-typedarray: 1.0.0
       signal-exit: 3.0.7
       typedarray-to-buffer: 3.1.5
+    dev: true
 
   /ws/8.8.1:
     resolution: {integrity: sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA==}
@@ -8819,10 +8873,12 @@ packages:
         optional: true
       utf-8-validate:
         optional: true
+    dev: true
 
   /xml-name-validator/4.0.0:
     resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
     engines: {node: '>=12'}
+    dev: true
 
   /xml2js/0.4.23:
     resolution: {integrity: sha512-ySPiMjM0+pLDftHgXY4By0uswI3SPKLDw/i3UXbnO8M/p28zqexCUoPmQFrYD+/1BzhGJSs2i1ERWKJAtiLrug==}
@@ -8837,6 +8893,7 @@ packages:
 
   /xmlchars/2.2.0:
     resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+    dev: true
 
   /xmldom/0.1.31:
     resolution: {integrity: sha512-yS2uJflVQs6n+CyjHoaBmVSqIDevTAWrzMmjG1Gc7h1qQ7uVozNhEPJAwZXWyGQ/Gafo3fCwrcaokezLPupVyQ==}
@@ -8860,6 +8917,7 @@ packages:
   /yaml/1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
+    dev: true
 
   /yargs-parser/10.1.0:
     resolution: {integrity: sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==}
@@ -8899,3 +8957,4 @@ packages:
 
   /zwitch/1.0.5:
     resolution: {integrity: sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==}
+    dev: true