From b47cead42f478347bd8b97875f142cb10fd1835c Mon Sep 17 00:00:00 2001
From: fxy060608 <fxy060608@gmail.com>
Date: Sat, 14 Aug 2021 14:29:19 +0800
Subject: [PATCH] build(deps): bump vue from 3.1.4 to 3.2.2

---
 package.json                                  |     6 +-
 packages/playground/ssr/package.json          |    12 +-
 packages/playground/ssr/yarn.lock             |   166 +-
 packages/size-check/package.json              |     2 +-
 .../uni-app-plus/dist/uni-app-service.es.js   |     2 +-
 .../uni-app-plus/dist/uni-app-view.umd.js     |     2 +-
 packages/uni-app-plus/package.json            |     2 +-
 .../src/service/framework/page/setup.ts       |     2 +-
 .../dist/service.runtime.esm.dev.js           | 14353 ++++++++--------
 .../dist/service.runtime.esm.prod.js          | 11986 ++++++-------
 packages/uni-app-vue/dist/view.runtime.esm.js |  4061 +++--
 .../uni-app-vue/lib/service.runtime.esm.js    |  6158 +++----
 packages/uni-app-vue/lib/view.runtime.esm.js  |  5923 ++++---
 packages/uni-h5-vue/dist/vue.runtime.cjs.js   |  7989 +++++----
 .../uni-h5-vue/dist/vue.runtime.compat.cjs.js | 10097 ++++++-----
 .../uni-h5-vue/dist/vue.runtime.compat.esm.js |  5775 ++++---
 packages/uni-h5-vue/dist/vue.runtime.esm.js   |  6454 +++----
 packages/uni-h5/dist/uni-h5.cjs.js            |    33 +-
 packages/uni-h5/dist/uni-h5.es.js             |    35 +-
 yarn.lock                                     |   140 +-
 20 files changed, 38979 insertions(+), 34219 deletions(-)

diff --git a/package.json b/package.json
index ce4e7ca0d..8dc55ed91 100644
--- a/package.json
+++ b/package.json
@@ -68,9 +68,9 @@
     "@types/stylus": "^0.48.36",
     "@typescript-eslint/parser": "^4.12.0",
     "@vitejs/plugin-legacy": "^1.5.1",
-    "@vitejs/plugin-vue": "^1.3.0",
+    "@vitejs/plugin-vue": "^1.4.0",
     "@vitejs/plugin-vue-jsx": "^1.1.7",
-    "@vue/compiler-sfc": "3.1.5",
+    "@vue/compiler-sfc": "^3.2.2",
     "acorn-loose": "^8.1.0",
     "core-js": "2",
     "eslint": "^7.17.0",
@@ -95,7 +95,7 @@
     "ts-jest": "^27.0.3",
     "typescript": "^4.3.5",
     "vite": "^2.4.4",
-    "vue": "3.1.5",
+    "vue": "^3.2.2",
     "yorkie": "^2.0.0"
   },
   "name": "uni-app-next"
diff --git a/packages/playground/ssr/package.json b/packages/playground/ssr/package.json
index d2d74d574..483353be6 100644
--- a/packages/playground/ssr/package.json
+++ b/packages/playground/ssr/package.json
@@ -16,18 +16,18 @@
     "@dcloudio/uni-h5-vue": "../../uni-h5-vue",
     "@dcloudio/uni-i18n": "../../uni-i18n",
     "@dcloudio/uni-shared": "../../uni-shared",
-    "@vue/shared": "3.1.5",
-    "vue": "3.1.5",
-    "vue-router": "^4.0.10",
+    "@vue/shared": "^3.2.2",
+    "vue": "^3.2.2",
+    "vue-router": "^4.0.11",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
     "@dcloudio/uni-cli-shared": "../../uni-cli-shared",
     "@dcloudio/uni-h5-vite": "../../uni-h5-vite",
     "@dcloudio/vite-plugin-uni": "../../vite-plugin-uni",
-    "@vitejs/plugin-vue": "^1.3.0",
-    "@vue/compiler-sfc": "3.1.5",
-    "@vue/server-renderer": "3.1.5",
+    "@vitejs/plugin-vue": "^1.4.0",
+    "@vue/compiler-sfc": "^3.2.2",
+    "@vue/server-renderer": "^3.2.2",
     "compression": "^1.7.4",
     "cypress": "^7.3.0",
     "serve-static": "^1.14.1",
diff --git a/packages/playground/ssr/yarn.lock b/packages/playground/ssr/yarn.lock
index 60ab5ccba..56f241f62 100644
--- a/packages/playground/ssr/yarn.lock
+++ b/packages/playground/ssr/yarn.lock
@@ -55,10 +55,10 @@
     lodash.once "^4.1.1"
 
 "@dcloudio/uni-app@../../uni-app":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
 
 "@dcloudio/uni-cli-shared@../../uni-cli-shared":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
   dependencies:
     "@rollup/pluginutils" "^4.1.1"
     chokidar "^3.5.2"
@@ -74,19 +74,19 @@
     xregexp "3.1.0"
 
 "@dcloudio/uni-cloud@../../uni-cloud":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
 
 "@dcloudio/uni-components@../../uni-components":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
 
 "@dcloudio/uni-h5-vite@../../uni-h5-vite":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
 
 "@dcloudio/uni-h5-vue@../../uni-h5-vue":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
 
 "@dcloudio/uni-h5@../../uni-h5":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
   dependencies:
     localstorage-polyfill "^1.0.1"
     pako "^2.0.3"
@@ -94,13 +94,13 @@
     xmlhttprequest "^1.8.0"
 
 "@dcloudio/uni-i18n@../../uni-i18n":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
 
 "@dcloudio/uni-shared@../../uni-shared":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
 
 "@dcloudio/vite-plugin-uni@../../vite-plugin-uni":
-  version "3.0.0-alpha-3000020210809001"
+  version "3.0.0-alpha-3000020210813002"
   dependencies:
     "@rollup/pluginutils" "^4.1.0"
     autoprefixer "^10.2.5"
@@ -169,9 +169,9 @@
   integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==
 
 "@types/node@*":
-  version "16.6.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.6.0.tgz#0d5685f85066f94e97f19e8a67fe003c5fadacc4"
-  integrity sha512-OyiZPohMMjZEYqcVo/UJ04GyAxXOJEZO/FpzyXxcH4r/ArrVoXHf4MbUrkLp0Tz7/p1mMKpo5zJ6ZHl8XBNthQ==
+  version "16.6.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.6.1.tgz#aee62c7b966f55fc66c7b6dfa1d58db2a616da61"
+  integrity sha512-Sr7BhXEAer9xyGuCN3Ek9eg9xPviCF2gfu9kTfuU2HkTVAMYSDeX40fvpmo72n5nansg3nsBjuQBrsS28r+NUw==
 
 "@types/node@^14.14.31":
   version "14.17.9"
@@ -195,42 +195,42 @@
   dependencies:
     "@types/node" "*"
 
-"@vitejs/plugin-vue@^1.3.0":
+"@vitejs/plugin-vue@^1.4.0":
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-1.4.0.tgz#962ae01b7fd16ad4007898c64ed639136e12215b"
   integrity sha512-RkqfJHz9wdLKBp5Yi+kQL8BAljdrvPoccQm2PTZc/UcL4EjD11xsv2PPCduYx2oV1a/bpSKA3sD5sxOHFhz+LA==
 
-"@vue/compiler-core@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.1.5.tgz#298f905b6065d6d81ff63756f98c60876b393c87"
-  integrity sha512-TXBhFinoBaXKDykJzY26UEuQU1K07FOp/0Ie+OXySqqk0bS0ZO7Xvl7UmiTUPYcLrWbxWBR7Bs/y55AI0MNc2Q==
+"@vue/compiler-core@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.2.tgz#8d3e29f129579ed9b14f48af735fd8d95f248504"
+  integrity sha512-QhCI0ZU5nAR0LMcLgzW3v75374tIrHGp8XG5CzJS7Nsy+iuignbE4MZ2XJfh5TGIrtpuzfWA4eTIfukZf/cRdg==
   dependencies:
     "@babel/parser" "^7.12.0"
     "@babel/types" "^7.12.0"
-    "@vue/shared" "3.1.5"
+    "@vue/shared" "3.2.2"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.1.5.tgz#cbb97020c62a5faa3fbc2a97916bd98041ac9856"
-  integrity sha512-ZsL3jqJ52OjGU/YiT/9XiuZAmWClKInZM2aFJh9gnsAPqOrj2JIELMbkIFpVKR/CrVO/f2VxfPiiQdQTr65jcQ==
+"@vue/compiler-dom@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.2.tgz#26e198498746c53047c3744d26fc95e670692ab7"
+  integrity sha512-ggcc+NV/ENIE0Uc3TxVE/sKrhYVpLepMAAmEiQ047332mbKOvUkowz4TTFZ+YkgOIuBOPP0XpCxmCMg7p874mA==
   dependencies:
-    "@vue/compiler-core" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-core" "3.2.2"
+    "@vue/shared" "3.2.2"
 
-"@vue/compiler-sfc@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.1.5.tgz#e61e54f3a963b0f4a8e523fbb8632390dc52b0d6"
-  integrity sha512-mtMY6xMvZeSRx9MTa1+NgJWndrkzVTdJ1pQAmAKQuxyb5LsHVvrgP7kcQFvxPHVpLVTORbTJWHaiqoKrJvi1iA==
+"@vue/compiler-sfc@^3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.2.tgz#5b7b13b07689be8e4880d856f72d1be500785be9"
+  integrity sha512-hrtqpQ5L6IPn5v7yVRo7uvLcQxv0z1+KBjZBWMBOcrXz4t+PKUxU/SWd6Tl9T8FDmYlunzKUh6lcx+2CLo6f5A==
   dependencies:
     "@babel/parser" "^7.13.9"
     "@babel/types" "^7.13.0"
     "@types/estree" "^0.0.48"
-    "@vue/compiler-core" "3.1.5"
-    "@vue/compiler-dom" "3.1.5"
-    "@vue/compiler-ssr" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-core" "3.2.2"
+    "@vue/compiler-dom" "3.2.2"
+    "@vue/compiler-ssr" "3.2.2"
+    "@vue/shared" "3.2.2"
     consolidate "^0.16.0"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -242,55 +242,55 @@
     postcss-selector-parser "^6.0.4"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.1.5.tgz#f068652774293256a1e53084bed48a67682df9d2"
-  integrity sha512-CU5N7Di/a4lyJ18LGJxJYZS2a8PlLdWpWHX9p/XcsjT2TngMpj3QvHVRkuik2u8QrIDZ8OpYmTyj1WDNsOV+Dg==
+"@vue/compiler-ssr@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.2.tgz#633bb8e01f00a969c35ca12db32be7fe4c7185a9"
+  integrity sha512-rVl1agMFhdEN3Go0bCriXo+3cysxKIuRP0yh1Wd8ysRrKfAmokyDhUA8PrGSq2Ymj/LdZTh+4OKfj3p2+C+hlA==
   dependencies:
-    "@vue/compiler-dom" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-dom" "3.2.2"
+    "@vue/shared" "3.2.2"
 
 "@vue/devtools-api@^6.0.0-beta.11", "@vue/devtools-api@^6.0.0-beta.14":
   version "6.0.0-beta.15"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.0.0-beta.15.tgz#ad7cb384e062f165bcf9c83732125bffbc2ad83d"
   integrity sha512-quBx4Jjpexo6KDiNUGFr/zF/2A4srKM9S9v2uHgMXSU//hjgq1eGzqkIFql8T9gfX5ZaVOUzYBP3jIdIR3PKIA==
 
-"@vue/reactivity@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.1.5.tgz#dbec4d9557f7c8f25c2635db1e23a78a729eb991"
-  integrity sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==
+"@vue/reactivity@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.2.tgz#d37011a68395e038a3cf5256af52d48c591b06b6"
+  integrity sha512-IHjhtmrhK6dzacj/EnLQDWOaA3HuzzVk6w84qgV8EpS4uWGIJXiRalMRg6XvGW2ykJvIl3pLsF0aBFlTMRiLOA==
   dependencies:
-    "@vue/shared" "3.1.5"
+    "@vue/shared" "3.2.2"
 
-"@vue/runtime-core@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.1.5.tgz#a545b7f146092929cb5e833e85439150f17ac87b"
-  integrity sha512-YQbG5cBktN1RowQDKA22itmvQ+b40f0WgQ6CXK4VYoYICAiAfu6Cc14777ve8zp1rJRGtk5oIeS149TOculrTg==
+"@vue/runtime-core@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.2.tgz#b9a7250783de19dd8dd6febf008084b0f9144586"
+  integrity sha512-/aUk1+GO/VPX0oVxhbzSWE1zrf3/wGCsO1ALNisVokYftKqfqLDjbJHE6mrI2hx3MiuwbHrWjJClkGUVTIOPEQ==
   dependencies:
-    "@vue/reactivity" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/reactivity" "3.2.2"
+    "@vue/shared" "3.2.2"
 
-"@vue/runtime-dom@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.1.5.tgz#4fa28947d408aa368fa17ea0edc1beb9af1472a1"
-  integrity sha512-tNcf3JhVR0RfW0kw1p8xZgv30nvX8Y9rsz7eiQ0dHe273sfoCngAG0y4GvMaY4Xd8FsjUwFedd4suQ8Lu8meXg==
+"@vue/runtime-dom@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.2.tgz#6d0da23ed1cfc702477f4b8c5dc4f9335c94e119"
+  integrity sha512-1Le/NpCfawCOfePfJezvWUF+oCVLU8N+IHN4oFDOxRe6/PgHNJ+yT+YdxFifBfI+TIAoXI/9PsnqzmJZV+xsmw==
   dependencies:
-    "@vue/runtime-core" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/runtime-core" "3.2.2"
+    "@vue/shared" "3.2.2"
     csstype "^2.6.8"
 
-"@vue/server-renderer@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.1.5.tgz#905454eccbb97bb8daafc5db6eec83c452062648"
-  integrity sha512-b0LLsxwsVIFGNgAHXVT/1iHbPf+uNMdFOz7xUT2tKKIkHN4ps8fAaj1GTSYLhxaPi9ALjxRmWRdvMC69fAW1/A==
+"@vue/server-renderer@^3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.2.tgz#686a77891d2d2ced8737d18e0d1564efe94205e5"
+  integrity sha512-o2EcPOeDfXvSK85OhdUWVUYumFW57+MwGFCszOqka2EFpOQVrzvUtYeF6KN2kCuAxexnuVQYtIDQwPZRchXSnQ==
   dependencies:
-    "@vue/compiler-ssr" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-ssr" "3.2.2"
+    "@vue/shared" "3.2.2"
 
-"@vue/shared@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.1.5.tgz#74ee3aad995d0a3996a6bb9533d4d280514ede03"
-  integrity sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==
+"@vue/shared@3.2.2", "@vue/shared@^3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.2.tgz#6104185ebd57af5a14ac51c1f491b2205fc24054"
+  integrity sha512-dvYb318tk9uOzHtSaT3WII/HscQSIRzoCZ5GyxEb3JlkEXASpAUAQwKnvSe2CudnF8XHFRTB7VITWSnWNLZUtA==
 
 accepts@~1.3.5, accepts@~1.3.7:
   version "1.3.7"
@@ -829,9 +829,9 @@ ee-first@1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.3.793:
-  version "1.3.803"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.803.tgz#78993a991d096500f21a77e91cd2a44295fe3cbe"
-  integrity sha512-tmRK9qB8Zs8eLMtTBp+w2zVS9MUe62gQQQHjYdAc5Zljam3ZIokNb+vZLPRz9RCREp6EFRwyhOFwbt1fEriQ2Q==
+  version "1.3.806"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.806.tgz#21502100f11aead6c501d1cd7f2504f16c936642"
+  integrity sha512-AH/otJLAAecgyrYp0XK1DPiGVWcOgwPeJBOLeuFQ5l//vhQhwC9u6d+GijClqJAmsHG4XDue81ndSQPohUu0xA==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -863,9 +863,9 @@ enquirer@^2.3.6:
     ansi-colors "^4.1.1"
 
 esbuild@^0.12.8:
-  version "0.12.19"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.19.tgz#ab849766705a5093df5acd8ec2f6ba2159a38a6c"
-  integrity sha512-5NuT1G6THW7l3fsSCDkcPepn24R0XtyPjKoqKHD8LfhqMXzCdz0mrS9HgO6hIhzVT7zt0T+JGbzCqF5AH8hS9w==
+  version "0.12.20"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.20.tgz#4d3c9d83c99a4031e027b42a4c398c23b6827cb0"
+  integrity sha512-u7+0qTo9Z64MD9PhooEngCmzyEYJ6ovFhPp8PLNh3UasR5Ihjv6HWVXqm8uHmasdQlpsAf0IsY4U0YVUfCpt4Q==
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -1642,9 +1642,9 @@ ms@^2.1.1:
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
 nanoid@^3.1.23:
-  version "3.1.24"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.24.tgz#d7ac20215f595c26d314ee5671169a27b609025f"
-  integrity sha512-WNhqqgD4qH7TQdU9ujXfFa/hQI5rOGGnZq+JRmz4JwMZFCgSZVquTq3ORUSv6IC+Y41ACBYV8a8J1kPkqGIiQg==
+  version "3.1.25"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.25.tgz#09ca32747c0e543f0e1814b7d3793477f9c8e152"
+  integrity sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==
 
 negotiator@0.6.2:
   version "0.6.2"
@@ -2312,21 +2312,21 @@ vite@^2.4.4:
   optionalDependencies:
     fsevents "~2.3.2"
 
-vue-router@^4.0.10:
+vue-router@^4.0.11:
   version "4.0.11"
   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.11.tgz#cd649a0941c635281763a20965b599643ddc68ed"
   integrity sha512-sha6I8fx9HWtvTrFZfxZkiQQBpqSeT+UCwauYjkdOQYRvwsGwimlQQE2ayqUwuuXGzquFpCPoXzYKWlzL4OuXg==
   dependencies:
     "@vue/devtools-api" "^6.0.0-beta.14"
 
-vue@3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.1.5.tgz#12879b11d0685ee4478c8869551799630a52f9fe"
-  integrity sha512-Ho7HNb1nfDoO+HVb6qYZgeaobt1XbY6KXFe4HGs1b9X6RhkWG/113n4/SrtM1LUclM6OrP/Se5aPHHvAPG1iVQ==
+vue@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.2.tgz#11715cb71a02baefd0f6e6552dc623680eb1bf32"
+  integrity sha512-D/LuzAV30CgNJYGyNheE/VUs5N4toL2IgmS6c9qeOxvyh0xyn4exyRqizpXIrsvfx34zG9x5gCI2tdRHCGvF9w==
   dependencies:
-    "@vue/compiler-dom" "3.1.5"
-    "@vue/runtime-dom" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-dom" "3.2.2"
+    "@vue/runtime-dom" "3.2.2"
+    "@vue/shared" "3.2.2"
 
 vuex@^4.0.2:
   version "4.0.2"
diff --git a/packages/size-check/package.json b/packages/size-check/package.json
index cf815b297..b0ba9bc92 100644
--- a/packages/size-check/package.json
+++ b/packages/size-check/package.json
@@ -3,6 +3,6 @@
   "name": "@dcloudio/size-check",
   "version": "3.0.0-alpha-3000020210813002",
   "dependencies": {
-    "vue-router": "^4.0.10"
+    "vue-router": "^4.0.11"
   }
 }
diff --git a/packages/uni-app-plus/dist/uni-app-service.es.js b/packages/uni-app-plus/dist/uni-app-service.es.js
index ee7935248..c8c0a7934 100644
--- a/packages/uni-app-plus/dist/uni-app-service.es.js
+++ b/packages/uni-app-plus/dist/uni-app-service.es.js
@@ -10761,7 +10761,7 @@ var serviceContext = (function (vue) {
           return plus.webview.getWebviewById(pageId + '');
       };
       vm.$getAppWebview = $getAppWebview;
-      vm.$scope = {
+      vm.$.ctx.$scope = {
           $getAppWebview,
       };
       vm.getOpenerEventChannel = () => {
diff --git a/packages/uni-app-plus/dist/uni-app-view.umd.js b/packages/uni-app-plus/dist/uni-app-view.umd.js
index 17f07e9c1..9d64be8ff 100644
--- a/packages/uni-app-plus/dist/uni-app-view.umd.js
+++ b/packages/uni-app-plus/dist/uni-app-view.umd.js
@@ -1 +1 @@
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";var e={exports:{}},t={exports:{}},n={exports:{}},r=n.exports={version:"2.6.12"};"number"==typeof __e&&(__e=r);var i={exports:{}},a=i.exports=void 0!==a&&a.Math==Math?a:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=a);var o=n.exports,s=i.exports,l="__core-js_shared__",u=s[l]||(s[l]={});(t.exports=function(e,t){return u[e]||(u[e]=void 0!==t?t:{})})("versions",[]).push({version:o.version,mode:"window",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"});var c=0,d=Math.random(),h=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++c+d).toString(36))},p=t.exports("wks"),f=h,v=i.exports.Symbol,g="function"==typeof v;(e.exports=function(e){return p[e]||(p[e]=g&&v[e]||(g?v:f)("Symbol."+e))}).store=p;var m={},y=function(e){return"object"==typeof e?null!==e:"function"==typeof e},_=y,b=function(e){if(!_(e))throw TypeError(e+" is not an object!");return e},w=function(e){try{return!!e()}catch(t){return!0}},x=!w((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})),S=y,T=i.exports.document,E=S(T)&&S(T.createElement),k=function(e){return E?T.createElement(e):{}},C=!x&&!w((function(){return 7!=Object.defineProperty(k("div"),"a",{get:function(){return 7}}).a})),M=y,O=b,I=C,N=function(e,t){if(!M(e))return e;var n,r;if(t&&"function"==typeof(n=e.toString)&&!M(r=n.call(e)))return r;if("function"==typeof(n=e.valueOf)&&!M(r=n.call(e)))return r;if(!t&&"function"==typeof(n=e.toString)&&!M(r=n.call(e)))return r;throw TypeError("Can't convert object to primitive value")},L=Object.defineProperty;m.f=x?Object.defineProperty:function(e,t,n){if(O(e),t=N(t,!0),O(n),I)try{return L(e,t,n)}catch(r){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e};var A=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}},P=m,R=A,B=x?function(e,t,n){return P.f(e,t,R(1,n))}:function(e,t,n){return e[t]=n,e},D=e.exports("unscopables"),$=Array.prototype;null==$[D]&&B($,D,{});var F={},W={}.toString,j=function(e){return W.call(e).slice(8,-1)},V=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e},z=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==j(e)?e.split(""):Object(e)},H=V,q=function(e){return z(H(e))},U={exports:{}},Y={}.hasOwnProperty,X=function(e,t){return Y.call(e,t)},G=t.exports("native-function-to-string",Function.toString),J=i.exports,K=B,Z=X,Q=h("src"),ee=G,te="toString",ne=(""+ee).split(te);n.exports.inspectSource=function(e){return ee.call(e)},(U.exports=function(e,t,n,r){var i="function"==typeof n;i&&(Z(n,"name")||K(n,"name",t)),e[t]!==n&&(i&&(Z(n,Q)||K(n,Q,e[t]?""+e[t]:ne.join(String(t)))),e===J?e[t]=n:r?e[t]?e[t]=n:K(e,t,n):(delete e[t],K(e,t,n)))})(Function.prototype,te,(function(){return"function"==typeof this&&this[Q]||ee.call(this)}));var re=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e},ie=re,ae=i.exports,oe=n.exports,se=B,le=U.exports,ue=function(e,t,n){if(ie(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,i){return e.call(t,n,r,i)}}return function(){return e.apply(t,arguments)}},ce=function(e,t,n){var r,i,a,o,s=e&ce.F,l=e&ce.G,u=e&ce.S,c=e&ce.P,d=e&ce.B,h=l?ae:u?ae[t]||(ae[t]={}):(ae[t]||{}).prototype,p=l?oe:oe[t]||(oe[t]={}),f=p.prototype||(p.prototype={});for(r in l&&(n=t),n)a=((i=!s&&h&&void 0!==h[r])?h:n)[r],o=d&&i?ue(a,ae):c&&"function"==typeof a?ue(Function.call,a):a,h&&le(h,r,a,e&ce.U),p[r]!=a&&se(p,r,o),c&&f[r]!=a&&(f[r]=a)};ae.core=oe,ce.F=1,ce.G=2,ce.S=4,ce.P=8,ce.B=16,ce.W=32,ce.U=64,ce.R=128;var de,he=ce,pe=Math.ceil,fe=Math.floor,ve=function(e){return isNaN(e=+e)?0:(e>0?fe:pe)(e)},ge=ve,me=Math.min,ye=ve,_e=Math.max,be=Math.min,we=q,xe=function(e){return e>0?me(ge(e),9007199254740991):0},Se=function(e,t){return(e=ye(e))<0?_e(e+t,0):be(e,t)},Te=t.exports("keys"),Ee=h,ke=function(e){return Te[e]||(Te[e]=Ee(e))},Ce=X,Me=q,Oe=(de=!1,function(e,t,n){var r,i=we(e),a=xe(i.length),o=Se(n,a);if(de&&t!=t){for(;a>o;)if((r=i[o++])!=r)return!0}else for(;a>o;o++)if((de||o in i)&&i[o]===t)return de||o||0;return!de&&-1}),Ie=ke("IE_PROTO"),Ne="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(","),Le=function(e,t){var n,r=Me(e),i=0,a=[];for(n in r)n!=Ie&&Ce(r,n)&&a.push(n);for(;t.length>i;)Ce(r,n=t[i++])&&(~Oe(a,n)||a.push(n));return a},Ae=Ne,Pe=Object.keys||function(e){return Le(e,Ae)},Re=m,Be=b,De=Pe,$e=x?Object.defineProperties:function(e,t){Be(e);for(var n,r=De(t),i=r.length,a=0;i>a;)Re.f(e,n=r[a++],t[n]);return e},Fe=i.exports.document,We=Fe&&Fe.documentElement,je=b,Ve=$e,ze=Ne,He=ke("IE_PROTO"),qe=function(){},Ue=function(){var e,t=k("iframe"),n=ze.length;for(t.style.display="none",We.appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),Ue=e.F;n--;)delete Ue.prototype[ze[n]];return Ue()},Ye=Object.create||function(e,t){var n;return null!==e?(qe.prototype=je(e),n=new qe,qe.prototype=null,n[He]=e):n=Ue(),void 0===t?n:Ve(n,t)},Xe=m.f,Ge=X,Je=e.exports("toStringTag"),Ke=function(e,t,n){e&&!Ge(e=n?e:e.prototype,Je)&&Xe(e,Je,{configurable:!0,value:t})},Ze=Ye,Qe=A,et=Ke,tt={};B(tt,e.exports("iterator"),(function(){return this}));var nt=V,rt=function(e){return Object(nt(e))},it=X,at=rt,ot=ke("IE_PROTO"),st=Object.prototype,lt=Object.getPrototypeOf||function(e){return e=at(e),it(e,ot)?e[ot]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?st:null},ut=he,ct=U.exports,dt=B,ht=F,pt=function(e,t,n){e.prototype=Ze(tt,{next:Qe(1,n)}),et(e,t+" Iterator")},ft=Ke,vt=lt,gt=e.exports("iterator"),mt=!([].keys&&"next"in[].keys()),yt="keys",_t="values",bt=function(){return this},wt=function(e){$[D][e]=!0},xt=function(e,t){return{value:t,done:!!e}},St=F,Tt=q,Et=function(e,t,n,r,i,a,o){pt(n,t,r);var s,l,u,c=function(e){if(!mt&&e in f)return f[e];switch(e){case yt:case _t:return function(){return new n(this,e)}}return function(){return new n(this,e)}},d=t+" Iterator",h=i==_t,p=!1,f=e.prototype,v=f[gt]||f["@@iterator"]||i&&f[i],g=v||c(i),m=i?h?c("entries"):g:void 0,y="Array"==t&&f.entries||v;if(y&&(u=vt(y.call(new e)))!==Object.prototype&&u.next&&(ft(u,d,!0),"function"!=typeof u[gt]&&dt(u,gt,bt)),h&&v&&v.name!==_t&&(p=!0,g=function(){return v.call(this)}),(mt||p||!f[gt])&&dt(f,gt,g),ht[t]=g,ht[d]=bt,i)if(s={values:h?g:c(_t),keys:a?g:c(yt),entries:m},o)for(l in s)l in f||ct(f,l,s[l]);else ut(ut.P+ut.F*(mt||p),t,s);return s}(Array,"Array",(function(e,t){this._t=Tt(e),this._i=0,this._k=t}),(function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,xt(1)):xt(0,"keys"==t?n:"values"==t?e[n]:[n,e[n]])}),"values");St.Arguments=St.Array,wt("keys"),wt("values"),wt("entries");for(var kt=Et,Ct=Pe,Mt=U.exports,Ot=i.exports,It=B,Nt=F,Lt=e.exports,At=Lt("iterator"),Pt=Lt("toStringTag"),Rt=Nt.Array,Bt={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},Dt=Ct(Bt),$t=0;$t<Dt.length;$t++){var Ft,Wt=Dt[$t],jt=Bt[Wt],Vt=Ot[Wt],zt=Vt&&Vt.prototype;if(zt&&(zt[At]||It(zt,At,Rt),zt[Pt]||It(zt,Pt,Wt),Nt[Wt]=Rt,jt))for(Ft in kt)zt[Ft]||Mt(zt,Ft,kt[Ft],!0)}function Ht(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}var qt=Ht("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt"),Ut=Ht("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly"),Yt=Ht("animation-iteration-count,border-image-outset,border-image-slice,border-image-width,box-flex,box-flex-group,box-ordinal-group,column-count,columns,flex,flex-grow,flex-positive,flex-shrink,flex-negative,flex-order,grid-row,grid-row-end,grid-row-span,grid-row-start,grid-column,grid-column-end,grid-column-span,grid-column-start,font-weight,line-clamp,line-height,opacity,order,orphans,tab-size,widows,z-index,zoom,fill-opacity,flood-opacity,stop-opacity,stroke-dasharray,stroke-dashoffset,stroke-miterlimit,stroke-opacity,stroke-width");function Xt(e){if(dn(e)){for(var t={},n=0;n<e.length;n++){var r=e[n],i=Xt(fn(r)?Kt(r):r);if(i)for(var a in i)t[a]=i[a]}return t}if(gn(e))return e}var Gt=/;(?![^(]*\))/g,Jt=/:(.+)/;function Kt(e){var t={};return e.split(Gt).forEach((e=>{if(e){var n=e.split(Jt);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function Zt(e){var t="";if(fn(e))t=e;else if(dn(e))for(var n=0;n<e.length;n++){var r=Zt(e[n]);r&&(t+=r+" ")}else if(gn(e))for(var i in e)e[i]&&(t+=i+" ");return t.trim()}var Qt={},en=[],tn=()=>{},nn=()=>!1,rn=/^on[^a-z]/,an=e=>rn.test(e),on=e=>e.startsWith("onUpdate:"),sn=Object.assign,ln=(e,t)=>{var n=e.indexOf(t);n>-1&&e.splice(n,1)},un=Object.prototype.hasOwnProperty,cn=(e,t)=>un.call(e,t),dn=Array.isArray,hn=e=>"[object Map]"===_n(e),pn=e=>"function"==typeof e,fn=e=>"string"==typeof e,vn=e=>"symbol"==typeof e,gn=e=>null!==e&&"object"==typeof e,mn=e=>gn(e)&&pn(e.then)&&pn(e.catch),yn=Object.prototype.toString,_n=e=>yn.call(e),bn=e=>"[object Object]"===_n(e),wn=e=>fn(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,xn=Ht(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Sn=e=>{var t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Tn=/-(\w)/g,En=Sn((e=>e.replace(Tn,((e,t)=>t?t.toUpperCase():"")))),kn=/\B([A-Z])/g,Cn=Sn((e=>e.replace(kn,"-$1").toLowerCase())),Mn=Sn((e=>e.charAt(0).toUpperCase()+e.slice(1))),On=Sn((e=>e?"on".concat(Mn(e)):"")),In=(e,t)=>e!==t&&(e==e||t==t),Nn=(e,t)=>{for(var n=0;n<e.length;n++)e[n](t)},Ln=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},An=e=>{var t=parseFloat(e);return isNaN(t)?e:t},Pn=0;function Rn(e,...t){var n=Date.now(),r=Pn?n-Pn:0;return Pn=n,"[".concat(n,"][").concat(r,"ms][").concat(e,"]：").concat(t.map((e=>JSON.stringify(e))).join(" "))}function Bn(e){return sn({},e.dataset,e.__uniDataset)}function Dn(e){return{passive:e}}function $n(e){var{id:t,offsetTop:n,offsetLeft:r}=e;return{id:t,dataset:Bn(e),offsetTop:n,offsetLeft:r}}function Fn(e){if("function"==typeof e)return window.plus?e():void document.addEventListener("plusready",e)}var Wn=/(?:Once|Passive|Capture)$/;function jn(e){var t,n;if(Wn.test(e))for(t={};n=e.match(Wn);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0;return[Cn(e.slice(2)),t]}var Vn=1,zn=2,Hn=4,qn="class",Un="style",Yn=".vShow",Xn=".vOwnerId",Gn=".vRenderjs",Jn="change:";function Kn(e,t=null){var n;return(...r)=>(e&&(n=e.apply(t,r),e=null),n)}function Zn(e,t){var n=t.split("."),r=n[0];return e||(e={}),1===n.length?e[r]:Zn(e[r],n.slice(1).join("."))}var Qn="#007aff",er=/^([a-z-]+:)?\/\//i,tr=/^data:.*,.*/,nr="wxs://",rr="json://";var ir=/^(?:\d)+/,ar=/^(?:\w)+/;var or,sr="zh-Hans",lr="zh-Hant",ur="en",cr="fr",dr="es",hr=Object.prototype.hasOwnProperty,pr=new class{constructor(){this._caches=Object.create(null)}interpolate(e,t){if(!t)return[e];var n=this._caches[e];return n||(n=function(e){var t=[],n=0,r="";for(;n<e.length;){var i=e[n++];if("{"===i){r&&t.push({type:"text",value:r}),r="";var a="";for(i=e[n++];void 0!==i&&"}"!==i;)a+=i,i=e[n++];var o="}"===i,s=ir.test(a)?"list":o&&ar.test(a)?"named":"unknown";t.push({value:a,type:s})}else"%"===i?"{"!==e[n]&&(r+=i):r+=i}return r&&t.push({type:"text",value:r}),t}(e),this._caches[e]=n),function(e,t){var n=[],r=0,i=Array.isArray(t)?"list":(a=t,null!==a&&"object"==typeof a?"named":"unknown");var a;if("unknown"===i)return n;for(;r<e.length;){var o=e[r];switch(o.type){case"text":n.push(o.value);break;case"list":n.push(t[parseInt(o.value,10)]);break;case"named":"named"===i&&n.push(t[o.value])}r++}return n}(n,t)}};function fr(e,t){if(e){if(t[e=e.trim().replace(/_/g,"-")])return e;if(0===(e=e.toLowerCase()).indexOf("zh"))return-1!==e.indexOf("-hans")?sr:-1!==e.indexOf("-hant")?lr:(n=e,["-tw","-hk","-mo","-cht"].find((e=>-1!==n.indexOf(e)))?lr:sr);var n,r=function(e,t){return t.find((t=>0===e.indexOf(t)))}(e,[ur,cr,dr]);return r||void 0}}class vr{constructor({locale:e,fallbackLocale:t,messages:n,watcher:r,formater:i}){this.locale=ur,this.fallbackLocale=ur,this.message={},this.messages={},this.watchers=[],t&&(this.fallbackLocale=t),this.formater=i||pr,this.messages=n||{},this.setLocale(e),r&&this.watchLocale(r)}setLocale(e){var t=this.locale;this.locale=fr(e,this.messages)||this.fallbackLocale,this.messages[this.locale]||(this.messages[this.locale]={}),this.message=this.messages[this.locale],this.watchers.forEach((e=>{e(this.locale,t)}))}getLocale(){return this.locale}watchLocale(e){var t=this.watchers.push(e)-1;return()=>{this.watchers.splice(t,1)}}add(e,t){this.messages[e]?Object.assign(this.messages[e],t):this.messages[e]=t}t(e,t,n){var r=this.message;return"string"==typeof t?(t=fr(t,this.messages))&&(r=this.messages[t]):n=t,((e,t)=>hr.call(e,t))(r,e)?this.formater.interpolate(r[e],n).join(""):(console.warn("Cannot translate the value of keypath ".concat(e,". Use the value of keypath as default.")),e)}}function gr(){var e;or||(e=plus.os.language,or=function(e="en",t={},n="en"){"string"!=typeof e&&([e,t]=[t,e]),"string"!=typeof e&&(e=n);var r=new vr({locale:e||n,fallbackLocale:n,messages:t}),i=(e,t)=>{if("function"!=typeof getApp)i=function(e,t){return r.t(e,t)};else{var n=getApp().$vm;n.$t&&n.$i18n?(function(e,t){e.$i18n&&e.$i18n.vm.$watch("locale",(e=>{t.setLocale(e)}),{immediate:!0})}(n,r),i=function(e,t){var i=n.$i18n,a=i.silentTranslationWarn;i.silentTranslationWarn=!0;var o=n.$t(e,t);return i.silentTranslationWarn=a,o!==e?o:r.t(e,i.locale,t)}):i=function(e,t){return r.t(e,t)}}return i(e,t)};return{i18n:r,t:(e,t)=>i(e,t),add:(e,t)=>r.add(e,t),getLocale:()=>r.getLocale(),setLocale:e=>r.setLocale(e)}}(e));return or}function mr(e,t){return Object.keys(t).reduce(((n,r)=>(n[e+r]=t[r],n)),{})}var yr=Kn((()=>{var e="uni.picker.";gr().add(ur,mr(e,{done:"Done",cancel:"Cancel"})),gr().add(dr,mr(e,{done:"OK",cancel:"Cancelar"})),gr().add(cr,mr(e,{done:"OK",cancel:"Annuler"})),gr().add(sr,mr(e,{done:"完成",cancel:"取消"})),gr().add(lr,mr(e,{done:"完成",cancel:"取消"}))})),_r=Kn((()=>{var e="uni.button.";gr().add(ur,mr(e,{"feedback.title":"feedback","feedback.send":"send"})),gr().add(dr,mr(e,{"feedback.title":"realimentación","feedback.send":"enviar"})),gr().add(cr,mr(e,{"feedback.title":"retour d'information","feedback.send":"envoyer"})),gr().add(sr,mr(e,{"feedback.title":"问题反馈","feedback.send":"发送"})),gr().add(lr,mr(e,{"feedback.title":"問題反饋","feedback.send":"發送"}))})),br=function(){};br.prototype={on:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){var r=this;function i(){r.off(e,i),t.apply(n,arguments)}return i._=t,this.on(e,i,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),r=0,i=n.length;r<i;r++)n[r].fn.apply(n[r].ctx,t);return this},off:function(e,t){var n=this.e||(this.e={}),r=n[e],i=[];if(r&&t)for(var a=0,o=r.length;a<o;a++)r[a].fn!==t&&r[a].fn._!==t&&i.push(r[a]);return i.length?n[e]=i:delete n[e],this}};var wr="invokeViewApi",xr="invokeServiceApi",Sr=1,Tr=Object.create(null);function Er(e,t){return e+"."+t}function kr(e,t,n){t=Er(e,t),Tr[t]||(Tr[t]=n)}function Cr({id:e,name:t,args:n},r){t=Er(r,t);var i=t=>{e&&UniViewJSBridge.publishHandler("invokeViewApi."+e,t)},a=Tr[t];a?a(n,i):i({})}var Mr,Or,Ir,Nr=sn((Mr="service",Or=new br,{on:(e,t)=>Or.on(e,t),once:(e,t)=>Or.once(e,t),off:(e,t)=>Or.off(e,t),emit:(e,...t)=>Or.emit(e,...t),subscribe(e,t,n=!1){Or[n?"once":"on"]("".concat(Mr,".").concat(e),t)},unsubscribe(e,t){Or.off("".concat(Mr,".").concat(e),t)},subscribeHandler(e,t,n){Or.emit("".concat(Mr,".").concat(e),t,n)}}),{invokeServiceMethod:(e,t,n)=>{var{subscribe:r,publishHandler:i}=UniViewJSBridge,a=n?Sr++:0;n&&r("invokeServiceApi."+a,n,!0),i(xr,{id:a,name:e,args:t})}}),Lr=Dn(!0);function Ar(){Ir&&(clearTimeout(Ir),Ir=null)}var Pr=0,Rr=0;function Br(e){if(Ar(),1===e.touches.length){var{pageX:t,pageY:n}=e.touches[0];Pr=t,Rr=n,Ir=setTimeout((function(){var t=new CustomEvent("longpress",{bubbles:!0,cancelable:!0,target:e.target,currentTarget:e.currentTarget});t.touches=e.touches,t.changedTouches=e.changedTouches,e.target.dispatchEvent(t)}),350)}}function Dr(e){if(Ir){if(1!==e.touches.length)return Ar();var{pageX:t,pageY:n}=e.touches[0];return Math.abs(t-Pr)>10||Math.abs(n-Rr)>10?Ar():void 0}}function $r(e,t){var n=Number(e);return isNaN(n)?t:n}function Fr(){function e(){var e,t,n,r=__uniConfig.globalStyle||{},i=$r(r.rpxCalcMaxDeviceWidth,960),a=$r(r.rpxCalcBaseDeviceWidth,375),o=(e=/^Apple/.test(navigator.vendor)&&"number"==typeof window.orientation,t=e&&90===Math.abs(window.orientation),n=e?Math[t?"max":"min"](screen.width,screen.height):screen.width,Math.min(window.innerWidth,document.documentElement.clientWidth,n)||n);o=o<=i?o:a,document.documentElement.style.fontSize=o/23.4375+"px"}e(),document.addEventListener("DOMContentLoaded",e),window.addEventListener("load",e),window.addEventListener("resize",e)}function Wr(){Fr(),window.addEventListener("touchstart",Br,Lr),window.addEventListener("touchmove",Dr,Lr),window.addEventListener("touchend",Ar,Lr),window.addEventListener("touchcancel",Ar,Lr)}var jr,Vr,zr=w,Hr=he,qr=re,Ur=rt,Yr=w,Xr=[].sort,Gr=[1,2,3];Hr(Hr.P+Hr.F*(Yr((function(){Gr.sort(void 0)}))||!Yr((function(){Gr.sort(null)}))||!((jr=Xr)&&zr((function(){Vr?jr.call(null,(function(){}),1):jr.call(null)})))),"Array",{sort:function(e){return void 0===e?Xr.call(Ur(this)):Xr.call(Ur(this),qr(e))}});var Jr,Kr=new WeakMap,Zr=[],Qr=Symbol(""),ei=Symbol("");function ti(e,t=Qt){(function(e){return e&&!0===e._isEffect})(e)&&(e=e.raw);var n=function(e,t){var n=function(){if(!n.active)return e();if(!Zr.includes(n)){ii(n);try{return oi.push(ai),ai=!0,Zr.push(n),Jr=n,e()}finally{Zr.pop(),li(),Jr=Zr[Zr.length-1]}}};return n.id=ri++,n.allowRecurse=!!t.allowRecurse,n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||n(),n}function ni(e){e.active&&(ii(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var ri=0;function ii(e){var{deps:t}=e;if(t.length){for(var n=0;n<t.length;n++)t[n].delete(e);t.length=0}}var ai=!0,oi=[];function si(){oi.push(ai),ai=!1}function li(){var e=oi.pop();ai=void 0===e||e}function ui(e,t,n){if(ai&&void 0!==Jr){var r=Kr.get(e);r||Kr.set(e,r=new Map);var i=r.get(n);i||r.set(n,i=new Set),i.has(Jr)||(i.add(Jr),Jr.deps.push(i))}}function ci(e,t,n,r,i,a){var o=Kr.get(e);if(o){var s=new Set,l=e=>{e&&e.forEach((e=>{(e!==Jr||e.allowRecurse)&&s.add(e)}))};if("clear"===t)o.forEach(l);else if("length"===n&&dn(e))o.forEach(((e,t)=>{("length"===t||t>=r)&&l(e)}));else switch(void 0!==n&&l(o.get(n)),t){case"add":dn(e)?wn(n)&&l(o.get("length")):(l(o.get(Qr)),hn(e)&&l(o.get(ei)));break;case"delete":dn(e)||(l(o.get(Qr)),hn(e)&&l(o.get(ei)));break;case"set":hn(e)&&l(o.get(Qr))}s.forEach((e=>{e.options.scheduler?e.options.scheduler(e):e()}))}}var di=Ht("__proto__,__v_isRef,__isVue"),hi=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(vn)),pi=yi(),fi=yi(!1,!0),vi=yi(!0),gi=mi();function mi(){var e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{var n=Array.prototype[t];e[t]=function(...e){for(var t=ra(this),r=0,i=this.length;r<i;r++)ui(t,0,r+"");var a=n.apply(t,e);return-1===a||!1===a?n.apply(t,e.map(ra)):a}})),["push","pop","shift","unshift","splice"].forEach((t=>{var n=Array.prototype[t];e[t]=function(...e){si();var t=n.apply(this,e);return li(),t}})),e}function yi(e=!1,t=!1){return function(n,r,i){if("__v_isReactive"===r)return!e;if("__v_isReadonly"===r)return e;if("__v_raw"===r&&i===(e?t?Gi:Xi:t?Yi:Ui).get(n))return n;var a=dn(n);if(!e&&a&&cn(gi,r))return Reflect.get(gi,r,i);var o=Reflect.get(n,r,i);return(vn(r)?hi.has(r):di(r))?o:(e||ui(n,0,r),t?o:oa(o)?!a||!wn(r)?o.value:o:gn(o)?e?Zi(o):Ki(o):o)}}function _i(e=!1){return function(t,n,r,i){var a=t[n];if(!e&&(r=ra(r),a=ra(a),!dn(t)&&oa(a)&&!oa(r)))return a.value=r,!0;var o=dn(t)&&wn(n)?Number(n)<t.length:cn(t,n),s=Reflect.set(t,n,r,i);return t===ra(i)&&(o?In(r,a)&&ci(t,"set",n,r):ci(t,"add",n,r)),s}}var bi={get:pi,set:_i(),deleteProperty:function(e,t){var n=cn(e,t);e[t];var r=Reflect.deleteProperty(e,t);return r&&n&&ci(e,"delete",t,void 0),r},has:function(e,t){var n=Reflect.has(e,t);return vn(t)&&hi.has(t)||ui(e,0,t),n},ownKeys:function(e){return ui(e,0,dn(e)?"length":Qr),Reflect.ownKeys(e)}},wi={get:vi,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},xi=sn({},bi,{get:fi,set:_i(!0)}),Si=e=>gn(e)?Ki(e):e,Ti=e=>gn(e)?Zi(e):e,Ei=e=>e,ki=e=>Reflect.getPrototypeOf(e);function Ci(e,t,n=!1,r=!1){var i=ra(e=e.__v_raw),a=ra(t);t!==a&&!n&&ui(i,0,t),!n&&ui(i,0,a);var{has:o}=ki(i),s=r?Ei:n?Ti:Si;return o.call(i,t)?s(e.get(t)):o.call(i,a)?s(e.get(a)):void(e!==i&&e.get(t))}function Mi(e,t=!1){var n=this.__v_raw,r=ra(n),i=ra(e);return e!==i&&!t&&ui(r,0,e),!t&&ui(r,0,i),e===i?n.has(e):n.has(e)||n.has(i)}function Oi(e,t=!1){return e=e.__v_raw,!t&&ui(ra(e),0,Qr),Reflect.get(e,"size",e)}function Ii(e){e=ra(e);var t=ra(this);return ki(t).has.call(t,e)||(t.add(e),ci(t,"add",e,e)),this}function Ni(e,t){t=ra(t);var n=ra(this),{has:r,get:i}=ki(n),a=r.call(n,e);a||(e=ra(e),a=r.call(n,e));var o=i.call(n,e);return n.set(e,t),a?In(t,o)&&ci(n,"set",e,t):ci(n,"add",e,t),this}function Li(e){var t=ra(this),{has:n,get:r}=ki(t),i=n.call(t,e);i||(e=ra(e),i=n.call(t,e)),r&&r.call(t,e);var a=t.delete(e);return i&&ci(t,"delete",e,void 0),a}function Ai(){var e=ra(this),t=0!==e.size,n=e.clear();return t&&ci(e,"clear",void 0,void 0),n}function Pi(e,t){return function(n,r){var i=this,a=i.__v_raw,o=ra(a),s=t?Ei:e?Ti:Si;return!e&&ui(o,0,Qr),a.forEach(((e,t)=>n.call(r,s(e),s(t),i)))}}function Ri(e,t,n){return function(...r){var i=this.__v_raw,a=ra(i),o=hn(a),s="entries"===e||e===Symbol.iterator&&o,l="keys"===e&&o,u=i[e](...r),c=n?Ei:t?Ti:Si;return!t&&ui(a,0,l?ei:Qr),{next(){var{value:e,done:t}=u.next();return t?{value:e,done:t}:{value:s?[c(e[0]),c(e[1])]:c(e),done:t}},[Symbol.iterator](){return this}}}}function Bi(e){return function(...t){return"delete"!==e&&this}}function Di(){var e={get(e){return Ci(this,e)},get size(){return Oi(this)},has:Mi,add:Ii,set:Ni,delete:Li,clear:Ai,forEach:Pi(!1,!1)},t={get(e){return Ci(this,e,!1,!0)},get size(){return Oi(this)},has:Mi,add:Ii,set:Ni,delete:Li,clear:Ai,forEach:Pi(!1,!0)},n={get(e){return Ci(this,e,!0)},get size(){return Oi(this,!0)},has(e){return Mi.call(this,e,!0)},add:Bi("add"),set:Bi("set"),delete:Bi("delete"),clear:Bi("clear"),forEach:Pi(!0,!1)},r={get(e){return Ci(this,e,!0,!0)},get size(){return Oi(this,!0)},has(e){return Mi.call(this,e,!0)},add:Bi("add"),set:Bi("set"),delete:Bi("delete"),clear:Bi("clear"),forEach:Pi(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((i=>{e[i]=Ri(i,!1,!1),n[i]=Ri(i,!0,!1),t[i]=Ri(i,!1,!0),r[i]=Ri(i,!0,!0)})),[e,n,t,r]}var[$i,Fi,Wi,ji]=Di();function Vi(e,t){var n=t?e?ji:Wi:e?Fi:$i;return(t,r,i)=>"__v_isReactive"===r?!e:"__v_isReadonly"===r?e:"__v_raw"===r?t:Reflect.get(cn(n,r)&&r in t?n:t,r,i)}var zi={get:Vi(!1,!1)},Hi={get:Vi(!1,!0)},qi={get:Vi(!0,!1)},Ui=new WeakMap,Yi=new WeakMap,Xi=new WeakMap,Gi=new WeakMap;function Ji(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>_n(e).slice(8,-1))(e))}function Ki(e){return e&&e.__v_isReadonly?e:Qi(e,!1,bi,zi,Ui)}function Zi(e){return Qi(e,!0,wi,qi,Xi)}function Qi(e,t,n,r,i){if(!gn(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;var a=i.get(e);if(a)return a;var o=Ji(e);if(0===o)return e;var s=new Proxy(e,2===o?r:n);return i.set(e,s),s}function ea(e){return ta(e)?ea(e.__v_raw):!(!e||!e.__v_isReactive)}function ta(e){return!(!e||!e.__v_isReadonly)}function na(e){return ea(e)||ta(e)}function ra(e){return e&&ra(e.__v_raw)||e}function ia(e){return Ln(e,"__v_skip",!0),e}var aa=e=>gn(e)?Ki(e):e;function oa(e){return Boolean(e&&!0===e.__v_isRef)}function sa(e){return ca(e)}function la(e){return ca(e,!0)}class ua{constructor(e,t){this._rawValue=e,this._shallow=t,this.__v_isRef=!0,this._value=t?e:aa(e)}get value(){return ui(ra(this),0,"value"),this._value}set value(e){In(ra(e),this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:aa(e),ci(ra(this),"set","value",e))}}function ca(e,t=!1){return oa(e)?e:new ua(e,t)}var da={get:(e,t,n)=>{return oa(r=Reflect.get(e,t,n))?r.value:r;var r},set:(e,t,n,r)=>{var i=e[t];return oa(i)&&!oa(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function ha(e){return ea(e)?e:new Proxy(e,da)}class pa{constructor(e,t,n){this._setter=t,this._dirty=!0,this.__v_isRef=!0,this.effect=ti(e,{lazy:!0,scheduler:()=>{this._dirty||(this._dirty=!0,ci(ra(this),"set","value"))}}),this.__v_isReadonly=n}get value(){var e=ra(this);return e._dirty&&(e._value=this.effect(),e._dirty=!1),ui(e,0,"value"),e._value}set value(e){this._setter(e)}}function fa(e,t,n,r){var i;try{i=r?e(...r):e()}catch(a){ga(a,t,n)}return i}function va(e,t,n,r){if(pn(e)){var i=fa(e,t,n,r);return i&&mn(i)&&i.catch((e=>{ga(e,t,n)})),i}for(var a=[],o=0;o<e.length;o++)a.push(va(e[o],t,n,r));return a}function ga(e,t,n,r=!0){t&&t.vnode;if(t){for(var i=t.parent,a=t.proxy,o=n;i;){var s=i.ec;if(s)for(var l=0;l<s.length;l++)if(!1===s[l](e,a,o))return;i=i.parent}var u=t.appContext.config.errorHandler;if(u)return void fa(u,null,10,[e,a,o])}!function(e,t,n,r=!0){e instanceof Error?console.error(e.message+"\n"+e.stack):console.error(e)}(e,0,0,r)}var ma=!1,ya=!1,_a=[],ba=0,wa=[],xa=null,Sa=0,Ta=[],Ea=null,ka=0,Ca=Promise.resolve(),Ma=null,Oa=null;function Ia(e){var t=Ma||Ca;return e?t.then(this?e.bind(this):e):t}function Na(e){if(!(_a.length&&_a.includes(e,ma&&e.allowRecurse?ba+1:ba)||e===Oa)){var t=function(e){for(var t=ba+1,n=_a.length,r=Ba(e);t<n;){var i=t+n>>>1;Ba(_a[i])<r?t=i+1:n=i}return t}(e);t>-1?_a.splice(t,0,e):_a.push(e),La()}}function La(){ma||ya||(ya=!0,Ma=Ca.then(Da))}function Aa(e,t,n,r){dn(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?r+1:r)||n.push(e),La()}function Pa(e,t=null){if(wa.length){for(Oa=t,xa=[...new Set(wa)],wa.length=0,Sa=0;Sa<xa.length;Sa++)xa[Sa]();xa=null,Sa=0,Oa=null,Pa(e,t)}}function Ra(e){if(Ta.length){var t=[...new Set(Ta)];if(Ta.length=0,Ea)return void Ea.push(...t);for((Ea=t).sort(((e,t)=>Ba(e)-Ba(t))),ka=0;ka<Ea.length;ka++)Ea[ka]();Ea=null,ka=0}}var Ba=e=>null==e.id?1/0:e.id;function Da(e){ya=!1,ma=!0,Pa(e),_a.sort(((e,t)=>Ba(e)-Ba(t)));try{for(ba=0;ba<_a.length;ba++){var t=_a[ba];t&&!1!==t.active&&fa(t,null,14)}}finally{ba=0,_a.length=0,Ra(),ma=!1,Ma=null,(_a.length||wa.length||Ta.length)&&Da(e)}}function $a(e,t,...n){var r,i=e.vnode.props||Qt,a=n,o=t.startsWith("update:"),s=o&&t.slice(7);if(s&&s in i){var l="".concat("modelValue"===s?"model":s,"Modifiers"),{number:u,trim:c}=i[l]||Qt;c?a=n.map((e=>e.trim())):u&&(a=n.map(An))}var d=i[r=On(t)]||i[r=On(En(t))];!d&&o&&(d=i[r=On(Cn(t))]),d&&va(d,e,6,a);var h=i[r+"Once"];if(h){if(e.emitted){if(e.emitted[r])return}else e.emitted={};e.emitted[r]=!0,va(h,e,6,a)}}function Fa(e,t,n=!1){var r=t.emitsCache,i=r.get(e);if(void 0!==i)return i;var a=e.emits,o={},s=!1;if(!pn(e)){var l=e=>{var n=Fa(e,t,!0);n&&(s=!0,sn(o,n))};!n&&t.mixins.length&&t.mixins.forEach(l),e.extends&&l(e.extends),e.mixins&&e.mixins.forEach(l)}return a||s?(dn(a)?a.forEach((e=>o[e]=null)):sn(o,a),r.set(e,o),o):(r.set(e,null),null)}function Wa(e,t){return!(!e||!an(t))&&(t=t.slice(2).replace(/Once$/,""),cn(e,t[0].toLowerCase()+t.slice(1))||cn(e,Cn(t))||cn(e,t))}var ja=null,Va=null;function za(e){var t=ja;return ja=e,Va=e&&e.type.__scopeId||null,t}function Ha(e){var t,{type:n,vnode:r,proxy:i,withProxy:a,props:o,propsOptions:[s],slots:l,attrs:u,emit:c,render:d,renderCache:h,data:p,setupState:f,ctx:v,inheritAttrs:g}=e,m=za(e);try{var y;if(4&r.shapeFlag){var _=a||i;t=gs(d.call(_,_,h,o,f,p,v)),y=u}else{var b=n;0,t=gs(b.length>1?b(o,{attrs:u,slots:l,emit:c}):b(o,null)),y=n.props?u:qa(u)}var w=t;if(y&&!1!==g){var x=Object.keys(y),{shapeFlag:S}=w;if(x.length)if(1&S||6&S)s&&x.some(on)&&(y=Ua(y,s)),w=fs(w,y);else 0}0,r.dirs&&(w.dirs=w.dirs?w.dirs.concat(r.dirs):r.dirs),r.transition&&(w.transition=r.transition),t=w}catch(T){ga(T,e,1),t=ps(as)}return za(m),t}var qa=e=>{var t;for(var n in e)("class"===n||"style"===n||an(n))&&((t||(t={}))[n]=e[n]);return t},Ua=(e,t)=>{var n={};for(var r in e)on(r)&&r.slice(9)in t||(n[r]=e[r]);return n};function Ya(e,t,n){var r=Object.keys(t);if(r.length!==Object.keys(e).length)return!0;for(var i=0;i<r.length;i++){var a=r[i];if(t[a]!==e[a]&&!Wa(n,a))return!0}return!1}function Xa(e,t){if(ks){var n=ks.provides,r=ks.parent&&ks.parent.provides;r===n&&(n=ks.provides=Object.create(r)),n[e]=t}else;}function Ga(e,t,n=!1){var r=ks||ja;if(r){var i=null==r.parent?r.vnode.appContext&&r.vnode.appContext.provides:r.parent.provides;if(i&&e in i)return i[e];if(arguments.length>1)return n&&pn(t)?t.call(r.proxy):t}}var Ja={};function Ka(e,t,n){return Za(e,t,n)}function Za(e,t,{immediate:n,deep:r,flush:i,onTrack:a,onTrigger:o}=Qt,s=ks){var l,u,c=!1,d=!1;if(oa(e)?(l=()=>e.value,c=!!e._shallow):ea(e)?(l=()=>e,r=!0):dn(e)?(d=!0,c=e.some(ea),l=()=>e.map((e=>oa(e)?e.value:ea(e)?to(e):pn(e)?fa(e,s,2):void 0))):l=pn(e)?t?()=>fa(e,s,2):()=>{if(!s||!s.isUnmounted)return u&&u(),va(e,s,3,[p])}:tn,t&&r){var h=l;l=()=>to(h())}var p=e=>{u=g.options.onStop=()=>{fa(e,s,4)}},f=d?[]:Ja,v=()=>{if(g.active)if(t){var e=g();(r||c||(d?e.some(((e,t)=>In(e,f[t]))):In(e,f)))&&(u&&u(),va(t,s,3,[e,f===Ja?void 0:f,p]),f=e)}else g()};v.allowRecurse=!!t;var g=ti(l,{lazy:!0,onTrack:a,onTrigger:o,scheduler:"sync"===i?v:"post"===i?()=>Ko(v,s&&s.suspense):()=>{!s||s.isMounted?function(e){Aa(e,xa,wa,Sa)}(v):v()}});return Ps(g,s),t?n?v():f=g():"post"===i?Ko(g,s&&s.suspense):g(),()=>{ni(g),s&&ln(s.effects,g)}}function Qa(e,t,n){var r,i=this.proxy,a=fn(e)?e.includes(".")?eo(i,e):()=>i[e]:e.bind(i,i);return pn(t)?r=t:(r=t.handler,n=t),Za(a,r.bind(i),n,this)}function eo(e,t){var n=t.split(".");return()=>{for(var t=e,r=0;r<n.length&&t;r++)t=t[n[r]];return t}}function to(e,t=new Set){if(!gn(e)||t.has(e)||e.__v_skip)return e;if(t.add(e),oa(e))to(e.value,t);else if(dn(e))for(var n=0;n<e.length;n++)to(e[n],t);else if("[object Set]"===_n(e)||hn(e))e.forEach((e=>{to(e,t)}));else if(bn(e))for(var r in e)to(e[r],t);return e}var no=e=>!!e.type.__asyncLoader,ro=e=>e.type.__isKeepAlive;function io(e,t){oo(e,"a",t)}function ao(e,t){oo(e,"da",t)}function oo(e,t,n=ks){var r=e.__wdc||(e.__wdc=()=>{for(var t=n;t;){if(t.isDeactivated)return;t=t.parent}e()});if(lo(t,r,n),n)for(var i=n.parent;i&&i.parent;)ro(i.parent.vnode)&&so(r,t,n,i),i=i.parent}function so(e,t,n,r){var i=lo(t,e,r,!0);go((()=>{ln(r[t],i)}),n)}function lo(e,t,n=ks,r=!1){if(n){var i=n[e]||(n[e]=[]),a=t.__weh||(t.__weh=(...r)=>{if(!n.isUnmounted){si(),Ms(n);var i=va(t,n,e,r);return Ms(null),li(),i}});return r?i.unshift(a):i.push(a),a}}var uo=e=>(t,n=ks)=>(!Is||"sp"===e)&&lo(e,t,n),co=uo("bm"),ho=uo("m"),po=uo("bu"),fo=uo("u"),vo=uo("bum"),go=uo("um"),mo=uo("sp"),yo=uo("rtg"),_o=uo("rtc");function bo(e,t=ks){lo("ec",e,t)}var wo=!0;function xo(e){var t=Eo(e),n=e.proxy,r=e.ctx;wo=!1,t.beforeCreate&&So(t.beforeCreate,e,"bc");var i,{data:a,computed:o,methods:s,watch:l,provide:u,inject:c,created:d,beforeMount:h,mounted:p,beforeUpdate:f,updated:v,activated:g,deactivated:m,beforeDestroy:y,beforeUnmount:_,destroyed:b,unmounted:w,render:x,renderTracked:S,renderTriggered:T,errorCaptured:E,serverPrefetch:k,expose:C,inheritAttrs:M,components:O,directives:I,filters:N}=t;if(c&&function(e,t,n=tn){dn(e)&&(e=Oo(e));for(var r in e){var i=e[r];gn(i)?t[r]="default"in i?Ga(i.from||r,i.default,!0):Ga(i.from||r):t[r]=Ga(i)}}(c,r,null),s)for(var L in s){var A=s[L];pn(A)&&(r[L]=A.bind(n))}if(a&&(i=a.call(n,n),gn(i)&&(e.data=Ki(i))),wo=!0,o){var P=function(e){var t=o[e],i=Rs({get:pn(t)?t.bind(n,n):pn(t.get)?t.get.bind(n,n):tn,set:!pn(t)&&pn(t.set)?t.set.bind(n):tn});Object.defineProperty(r,e,{enumerable:!0,configurable:!0,get:()=>i.value,set:e=>i.value=e})};for(var R in o)P(R)}if(l)for(var B in l)To(l[B],r,n,B);if(u){var D=pn(u)?u.call(n):u;Reflect.ownKeys(D).forEach((e=>{Xa(e,D[e])}))}function $(e,t){dn(t)?t.forEach((t=>e(t.bind(n)))):t&&e(t.bind(n))}if(d&&So(d,e,"c"),$(co,h),$(ho,p),$(po,f),$(fo,v),$(io,g),$(ao,m),$(bo,E),$(_o,S),$(yo,T),$(vo,_),$(go,w),$(mo,k),dn(C))if(C.length){var F=e.exposed||(e.exposed={});C.forEach((e=>{Object.defineProperty(F,e,{get:()=>n[e],set:t=>n[e]=t})}))}else e.exposed||(e.exposed={});x&&e.render===tn&&(e.render=x),null!=M&&(e.inheritAttrs=M),O&&(e.components=O),I&&(e.directives=I)}function So(e,t,n){va(dn(e)?e.map((e=>e.bind(t.proxy))):e.bind(t.proxy),t,n)}function To(e,t,n,r){var i=r.includes(".")?eo(n,r):()=>n[r];if(fn(e)){var a=t[e];pn(a)&&Ka(i,a)}else if(pn(e))Ka(i,e.bind(n));else if(gn(e))if(dn(e))e.forEach((e=>To(e,t,n,r)));else{var o=pn(e.handler)?e.handler.bind(n):t[e.handler];pn(o)&&Ka(i,o,e)}}function Eo(e){var t,n=e.type,{mixins:r,extends:i}=n,{mixins:a,optionsCache:o,config:{optionMergeStrategies:s}}=e.appContext,l=o.get(n);return l?t=l:a.length||r||i?(t={},a.length&&a.forEach((e=>ko(t,e,s,!0))),ko(t,n,s)):t=n,o.set(n,t),t}function ko(e,t,n,r=!1){var{mixins:i,extends:a}=t;for(var o in a&&ko(e,a,n,!0),i&&i.forEach((t=>ko(e,t,n,!0))),t)if(r&&"expose"===o);else{var s=Co[o]||n&&n[o];e[o]=s?s(e[o],t[o]):t[o]}return e}var Co={data:Mo,props:No,emits:No,methods:No,computed:No,beforeCreate:Io,created:Io,beforeMount:Io,mounted:Io,beforeUpdate:Io,updated:Io,beforeDestroy:Io,destroyed:Io,activated:Io,deactivated:Io,errorCaptured:Io,serverPrefetch:Io,components:No,directives:No,watch:function(e,t){if(!e)return t;if(!t)return e;var n=sn(Object.create(null),e);for(var r in t)n[r]=Io(e[r],t[r]);return n},provide:Mo,inject:function(e,t){return No(Oo(e),Oo(t))}};function Mo(e,t){return t?e?function(){return sn(pn(e)?e.call(this,this):e,pn(t)?t.call(this,this):t)}:t:e}function Oo(e){if(dn(e)){for(var t={},n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function Io(e,t){return e?[...new Set([].concat(e,t))]:t}function No(e,t){return e?sn(sn(Object.create(null),e),t):t}function Lo(e,t,n,r=!1){var i={},a={};for(var o in Ln(a,cs,1),e.propsDefaults=Object.create(null),Ao(e,t,i,a),e.propsOptions[0])o in i||(i[o]=void 0);n?e.props=r?i:Qi(i,!1,xi,Hi,Yi):e.type.props?e.props=i:e.props=a,e.attrs=a}function Ao(e,t,n,r){var i,[a,o]=e.propsOptions,s=!1;if(t)for(var l in t)if(!xn(l)){var u=t[l],c=void 0;a&&cn(a,c=En(l))?o&&o.includes(c)?(i||(i={}))[c]=u:n[c]=u:Wa(e.emitsOptions,l)||u!==r[l]&&(r[l]=u,s=!0)}if(o)for(var d=ra(n),h=i||Qt,p=0;p<o.length;p++){var f=o[p];n[f]=Po(a,d,f,h[f],e,!cn(h,f))}return s}function Po(e,t,n,r,i,a){var o=e[n];if(null!=o){var s=cn(o,"default");if(s&&void 0===r){var l=o.default;if(o.type!==Function&&pn(l)){var{propsDefaults:u}=i;n in u?r=u[n]:(Ms(i),r=u[n]=l.call(null,t),Ms(null))}else r=l}o[0]&&(a&&!s?r=!1:!o[1]||""!==r&&r!==Cn(n)||(r=!0))}return r}function Ro(e,t,n=!1){var r=t.propsCache,i=r.get(e);if(i)return i;var a=e.props,o={},s=[],l=!1;if(!pn(e)){var u=e=>{l=!0;var[n,r]=Ro(e,t,!0);sn(o,n),r&&s.push(...r)};!n&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}if(!a&&!l)return r.set(e,en),en;if(dn(a))for(var c=0;c<a.length;c++){var d=En(a[c]);Bo(d)&&(o[d]=Qt)}else if(a)for(var h in a){var p=En(h);if(Bo(p)){var f=a[h],v=o[p]=dn(f)||pn(f)?{type:f}:f;if(v){var g=Fo(Boolean,v.type),m=Fo(String,v.type);v[0]=g>-1,v[1]=m<0||g<m,(g>-1||cn(v,"default"))&&s.push(p)}}}var y=[o,s];return r.set(e,y),y}function Bo(e){return"$"!==e[0]}function Do(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:""}function $o(e,t){return Do(e)===Do(t)}function Fo(e,t){return dn(t)?t.findIndex((t=>$o(t,e))):pn(t)&&$o(t,e)?0:-1}var Wo=e=>"_"===e[0]||"$stable"===e,jo=e=>dn(e)?e.map(gs):[gs(e)],Vo=(e,t,n)=>{var r=function(e,t=ja,n){if(!t)return e;if(e._n)return e;var r=(...n)=>{r._d&&ss(-1);var i=za(t),a=e(...n);return za(i),r._d&&ss(1),a};return r._n=!0,r._c=!0,r._d=!0,r}((e=>jo(t(e))),n);return r._c=!1,r},zo=(e,t,n)=>{var r=e._ctx;for(var i in e)if(!Wo(i)){var a=e[i];pn(a)?t[i]=Vo(0,a,r):null!=a&&function(){var e=jo(a);t[i]=()=>e}()}},Ho=(e,t)=>{var n=jo(t);e.slots.default=()=>n};function qo(e,t){if(null===ja)return e;for(var n=ja.proxy,r=e.dirs||(e.dirs=[]),i=0;i<t.length;i++){var[a,o,s,l=Qt]=t[i];pn(a)&&(a={mounted:a,updated:a}),r.push({dir:a,instance:n,value:o,oldValue:void 0,arg:s,modifiers:l})}return e}function Uo(e,t,n,r){for(var i=e.dirs,a=t&&t.dirs,o=0;o<i.length;o++){var s=i[o];a&&(s.oldValue=a[o].value);var l=s.dir[r];l&&(si(),va(l,n,8,[e.el,s,e,t]),li())}}function Yo(){return{app:null,config:{isNativeTag:nn,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}var Xo=0;function Go(e,t){return function(n,r=null){null==r||gn(r)||(r=null);var i=Yo(),a=new Set,o=!1,s=i.app={_uid:Xo++,_component:n,_props:r,_container:null,_context:i,_instance:null,version:Bs,get config(){return i.config},set config(e){},use:(e,...t)=>(a.has(e)||(e&&pn(e.install)?(a.add(e),e.install(s,...t)):pn(e)&&(a.add(e),e(s,...t))),s),mixin:e=>(i.mixins.includes(e)||i.mixins.push(e),s),component:(e,t)=>t?(i.components[e]=t,s):i.components[e],directive:(e,t)=>t?(i.directives[e]=t,s):i.directives[e],mount(a,l,u){if(!o){var c=ps(n,r);return c.appContext=i,l&&t?t(c,a):e(c,a,u),o=!0,s._container=a,a.__vue_app__=s,c.component.proxy}},unmount(){o&&(e(null,s._container),delete s._container.__vue_app__)},provide:(e,t)=>(i.provides[e]=t,s)};return s}}var Jo={scheduler:Na,allowRecurse:!0},Ko=function(e,t){t&&t.pendingBranch?dn(e)?t.effects.push(...e):t.effects.push(e):Aa(e,Ea,Ta,ka)},Zo=(e,t,n,r,i=!1)=>{if(dn(e))e.forEach(((e,a)=>Zo(e,t&&(dn(t)?t[a]:t),n,r,i)));else if(!no(r)||i){var a=4&r.shapeFlag?As(r.component)||r.component.proxy:r.el,o=i?null:a,{i:s,r:l}=e,u=t&&t.r,c=s.refs===Qt?s.refs={}:s.refs,d=s.setupState;if(null!=u&&u!==l&&(fn(u)?(c[u]=null,cn(d,u)&&(d[u]=null)):oa(u)&&(u.value=null)),fn(l)){var h=()=>{c[l]=o,cn(d,l)&&(d[l]=o)};o?(h.id=-1,Ko(h,n)):h()}else if(oa(l)){var p=()=>{l.value=o};o?(p.id=-1,Ko(p,n)):p()}else pn(l)&&fa(l,s,12,[o,c])}};function Qo(e){return function(e,t){var n,r,{insert:i,remove:a,patchProp:o,forcePatchProp:s,createElement:l,createText:u,createComment:c,setText:d,setElementText:h,parentNode:p,nextSibling:f,setScopeId:v=tn,cloneNode:g,insertStaticContent:m}=e,y=(e,t,n,r=null,i=null,a=null,o=!1,s=null,l=!1)=>{e&&!us(e,t)&&(r=U(e),j(e,i,a,!0),e=null),-2===t.patchFlag&&(l=!1,t.dynamicChildren=null);var{type:u,ref:c,shapeFlag:d}=t;switch(u){case is:_(e,t,n,r);break;case as:b(e,t,n,r);break;case os:null==e&&w(t,n,r,o);break;case rs:N(e,t,n,r,i,a,o,s,l);break;default:1&d?T(e,t,n,r,i,a,o,s,l):6&d?L(e,t,n,r,i,a,o,s,l):(64&d||128&d)&&u.process(e,t,n,r,i,a,o,s,l,X)}null!=c&&i&&Zo(c,e&&e.ref,a,t||e,!t)},_=(e,t,n,r)=>{if(null==e)i(t.el=u(t.children),n,r);else{var a=t.el=e.el;t.children!==e.children&&d(a,t.children)}},b=(e,t,n,r)=>{null==e?i(t.el=c(t.children||""),n,r):t.el=e.el},w=(e,t,n,r)=>{var i=m(e.children,t,n,r,e.staticCache);e.el||(e.staticCache=i),e.el=i[0],e.anchor=i[i.length-1]},x=({el:e,anchor:t},n,r)=>{for(var a;e&&e!==t;)a=f(e),i(e,n,r),e=a;i(t,n,r)},S=({el:e,anchor:t})=>{for(var n;e&&e!==t;)n=f(e),a(e),e=n;a(t)},T=(e,t,n,r,i,a,o,s,l)=>{o=o||"svg"===t.type,null==e?E(t,n,r,i,a,o,s,l):M(e,t,i,a,o,s,l)},E=(e,t,n,r,a,s,u,c)=>{var d,p,{type:f,props:v,shapeFlag:m,transition:y,patchFlag:_,dirs:b}=e;if(e.el&&void 0!==g&&-1===_)d=e.el=g(e.el);else{if(d=e.el=l(e.type,s,v&&v.is,v),8&m?h(d,e.children):16&m&&C(e.children,d,null,r,a,s&&"foreignObject"!==f,u,c||!!e.dynamicChildren),b&&Uo(e,null,r,"created"),v){for(var w in v)xn(w)||o(d,w,null,v[w],s,e.children,r,a,q);(p=v.onVnodeBeforeMount)&&es(p,r,e)}k(d,e,e.scopeId,u,r)}Object.defineProperty(d,"__vueParentComponent",{value:r,enumerable:!1}),b&&Uo(e,null,r,"beforeMount");var x=(!a||a&&!a.pendingBranch)&&y&&!y.persisted;x&&y.beforeEnter(d),i(d,t,n),((p=v&&v.onVnodeMounted)||x||b)&&Ko((()=>{p&&es(p,r,e),x&&y.enter(d),b&&Uo(e,null,r,"mounted")}),a)},k=(e,t,n,r,i)=>{if(n&&v(e,n),r)for(var a=0;a<r.length;a++)v(e,r[a]);if(i&&t===i.subTree){var o=i.vnode;k(e,o,o.scopeId,o.slotScopeIds,i.parent)}},C=(e,t,n,r,i,a,o,s,l=0)=>{for(var u=l;u<e.length;u++){var c=e[u]=s?ms(e[u]):gs(e[u]);y(null,c,t,n,r,i,a,o,s)}},M=(e,t,n,r,i,a,l)=>{var u=t.el=e.el,{patchFlag:c,dynamicChildren:d,dirs:p}=t;c|=16&e.patchFlag;var f,v=e.props||Qt,g=t.props||Qt;if((f=g.onVnodeBeforeUpdate)&&es(f,n,t,e),p&&Uo(t,e,n,"beforeUpdate"),c>0){if(16&c)I(u,t,v,g,n,r,i);else if(2&c&&v.class!==g.class&&o(u,"class",null,g.class,i),4&c&&o(u,"style",v.style,g.style,i),8&c)for(var m=t.dynamicProps,y=0;y<m.length;y++){var _=m[y],b=v[_],w=g[_];(w!==b||s&&s(u,_))&&o(u,_,b,w,i,e.children,n,r,q)}1&c&&e.children!==t.children&&h(u,t.children)}else l||null!=d||I(u,t,v,g,n,r,i);var x=i&&"foreignObject"!==t.type;d?O(e.dynamicChildren,d,u,n,r,x,a):l||D(e,t,u,null,n,r,x,a,!1),((f=g.onVnodeUpdated)||p)&&Ko((()=>{f&&es(f,n,t,e),p&&Uo(t,e,n,"updated")}),r)},O=(e,t,n,r,i,a,o)=>{for(var s=0;s<t.length;s++){var l=e[s],u=t[s],c=l.el&&(l.type===rs||!us(l,u)||6&l.shapeFlag||64&l.shapeFlag)?p(l.el):n;y(l,u,c,null,r,i,a,o,!0)}},I=(e,t,n,r,i,a,l)=>{if(n!==r){for(var u in r)if(!xn(u)){var c=r[u],d=n[u];(c!==d||s&&s(e,u))&&o(e,u,d,c,l,t.children,i,a,q)}if(n!==Qt)for(var h in n)xn(h)||h in r||o(e,h,n[h],null,l,t.children,i,a,q)}},N=(e,t,n,r,a,o,s,l,c)=>{var d=t.el=e?e.el:u(""),h=t.anchor=e?e.anchor:u(""),{patchFlag:p,dynamicChildren:f,slotScopeIds:v}=t;f&&(c=!0),v&&(l=l?l.concat(v):v),null==e?(i(d,n,r),i(h,n,r),C(t.children,n,h,a,o,s,l,c)):p>0&&64&p&&f&&e.dynamicChildren?(O(e.dynamicChildren,f,n,a,o,s,l),(null!=t.key||a&&t===a.subTree)&&ts(e,t,!0)):D(e,t,n,h,a,o,s,l,c)},L=(e,t,n,r,i,a,o,s,l)=>{t.slotScopeIds=s,null==e?512&t.shapeFlag?i.ctx.activate(t,n,r,o,l):A(t,n,r,i,a,o,l):P(e,t,l)},A=(e,t,n,r,i,a,o)=>{var s=e.component=function(e,t,n){var r=e.type,i=(t?t.appContext:e.appContext)||Ts,a={uid:Es++,vnode:e,type:r,parent:t,appContext:i,root:null,next:null,subTree:null,update:null,render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,effects:null,provides:t?t.provides:Object.create(i.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Ro(r,i),emitsOptions:Fa(r,i),emit:null,emitted:null,propsDefaults:Qt,inheritAttrs:r.inheritAttrs,ctx:Qt,data:Qt,props:Qt,attrs:Qt,slots:Qt,refs:Qt,setupState:Qt,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return a.ctx={_:a},a.root=t?t.root:a,a.emit=$a.bind(null,a),a}(e,r,i);if(ro(e)&&(s.ctx.renderer=X),function(e,t=!1){Is=t;var{props:n,children:r}=e.vnode,i=Os(e);Lo(e,n,i,t),((e,t)=>{if(32&e.vnode.shapeFlag){var n=t._;n?(e.slots=ra(t),Ln(t,"_",n)):zo(t,e.slots={})}else e.slots={},t&&Ho(e,t);Ln(e.slots,cs,1)})(e,r);var a=i?function(e,t){var n=e.type;e.accessCache=Object.create(null),e.proxy=ia(new Proxy(e.ctx,xs));var{setup:r}=n;if(r){var i=e.setupContext=r.length>1?function(e){var t=t=>{e.exposed=t||{}};return{attrs:e.attrs,slots:e.slots,emit:e.emit,expose:t}}(e):null;ks=e,si();var a=fa(r,e,0,[e.props,i]);if(li(),ks=null,mn(a)){var o=()=>{ks=null};if(a.then(o,o),t)return a.then((t=>{Ns(e,t)})).catch((t=>{ga(t,e,0)}));e.asyncDep=a}else Ns(e,a)}else Ls(e)}(e,t):void 0;Is=!1}(s),s.asyncDep){if(i&&i.registerDep(s,R),!e.el){var l=s.subTree=ps(as);b(null,l,t,n)}}else R(s,e,t,n,i,a,o)},P=(e,t,n)=>{var r,i,a=t.component=e.component;if(function(e,t,n){var{props:r,children:i,component:a}=e,{props:o,children:s,patchFlag:l}=t,u=a.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&l>=0))return!(!i&&!s||s&&s.$stable)||r!==o&&(r?!o||Ya(r,o,u):!!o);if(1024&l)return!0;if(16&l)return r?Ya(r,o,u):!!o;if(8&l)for(var c=t.dynamicProps,d=0;d<c.length;d++){var h=c[d];if(o[h]!==r[h]&&!Wa(u,h))return!0}return!1}(e,t,n)){if(a.asyncDep&&!a.asyncResolved)return void B(a,t,n);a.next=t,r=a.update,(i=_a.indexOf(r))>ba&&_a.splice(i,1),a.update()}else t.component=e.component,t.el=e.el,a.vnode=t},R=(e,t,n,i,a,o,s)=>{e.update=ti((function(){if(e.isMounted){var l,{next:u,bu:c,u:d,parent:h,vnode:f}=e,v=u;u?(u.el=f.el,B(e,u,s)):u=f,c&&Nn(c),(l=u.props&&u.props.onVnodeBeforeUpdate)&&es(l,h,u,f);var g=Ha(e),m=e.subTree;e.subTree=g,y(m,g,p(m.el),U(m),e,a,o),u.el=g.el,null===v&&function({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}(e,g.el),d&&Ko(d,a),(l=u.props&&u.props.onVnodeUpdated)&&Ko((()=>es(l,h,u,f)),a)}else{var _,{el:b,props:w}=t,{bm:x,m:S,parent:T}=e;if(x&&Nn(x),(_=w&&w.onVnodeBeforeMount)&&es(_,T,t),b&&r){var E=()=>{e.subTree=Ha(e),r(b,e.subTree,e,a,null)};no(t)?t.type.__asyncLoader().then((()=>!e.isUnmounted&&E())):E()}else{var k=e.subTree=Ha(e);y(null,k,n,i,e,a,o),t.el=k.el}if(S&&Ko(S,a),_=w&&w.onVnodeMounted){var C=t;Ko((()=>es(_,T,C)),a)}256&t.shapeFlag&&e.a&&Ko(e.a,a),e.isMounted=!0,t=n=i=null}}),Jo)},B=(e,t,n)=>{t.component=e;var r=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,r){var{props:i,attrs:a,vnode:{patchFlag:o}}=e,s=ra(i),[l]=e.propsOptions,u=!1;if(!(r||o>0)||16&o){var c;for(var d in Ao(e,t,i,a)&&(u=!0),s)t&&(cn(t,d)||(c=Cn(d))!==d&&cn(t,c))||(l?!n||void 0===n[d]&&void 0===n[c]||(i[d]=Po(l,s,d,void 0,e,!0)):delete i[d]);if(a!==s)for(var h in a)t&&cn(t,h)||(delete a[h],u=!0)}else if(8&o)for(var p=e.vnode.dynamicProps,f=0;f<p.length;f++){var v=p[f],g=t[v];if(l)if(cn(a,v))g!==a[v]&&(a[v]=g,u=!0);else{var m=En(v);i[m]=Po(l,s,m,g,e,!1)}else g!==a[v]&&(a[v]=g,u=!0)}u&&ci(e,"set","$attrs")}(e,t.props,r,n),((e,t,n)=>{var{vnode:r,slots:i}=e,a=!0,o=Qt;if(32&r.shapeFlag){var s=t._;s?n&&1===s?a=!1:(sn(i,t),n||1!==s||delete i._):(a=!t.$stable,zo(t,i)),o=t}else t&&(Ho(e,t),o={default:1});if(a)for(var l in i)Wo(l)||l in o||delete i[l]})(e,t.children,n),si(),Pa(void 0,e.update),li()},D=(e,t,n,r,i,a,o,s,l=!1)=>{var u=e&&e.children,c=e?e.shapeFlag:0,d=t.children,{patchFlag:p,shapeFlag:f}=t;if(p>0){if(128&p)return void F(u,d,n,r,i,a,o,s,l);if(256&p)return void $(u,d,n,r,i,a,o,s,l)}8&f?(16&c&&q(u,i,a),d!==u&&h(n,d)):16&c?16&f?F(u,d,n,r,i,a,o,s,l):q(u,i,a,!0):(8&c&&h(n,""),16&f&&C(d,n,r,i,a,o,s,l))},$=(e,t,n,r,i,a,o,s,l)=>{t=t||en;var u,c=(e=e||en).length,d=t.length,h=Math.min(c,d);for(u=0;u<h;u++){var p=t[u]=l?ms(t[u]):gs(t[u]);y(e[u],p,n,null,i,a,o,s,l)}c>d?q(e,i,a,!0,!1,h):C(t,n,r,i,a,o,s,l,h)},F=(e,t,n,r,i,a,o,s,l)=>{for(var u=0,c=t.length,d=e.length-1,h=c-1;u<=d&&u<=h;){var p=e[u],f=t[u]=l?ms(t[u]):gs(t[u]);if(!us(p,f))break;y(p,f,n,null,i,a,o,s,l),u++}for(;u<=d&&u<=h;){var v=e[d],g=t[h]=l?ms(t[h]):gs(t[h]);if(!us(v,g))break;y(v,g,n,null,i,a,o,s,l),d--,h--}if(u>d){if(u<=h)for(var m=h+1,_=m<c?t[m].el:r;u<=h;)y(null,t[u]=l?ms(t[u]):gs(t[u]),n,_,i,a,o,s,l),u++}else if(u>h)for(;u<=d;)j(e[u],i,a,!0),u++;else{var b,w=u,x=u,S=new Map;for(u=x;u<=h;u++){var T=t[u]=l?ms(t[u]):gs(t[u]);null!=T.key&&S.set(T.key,u)}var E=0,k=h-x+1,C=!1,M=0,O=new Array(k);for(u=0;u<k;u++)O[u]=0;for(u=w;u<=d;u++){var I=e[u];if(E>=k)j(I,i,a,!0);else{var N=void 0;if(null!=I.key)N=S.get(I.key);else for(b=x;b<=h;b++)if(0===O[b-x]&&us(I,t[b])){N=b;break}void 0===N?j(I,i,a,!0):(O[N-x]=u+1,N>=M?M=N:C=!0,y(I,t[N],n,null,i,a,o,s,l),E++)}}var L=C?function(e){var t,n,r,i,a,o=e.slice(),s=[0],l=e.length;for(t=0;t<l;t++){var u=e[t];if(0!==u){if(e[n=s[s.length-1]]<u){o[t]=n,s.push(t);continue}for(r=0,i=s.length-1;r<i;)e[s[a=(r+i)/2|0]]<u?r=a+1:i=a;u<e[s[r]]&&(r>0&&(o[t]=s[r-1]),s[r]=t)}}r=s.length,i=s[r-1];for(;r-- >0;)s[r]=i,i=o[i];return s}(O):en;for(b=L.length-1,u=k-1;u>=0;u--){var A=x+u,P=t[A],R=A+1<c?t[A+1].el:r;0===O[u]?y(null,P,n,R,i,a,o,s,l):C&&(b<0||u!==L[b]?W(P,n,R,2):b--)}}},W=(e,t,n,r,a=null)=>{var{el:o,type:s,transition:l,children:u,shapeFlag:c}=e;if(6&c)W(e.component.subTree,t,n,r);else if(128&c)e.suspense.move(t,n,r);else if(64&c)s.move(e,t,n,X);else if(s!==rs){if(s!==os)if(2!==r&&1&c&&l)if(0===r)l.beforeEnter(o),i(o,t,n),Ko((()=>l.enter(o)),a);else{var{leave:d,delayLeave:h,afterLeave:p}=l,f=()=>i(o,t,n),v=()=>{d(o,(()=>{f(),p&&p()}))};h?h(o,f,v):v()}else i(o,t,n);else x(e,t,n)}else{i(o,t,n);for(var g=0;g<u.length;g++)W(u[g],t,n,r);i(e.anchor,t,n)}},j=(e,t,n,r=!1,i=!1)=>{var{type:a,props:o,ref:s,children:l,dynamicChildren:u,shapeFlag:c,patchFlag:d,dirs:h}=e;if(null!=s&&Zo(s,null,n,e,!0),256&c)t.ctx.deactivate(e);else{var p,f=1&c&&h;if((p=o&&o.onVnodeBeforeUnmount)&&es(p,t,e),6&c)H(e.component,n,r);else{if(128&c)return void e.suspense.unmount(n,r);f&&Uo(e,null,t,"beforeUnmount"),64&c?e.type.remove(e,t,n,i,X,r):u&&(a!==rs||d>0&&64&d)?q(u,t,n,!1,!0):(a===rs&&(128&d||256&d)||!i&&16&c)&&q(l,t,n),r&&V(e)}((p=o&&o.onVnodeUnmounted)||f)&&Ko((()=>{p&&es(p,t,e),f&&Uo(e,null,t,"unmounted")}),n)}},V=e=>{var{type:t,el:n,anchor:r,transition:i}=e;if(t!==rs)if(t!==os){var o=()=>{a(n),i&&!i.persisted&&i.afterLeave&&i.afterLeave()};if(1&e.shapeFlag&&i&&!i.persisted){var{leave:s,delayLeave:l}=i,u=()=>s(n,o);l?l(e.el,o,u):u()}else o()}else S(e);else z(n,r)},z=(e,t)=>{for(var n;e!==t;)n=f(e),a(e),e=n;a(t)},H=(e,t,n)=>{var{bum:r,effects:i,update:a,subTree:o,um:s}=e;if(r&&Nn(r),i)for(var l=0;l<i.length;l++)ni(i[l]);a&&(ni(a),j(o,e,t,n)),s&&Ko(s,t),Ko((()=>{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},q=(e,t,n,r=!1,i=!1,a=0)=>{for(var o=a;o<e.length;o++)j(e[o],t,n,r,i)},U=e=>6&e.shapeFlag?U(e.component.subTree):128&e.shapeFlag?e.suspense.next():f(e.anchor||e.el),Y=(e,t,n)=>{if(null==e)t._vnode&&j(t._vnode,null,null,!0);else{var r=t.__vueParent;y(t._vnode||null,e,t,null,r,null,n)}t._vnode=e},X={p:y,um:j,m:W,r:V,mt:A,mc:C,pc:D,pbc:O,n:U,o:e};t&&([n,r]=t(X));return{render:Y,hydrate:n,createApp:Go(Y,n)}}(e)}function es(e,t,n,r=null){va(e,t,7,[n,r])}function ts(e,t,n=!1){var r=e.children,i=t.children;if(dn(r)&&dn(i))for(var a=0;a<r.length;a++){var o=r[a],s=i[a];1&s.shapeFlag&&!s.dynamicChildren&&((s.patchFlag<=0||32===s.patchFlag)&&((s=i[a]=ms(i[a])).el=o.el),n||ts(o,s))}}var ns=Symbol(),rs=Symbol(void 0),is=Symbol(void 0),as=Symbol(void 0),os=Symbol(void 0);function ss(e){e}function ls(e){return!!e&&!0===e.__v_isVNode}function us(e,t){return e.type===t.type&&e.key===t.key}var cs="__vInternal",ds=({key:e})=>null!=e?e:null,hs=({ref:e})=>null!=e?fn(e)||oa(e)||pn(e)?{i:ja,r:e}:e:null,ps=function(e,t=null,n=null,r=0,i=null,a=!1){e&&e!==ns||(e=as);if(ls(e)){var o=fs(e,t,!0);return n&&ys(o,n),o}s=e,pn(s)&&"__vccOpts"in s&&(e=e.__vccOpts);var s;if(t){(na(t)||cs in t)&&(t=sn({},t));var{class:l,style:u}=t;l&&!fn(l)&&(t.class=Zt(l)),gn(u)&&(na(u)&&!dn(u)&&(u=sn({},u)),t.style=Xt(u))}var c=fn(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:gn(e)?4:pn(e)?2:0,d={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&ds(t),ref:t&&hs(t),scopeId:Va,slotScopeIds:null,children:null,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,shapeFlag:c,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null};ys(d,n),128&c&&e.normalize(d);0;return d};function fs(e,t,n=!1){var{props:r,ref:i,patchFlag:a,children:o}=e,s=t?_s(r||{},t):r;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:s,key:s&&ds(s),ref:t&&t.ref?n&&i?dn(i)?i.concat(hs(t)):[i,hs(t)]:hs(t):i,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:o,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,staticCache:e.staticCache,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==rs?-1===a?16:16|a:a,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&fs(e.ssContent),ssFallback:e.ssFallback&&fs(e.ssFallback),el:e.el,anchor:e.anchor}}function vs(e=" ",t=0){return ps(is,null,e,t)}function gs(e){return null==e||"boolean"==typeof e?ps(as):dn(e)?ps(rs,null,e.slice()):"object"==typeof e?ms(e):ps(is,null,String(e))}function ms(e){return null===e.el?e:fs(e)}function ys(e,t){var n=0,{shapeFlag:r}=e;if(null==t)t=null;else if(dn(t))n=16;else if("object"==typeof t){if(1&r||64&r){var i=t.default;return void(i&&(i._c&&(i._d=!1),ys(e,i()),i._c&&(i._d=!0)))}n=32;var a=t._;a||cs in t?3===a&&ja&&(1===ja.slots._?t._=1:(t._=2,e.patchFlag|=1024)):t._ctx=ja}else pn(t)?(t={default:t,_ctx:ja},n=32):(t=String(t),64&r?(n=16,t=[vs(t)]):n=8);e.children=t,e.shapeFlag|=n}function _s(...e){for(var t=sn({},e[0]),n=1;n<e.length;n++){var r=e[n];for(var i in r)if("class"===i)t.class!==r.class&&(t.class=Zt([t.class,r.class]));else if("style"===i)t.style=Xt([t.style,r.style]);else if(an(i)){var a=t[i],o=r[i];a!==o&&(t[i]=a?[].concat(a,o):o)}else""!==i&&(t[i]=r[i])}return t}var bs=e=>e?Os(e)?As(e)||e.proxy:bs(e.parent):null,ws=sn(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>bs(e.parent),$root:e=>bs(e.root),$emit:e=>e.emit,$options:e=>Eo(e),$forceUpdate:e=>()=>Na(e.update),$nextTick:e=>Ia.bind(e.proxy),$watch:e=>Qa.bind(e)}),xs={get({_:e},t){var n,{ctx:r,setupState:i,data:a,props:o,accessCache:s,type:l,appContext:u}=e;if("$"!==t[0]){var c=s[t];if(void 0!==c)switch(c){case 0:return i[t];case 1:return a[t];case 3:return r[t];case 2:return o[t]}else{if(i!==Qt&&cn(i,t))return s[t]=0,i[t];if(a!==Qt&&cn(a,t))return s[t]=1,a[t];if((n=e.propsOptions[0])&&cn(n,t))return s[t]=2,o[t];if(r!==Qt&&cn(r,t))return s[t]=3,r[t];wo&&(s[t]=4)}}var d,h,p=ws[t];return p?("$attrs"===t&&ui(e,0,t),p(e)):(d=l.__cssModules)&&(d=d[t])?d:r!==Qt&&cn(r,t)?(s[t]=3,r[t]):(h=u.config.globalProperties,cn(h,t)?h[t]:void 0)},set({_:e},t,n){var{data:r,setupState:i,ctx:a}=e;if(i!==Qt&&cn(i,t))i[t]=n;else if(r!==Qt&&cn(r,t))r[t]=n;else if(cn(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(a[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:i,propsOptions:a}},o){var s;return void 0!==n[o]||e!==Qt&&cn(e,o)||t!==Qt&&cn(t,o)||(s=a[0])&&cn(s,o)||cn(r,o)||cn(ws,o)||cn(i.config.globalProperties,o)}},Ss=sn({},xs,{get(e,t){if(t!==Symbol.unscopables)return xs.get(e,t,e)},has:(e,t)=>"_"!==t[0]&&!qt(t)}),Ts=Yo(),Es=0;var ks=null,Cs=()=>ks||ja,Ms=e=>{ks=e};function Os(e){return 4&e.vnode.shapeFlag}var Is=!1;function Ns(e,t,n){pn(t)?e.render=t:gn(t)&&(e.setupState=ha(t)),Ls(e)}function Ls(e,t,n){var r=e.type;e.render||(e.render=r.render||tn,e.render._rc&&(e.withProxy=new Proxy(e.ctx,Ss))),ks=e,si(),xo(e),li(),ks=null}function As(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(ha(ia(e.exposed)),{get:(t,n)=>n in t?t[n]:n in ws?ws[n](e):void 0}))}function Ps(e,t=ks){t&&(t.effects||(t.effects=[])).push(e)}function Rs(e){var t=function(e){var t,n;return pn(e)?(t=e,n=tn):(t=e.get,n=e.set),new pa(t,n,pn(e)||!e.set)}(e);return Ps(t.effect),t}var Bs="3.1.4",Ds="http://www.w3.org/2000/svg",$s="undefined"!=typeof document?document:null,Fs={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{var t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{var i=t?$s.createElementNS(Ds,e):$s.createElement(e,n?{is:n}:void 0);return"select"===e&&r&&null!=r.multiple&&i.setAttribute("multiple",r.multiple),i},createText:e=>$s.createTextNode(e),createComment:e=>$s.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>$s.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){var t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,r,i){if(i){for(var a,o,s=0,l=i.length;s<l;s++){var u=i[s].cloneNode(!0);0===s&&(a=u),s===l-1&&(o=u),t.insertBefore(u,n)}return[a,o]}var c=n?n.previousSibling:t.lastChild;if(n){var d,h=!1;n instanceof Element?d=n:(h=!0,d=r?$s.createElementNS(Ds,"g"):$s.createElement("div"),t.insertBefore(d,n)),d.insertAdjacentHTML("beforebegin",e),h&&t.removeChild(d)}else t.insertAdjacentHTML("beforeend",e);for(var p=c?c.nextSibling:t.firstChild,f=n?n.previousSibling:t.lastChild,v=[];p&&(v.push(p),p!==f);)p=p.nextSibling;return v}};var Ws=/\s*!important$/;function js(e,t,n){if(dn(n))n.forEach((n=>js(e,t,n)));else if(n=qs(n),t.startsWith("--"))e.setProperty(t,n);else{var r=function(e,t){var n=zs[t];if(n)return n;var r=En(t);if("filter"!==r&&r in e)return zs[t]=r;r=Mn(r);for(var i=0;i<Vs.length;i++){var a=Vs[i]+r;if(a in e)return zs[t]=a}return t}(e,t);Ws.test(n)?e.setProperty(Cn(r),n.replace(Ws,""),"important"):e[r]=n}}var Vs=["Webkit","Moz","ms"],zs={};var Hs=/\b([+-]?\d+(\.\d+)?)[r|u]px\b/g,qs=e=>"function"!=typeof rpx2px?e:fn(e)?e.replace(Hs,((e,t)=>rpx2px(t)+"px")):e,Us="http://www.w3.org/1999/xlink";var Ys=Date.now,Xs=!1;if("undefined"!=typeof window){Ys()>document.createEvent("Event").timeStamp&&(Ys=()=>performance.now());var Gs=navigator.userAgent.match(/firefox\/(\d+)/i);Xs=!!(Gs&&Number(Gs[1])<=53)}var Js=0,Ks=Promise.resolve(),Zs=()=>{Js=0};function Qs(e,t,n,r,i=null){var a=e._vei||(e._vei={}),o=a[t];if(r&&o)o.value=r;else{var[s,l]=function(e){var t;if(el.test(e)){var n;for(t={};n=e.match(el);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[Cn(e.slice(2)),t]}(t);if(r)!function(e,t,n,r){e.addEventListener(t,n,r)}(e,s,a[t]=function(e,t){var n=e=>{var r=e.timeStamp||Ys();(Xs||r>=n.attached-1)&&va(function(e,t){if(dn(t)){var n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>Js||(Ks.then(Zs),Js=Ys()))(),n}(r,i),l);else o&&(!function(e,t,n,r){e.removeEventListener(t,n,r)}(e,s,o,l),a[t]=void 0)}}var el=/(?:Once|Passive|Capture)$/;var tl=/^on[a-z]/;var nl=["ctrl","shift","alt","meta"],rl={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>nl.some((n=>e["".concat(n,"Key")]&&!t.includes(n)))},il=(e,t)=>(n,...r)=>{for(var i=0;i<t.length;i++){var a=rl[t[i]];if(a&&a(n,t))return}return e(n,...r)},al={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):ol(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),ol(e,!0),r.enter(e)):r.leave(e,(()=>{ol(e,!1)})):ol(e,t))},beforeUnmount(e,{value:t}){ol(e,t)}};function ol(e,t){e.style.display=t?e._vod:"none"}var sl,ll=sn({patchProp:(e,t,n,r,i=!1,a,o,s,l)=>{switch(t){case"class":!function(e,t,n){if(null==t&&(t=""),n)e.setAttribute("class",t);else{var r=e._vtc;r&&(t=(t?[t,...r]:[...r]).join(" ")),e.className=t}}(e,r,i);break;case"style":!function(e,t,n){var r=e.style;if(n)if(fn(n)){if(t!==n){var i=r.display;r.cssText=qs(n),"_vod"in e&&(r.display=i)}}else{for(var a in n)js(r,a,n[a]);if(t&&!fn(t))for(var o in t)null==n[o]&&js(r,o,"")}else e.removeAttribute("style")}(e,n,r);break;default:an(t)?on(t)||Qs(e,t,0,r,o):function(e,t,n,r){if(r)return"innerHTML"===t||!!(t in e&&tl.test(t)&&pn(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if(tl.test(t)&&fn(n))return!1;return t in e}(e,t,r,i)?function(e,t,n,r,i,a,o){if("innerHTML"===t||"textContent"===t)return r&&o(r,i,a),void(e[t]=null==n?"":n);if("value"===t&&"PROGRESS"!==e.tagName){e._value=n;var s=null==n?"":n;return e.value!==s&&(e.value=s),void(null==n&&e.removeAttribute(t))}if(""===n||null==n){var l=typeof e[t];if(""===n&&"boolean"===l)return void(e[t]=!0);if(null==n&&"string"===l)return e[t]="",void e.removeAttribute(t);if("number"===l)return e[t]=0,void e.removeAttribute(t)}try{e[t]=n}catch(u){}}(e,t,r,a,o,s,l):("true-value"===t?e._trueValue=r:"false-value"===t&&(e._falseValue=r),function(e,t,n,r,i){if(r&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(Us,t.slice(6,t.length)):e.setAttributeNS(Us,t,n);else{var a=Ut(t);null==n||a&&!1===n?e.removeAttribute(t):e.setAttribute(t,a?"":n)}}(e,t,r,i))}},forcePatchProp:(e,t)=>"value"===t},Fs);var ul=(...e)=>{var t=(sl||(sl=Qo(ll))).createApp(...e),{mount:n}=t;return t.mount=e=>{var r=function(e){if(fn(e)){return document.querySelector(e)}return e}(e);if(r){var i=t._component;pn(i)||i.render||i.template||(i.template=r.innerHTML),r.innerHTML="";var a=n(r,!1,r instanceof SVGElement);return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),a}},t};var cl,dl,hl=["top","left","right","bottom"],pl={};function fl(){return dl="CSS"in window&&"function"==typeof CSS.supports?CSS.supports("top: env(safe-area-inset-top)")?"env":CSS.supports("top: constant(safe-area-inset-top)")?"constant":"":""}function vl(){if(dl="string"==typeof dl?dl:fl()){var e=[],t=!1;try{var n=Object.defineProperty({},"passive",{get:function(){t={passive:!0}}});window.addEventListener("test",null,n)}catch(s){}var r=document.createElement("div");i(r,{position:"absolute",left:"0",top:"0",width:"0",height:"0",zIndex:"-1",overflow:"hidden",visibility:"hidden"}),hl.forEach((function(e){o(r,e)})),document.body.appendChild(r),a(),cl=!0}else hl.forEach((function(e){pl[e]=0}));function i(e,t){var n=e.style;Object.keys(t).forEach((function(e){var r=t[e];n[e]=r}))}function a(t){t?e.push(t):e.forEach((function(e){e()}))}function o(e,n){var r=document.createElement("div"),o=document.createElement("div"),s=document.createElement("div"),l=document.createElement("div"),u={position:"absolute",width:"100px",height:"200px",boxSizing:"border-box",overflow:"hidden",paddingBottom:dl+"(safe-area-inset-"+n+")"};i(r,u),i(o,u),i(s,{transition:"0s",animation:"none",width:"400px",height:"400px"}),i(l,{transition:"0s",animation:"none",width:"250%",height:"250%"}),r.appendChild(s),o.appendChild(l),e.appendChild(r),e.appendChild(o),a((function(){r.scrollTop=o.scrollTop=1e4;var e=r.scrollTop,i=o.scrollTop;function a(){this.scrollTop!==(this===r?e:i)&&(r.scrollTop=o.scrollTop=1e4,e=r.scrollTop,i=o.scrollTop,function(e){ml.length||setTimeout((function(){var e={};ml.forEach((function(t){e[t]=pl[t]})),ml.length=0,yl.forEach((function(t){t(e)}))}),0);ml.push(e)}(n))}r.addEventListener("scroll",a,t),o.addEventListener("scroll",a,t)}));var c=getComputedStyle(r);Object.defineProperty(pl,n,{configurable:!0,get:function(){return parseFloat(c.paddingBottom)}})}}function gl(e){return cl||vl(),pl[e]}var ml=[];var yl=[];var _l={get support(){return 0!=("string"==typeof dl?dl:fl()).length},get top(){return gl("top")},get left(){return gl("left")},get right(){return gl("right")},get bottom(){return gl("bottom")},onChange:function(e){fl()&&(cl||vl(),"function"==typeof e&&yl.push(e))},offChange:function(e){var t=yl.indexOf(e);t>=0&&yl.splice(t,1)}},bl=il((()=>{}),["prevent"]);function wl(){var e=document.documentElement.style,t=parseInt(e.getPropertyValue("--window-top"));return t?t+_l.top:0}function xl(e){return Symbol(e)}function Sl(e){return-1!==(e+="").indexOf("rpx")||-1!==e.indexOf("upx")}function Tl(e,t=!1){if(t)return function(e){if(!Sl(e))return e;return e.replace(/(\d+(\.\d+)?)[ru]px/g,((e,t)=>uni.upx2px(parseFloat(t))+"px"))}(e);if("string"==typeof e){var n=parseInt(e)||0;return Sl(e)?uni.upx2px(n):n}return e}var El,kl="M1.952 18.080q-0.32-0.352-0.416-0.88t0.128-0.976l0.16-0.352q0.224-0.416 0.64-0.528t0.8 0.176l6.496 4.704q0.384 0.288 0.912 0.272t0.88-0.336l17.312-14.272q0.352-0.288 0.848-0.256t0.848 0.352l-0.416-0.416q0.32 0.352 0.32 0.816t-0.32 0.816l-18.656 18.912q-0.32 0.352-0.8 0.352t-0.8-0.32l-7.936-8.064z";function Cl(e,t="#000",n=27){return ps("svg",{width:n,height:n,viewBox:"0 0 32 32"},[ps("path",{d:e,fill:t},null,8,["d","fill"])],8,["width","height"])}function Ml(){return Ol()}function Ol(){return window.__id__||(window.__id__=plus.webview.currentWebview().id),parseInt(window.__id__)}function Il(e){e.preventDefault()}var Nl=0;function Ll({onPageScroll:e,onReachBottom:t,onReachBottomDistance:n}){var r=!1,i=!1,a=!0,o=()=>{function o(){if((()=>{var{scrollHeight:e}=document.documentElement,t=window.innerHeight,r=window.scrollY,a=r>0&&e>t&&r+t+n>=e,o=Math.abs(e-Nl)>n;return!a||i&&!o?(!a&&i&&(i=!1),!1):(Nl=e,i=!0,!0)})())return t&&t(),a=!1,setTimeout((function(){a=!0}),350),!0}e&&e(window.pageYOffset),t&&a&&(o()||(El=setTimeout(o,300))),r=!1};return function(){clearTimeout(El),r||requestAnimationFrame(o),r=!0}}function Al(e,t){if(0===t.indexOf("/"))return t;if(0===t.indexOf("./"))return Al(e,t.substr(2));for(var n=t.split("/"),r=n.length,i=0;i<r&&".."===n[i];i++);n.splice(0,i),t=n.join("/");var a=e.length>0?e.split("/"):[];return a.splice(a.length-i-1,i+1),"/"+a.concat(n).join("/")}class Pl{constructor(e){this.$bindClass=!1,this.$bindStyle=!1,this.$vm=e,this.$el=e.$el,this.$el.getAttribute&&(this.$bindClass=!!this.$el.getAttribute("class"),this.$bindStyle=!!this.$el.getAttribute("style"))}selectComponent(e){if(this.$el&&e){var t=this.$el.querySelector(e);return t&&t.__vueParentComponent&&Rl(t.__vueParentComponent.proxy,!1)}}selectAllComponents(e){if(!this.$el||!e)return[];for(var t=[],n=this.$el.querySelectorAll(e),r=0;r<n.length;r++){var i=n[r];i.__vueParentComponent&&t.push(Rl(i.__vueParentComponent.proxy,!1))}return t}forceUpdate(e){"class"===e?this.$bindClass?(this.$el.__wxsClassChanged=!0,this.$vm.$forceUpdate()):this.updateWxsClass():"style"===e&&(this.$bindStyle?(this.$el.__wxsStyleChanged=!0,this.$vm.$forceUpdate()):this.updateWxsStyle())}updateWxsClass(){var{__wxsAddClass:e}=this.$el;e.length&&(this.$el.className=e.join(" "))}updateWxsStyle(){var{__wxsStyle:e}=this.$el;e&&this.$el.setAttribute("style",function(e){var t="";if(!e)return t;for(var n in e){var r=e[n],i=n.startsWith("--")?n:Cn(n);(fn(r)||"number"==typeof r&&Yt(i))&&(t+="".concat(i,":").concat(r,";"))}return t}(e))}setStyle(e){return this.$el&&e?("string"==typeof e&&(e=Kt(e)),bn(e)&&(this.$el.__wxsStyle=e,this.forceUpdate("style")),this):this}addClass(e){if(!this.$el||!e)return this;var t=this.$el.__wxsAddClass||(this.$el.__wxsAddClass=[]);return-1===t.indexOf(e)&&(t.push(e),this.forceUpdate("class")),this}removeClass(e){if(!this.$el||!e)return this;var{__wxsAddClass:t}=this.$el;if(t){var n=t.indexOf(e);n>-1&&t.splice(n,1)}var r=this.$el.__wxsRemoveClass||(this.$el.__wxsRemoveClass=[]);return-1===r.indexOf(e)&&(r.push(e),this.forceUpdate("class")),this}hasClass(e){return this.$el&&this.$el.classList.contains(e)}getDataset(){return this.$el&&this.$el.dataset}callMethod(e,t={}){var n=this.$vm[e];pn(n)?n(JSON.parse(JSON.stringify(t))):this.$vm.ownerId&&UniViewJSBridge.publishHandler("onWxsInvokeCallMethod",{nodeId:this.$el.__id,ownerId:this.$vm.ownerId,method:e,args:t})}requestAnimationFrame(e){return window.requestAnimationFrame(e)}getState(){return this.$el&&(this.$el.__wxsState||(this.$el.__wxsState={}))}triggerEvent(e,t={}){return this.$vm.$emit(e,t),this}getComputedStyle(e){if(this.$el){var t=window.getComputedStyle(this.$el);return e&&e.length?e.reduce(((e,n)=>(e[n]=t[n],e)),{}):t}return{}}setTimeout(e,t){return window.setTimeout(e,t)}clearTimeout(e){return window.clearTimeout(e)}getBoundingClientRect(){return this.$el.getBoundingClientRect()}}function Rl(e,t=!0){if(e&&e.$el)return e.$el.__wxsComponentDescriptor||(e.$el.__wxsComponentDescriptor=new Pl(e)),e.$el.__wxsComponentDescriptor}function Bl(e,t){return Rl(e,t)}function Dl(e,t,n){var{currentTarget:r}=e;if(!(e instanceof Event&&r instanceof HTMLElement))return[e];if(0!==r.tagName.indexOf("UNI-"))return[e];var i=Fl(e);if("click"===e.type)!function(e,t){var{x:n,y:r}=t,i=wl();e.detail={x:n,y:r-i},e.touches=e.changedTouches=[Wl(t)]}(i,e);else if(e instanceof TouchEvent){var a=wl();i.touches=jl(e.touches,a),i.changedTouches=jl(e.changedTouches,a)}return[i]}function $l(e){for(;e&&0!==e.tagName.indexOf("UNI-");)e=e.parentElement;return e}function Fl(e){var{type:t,timeStamp:n,target:r,currentTarget:i}=e,a={type:t,timeStamp:n,target:$n($l(r)),detail:{},currentTarget:$n(i)};return e._stopped&&(a._stopped=!0),e.type.startsWith("touch")&&(a.touches=e.touches,a.changedTouches=e.changedTouches),a}function Wl(e){return{force:1,identifier:0,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY}}function jl(e,t){for(var n=[],r=0;r<e.length;r++){var{identifier:i,pageX:a,pageY:o,clientX:s,clientY:l,force:u}=e[r];n.push({identifier:i,pageX:a,pageY:o-t,clientX:s,clientY:l-t,force:u||0})}return n}var Vl="vdSync",zl=sn(Nr,{publishHandler:function(e,t={}){var n=Ol()+"";plus.webview.postMessageToUniNView({type:"subscribeHandler",args:{type:e,data:t,pageId:n}},"__uniapp__service")}});function Hl(e,t,n,r){if(r&&r.beforeInvoke){var i=r.beforeInvoke(t);if(fn(i))return i}var a=function(e,t){var n=e[0];if(t&&(bn(t.formatArgs)||!bn(n)))for(var r=t.formatArgs,i=Object.keys(r),a=0;a<i.length;a++){var o=i[a],s=r[o];if(pn(s)){var l=s(e[0][o],n);if(fn(l))return l}else cn(n,o)||(n[o]=s)}}(t,r);if(a)return a}function ql(e,t,n,r){return function(e,t,n,r){return(...e)=>{var n=Hl(0,e,0,r);if(n)throw new Error(n);return t.apply(null,e)}}(0,t,0,r)}function Ul(e){if(0===e.indexOf("//"))return"https:"+e;if(er.test(e)||tr.test(e))return e;if(function(e){if(0===e.indexOf("_www")||0===e.indexOf("_doc")||0===e.indexOf("_documents")||0===e.indexOf("_downloads"))return!0;return!1}(e))return"file://"+Yl(e);var t="file://"+Yl("_www");if(0===e.indexOf("/"))return e.startsWith("/storage/")||e.includes("/Containers/Data/Application/")?"file://"+e:t+e;if(0===e.indexOf("../")||0===e.indexOf("./")){if("string"==typeof __id__)return t+Al("/"+__id__,e);var n=window.__PAGE_INFO__;if(n)return t+Al("/"+n.route,e)}return e}var Yl=function(e){var t=Object.create(null);return n=>t[n]||(t[n]=e(n))}((e=>plus.io.convertLocalFileSystemURL(e).replace(/^\/?apps\//,"/android_asset/apps/").replace(/\/$/,"")));var Xl=!1,Gl=0,Jl=0;function Kl(){var{platform:e,pixelRatio:t,windowWidth:n}=function(){if("undefined"!=typeof __SYSTEM_INFO__)return window.__SYSTEM_INFO__;var{resolutionWidth:e}=plus.screen.getCurrentSize();return{platform:(plus.os.name||"").toLowerCase(),pixelRatio:plus.screen.scale,windowWidth:Math.round(e)}}();Gl=n,Jl=t,Xl="ios"===e}function Zl(e,t){var n=Number(e);return isNaN(n)?t:n}var Ql=ql(0,((e,t)=>{if(0===Gl&&Kl(),0===(e=Number(e)))return 0;var n=t||Gl,r=__uniConfig.globalStyle||{},i=Zl(r.rpxCalcMaxDeviceWidth,960),a=Zl(r.rpxCalcBaseDeviceWidth,375),o=e/750*(n=n<=i?n:a);return o<0&&(o=-o),0===(o=Math.floor(o+1e-4))&&(o=1!==Jl&&Xl?.5:1),e<0?-o:o})),eu={};eu.f={}.propertyIsEnumerable;var tu,nu=x,ru=Pe,iu=q,au=eu.f,ou=(tu=!1,function(e){for(var t,n=iu(e),r=ru(n),i=r.length,a=0,o=[];i>a;)t=r[a++],nu&&!au.call(n,t)||o.push(tu?[t,n[t]]:n[t]);return o});he(he.S,"Object",{values:function(e){return ou(e)}});var su=function(){if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var e=function(e){for(var t=window.document,n=i(t);n;)n=i(t=n.ownerDocument);return t}(),t=[],n=null,r=null;o.prototype.THROTTLE_TIMEOUT=100,o.prototype.POLL_INTERVAL=null,o.prototype.USE_MUTATION_OBSERVER=!0,o._setupCrossOriginUpdater=function(){return n||(n=function(e,n){r=e&&n?d(e,n):{top:0,bottom:0,left:0,right:0,width:0,height:0},t.forEach((function(e){e._checkForIntersections()}))}),n},o._resetCrossOriginUpdater=function(){n=null,r=null},o.prototype.observe=function(e){if(!this._observationTargets.some((function(t){return t.element==e}))){if(!e||1!=e.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:e,entry:null}),this._monitorIntersections(e.ownerDocument),this._checkForIntersections()}},o.prototype.unobserve=function(e){this._observationTargets=this._observationTargets.filter((function(t){return t.element!=e})),this._unmonitorIntersections(e.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},o.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},o.prototype.takeRecords=function(){var e=this._queuedEntries.slice();return this._queuedEntries=[],e},o.prototype._initThresholds=function(e){var t=e||[0];return Array.isArray(t)||(t=[t]),t.sort().filter((function(e,t,n){if("number"!=typeof e||isNaN(e)||e<0||e>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return e!==n[t-1]}))},o.prototype._parseRootMargin=function(e){var t=(e||"0px").split(/\s+/).map((function(e){var t=/^(-?\d*\.?\d+)(px|%)$/.exec(e);if(!t)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(t[1]),unit:t[2]}}));return t[1]=t[1]||t[0],t[2]=t[2]||t[0],t[3]=t[3]||t[1],t},o.prototype._monitorIntersections=function(t){var n=t.defaultView;if(n&&-1==this._monitoringDocuments.indexOf(t)){var r=this._checkForIntersections,a=null,o=null;this.POLL_INTERVAL?a=n.setInterval(r,this.POLL_INTERVAL):(s(n,"resize",r,!0),s(t,"scroll",r,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in n&&(o=new n.MutationObserver(r)).observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push((function(){var e=t.defaultView;e&&(a&&e.clearInterval(a),l(e,"resize",r,!0)),l(t,"scroll",r,!0),o&&o.disconnect()}));var u=this.root&&(this.root.ownerDocument||this.root)||e;if(t!=u){var c=i(t);c&&this._monitorIntersections(c.ownerDocument)}}},o.prototype._unmonitorIntersections=function(t){var n=this._monitoringDocuments.indexOf(t);if(-1!=n){var r=this.root&&(this.root.ownerDocument||this.root)||e;if(!this._observationTargets.some((function(e){var n=e.element.ownerDocument;if(n==t)return!0;for(;n&&n!=r;){var a=i(n);if((n=a&&a.ownerDocument)==t)return!0}return!1}))){var a=this._monitoringUnsubscribes[n];if(this._monitoringDocuments.splice(n,1),this._monitoringUnsubscribes.splice(n,1),a(),t!=r){var o=i(t);o&&this._unmonitorIntersections(o.ownerDocument)}}}},o.prototype._unmonitorAllIntersections=function(){var e=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var t=0;t<e.length;t++)e[t]()},o.prototype._checkForIntersections=function(){if(this.root||!n||r){var e=this._rootIsInDom(),t=e?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach((function(r){var i=r.element,o=u(i),s=this._rootContainsTarget(i),l=r.entry,c=e&&s&&this._computeTargetAndRootIntersection(i,o,t),d=null;this._rootContainsTarget(i)?n&&!this.root||(d=t):d={top:0,bottom:0,left:0,right:0,width:0,height:0};var h=r.entry=new a({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:o,rootBounds:d,intersectionRect:c});l?e&&s?this._hasCrossedThreshold(l,h)&&this._queuedEntries.push(h):l&&l.isIntersecting&&this._queuedEntries.push(h):this._queuedEntries.push(h)}),this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},o.prototype._computeTargetAndRootIntersection=function(t,i,a){if("none"!=window.getComputedStyle(t).display){for(var o,s,l,c,h,f,v,g,m=i,y=p(t),_=!1;!_&&y;){var b=null,w=1==y.nodeType?window.getComputedStyle(y):{};if("none"==w.display)return null;if(y==this.root||9==y.nodeType)if(_=!0,y==this.root||y==e)n&&!this.root?!r||0==r.width&&0==r.height?(y=null,b=null,m=null):b=r:b=a;else{var x=p(y),S=x&&u(x),T=x&&this._computeTargetAndRootIntersection(x,S,a);S&&T?(y=x,b=d(S,T)):(y=null,m=null)}else{var E=y.ownerDocument;y!=E.body&&y!=E.documentElement&&"visible"!=w.overflow&&(b=u(y))}if(b&&(o=b,s=m,l=void 0,c=void 0,h=void 0,f=void 0,v=void 0,g=void 0,l=Math.max(o.top,s.top),c=Math.min(o.bottom,s.bottom),h=Math.max(o.left,s.left),f=Math.min(o.right,s.right),g=c-l,m=(v=f-h)>=0&&g>=0&&{top:l,bottom:c,left:h,right:f,width:v,height:g}||null),!m)break;y=y&&p(y)}return m}},o.prototype._getRootRect=function(){var t;if(this.root&&!f(this.root))t=u(this.root);else{var n=f(this.root)?this.root:e,r=n.documentElement,i=n.body;t={top:0,left:0,right:r.clientWidth||i.clientWidth,width:r.clientWidth||i.clientWidth,bottom:r.clientHeight||i.clientHeight,height:r.clientHeight||i.clientHeight}}return this._expandRectByRootMargin(t)},o.prototype._expandRectByRootMargin=function(e){var t=this._rootMarginValues.map((function(t,n){return"px"==t.unit?t.value:t.value*(n%2?e.width:e.height)/100})),n={top:e.top-t[0],right:e.right+t[1],bottom:e.bottom+t[2],left:e.left-t[3]};return n.width=n.right-n.left,n.height=n.bottom-n.top,n},o.prototype._hasCrossedThreshold=function(e,t){var n=e&&e.isIntersecting?e.intersectionRatio||0:-1,r=t.isIntersecting?t.intersectionRatio||0:-1;if(n!==r)for(var i=0;i<this.thresholds.length;i++){var a=this.thresholds[i];if(a==n||a==r||a<n!=a<r)return!0}},o.prototype._rootIsInDom=function(){return!this.root||h(e,this.root)},o.prototype._rootContainsTarget=function(t){var n=this.root&&(this.root.ownerDocument||this.root)||e;return h(n,t)&&(!this.root||n==t.ownerDocument)},o.prototype._registerInstance=function(){t.indexOf(this)<0&&t.push(this)},o.prototype._unregisterInstance=function(){var e=t.indexOf(this);-1!=e&&t.splice(e,1)},window.IntersectionObserver=o,window.IntersectionObserverEntry=a}function i(e){try{return e.defaultView&&e.defaultView.frameElement||null}catch(t){return null}}function a(e){this.time=e.time,this.target=e.target,this.rootBounds=c(e.rootBounds),this.boundingClientRect=c(e.boundingClientRect),this.intersectionRect=c(e.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!e.intersectionRect;var t=this.boundingClientRect,n=t.width*t.height,r=this.intersectionRect,i=r.width*r.height;this.intersectionRatio=n?Number((i/n).toFixed(4)):this.isIntersecting?1:0}function o(e,t){var n=t||{};if("function"!=typeof e)throw new Error("callback must be a function");if(n.root&&1!=n.root.nodeType&&9!=n.root.nodeType)throw new Error("root must be a Document or Element");this._checkForIntersections=function(e,t){var n=null;return function(){n||(n=setTimeout((function(){e(),n=null}),t))}}(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT),this._callback=e,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(n.rootMargin),this.thresholds=this._initThresholds(n.threshold),this.root=n.root||null,this.rootMargin=this._rootMarginValues.map((function(e){return e.value+e.unit})).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function s(e,t,n,r){"function"==typeof e.addEventListener?e.addEventListener(t,n,r||!1):"function"==typeof e.attachEvent&&e.attachEvent("on"+t,n)}function l(e,t,n,r){"function"==typeof e.removeEventListener?e.removeEventListener(t,n,r||!1):"function"==typeof e.detatchEvent&&e.detatchEvent("on"+t,n)}function u(e){var t;try{t=e.getBoundingClientRect()}catch(n){}return t?(t.width&&t.height||(t={top:t.top,right:t.right,bottom:t.bottom,left:t.left,width:t.right-t.left,height:t.bottom-t.top}),t):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function c(e){return!e||"x"in e?e:{top:e.top,y:e.top,bottom:e.bottom,left:e.left,x:e.left,right:e.right,width:e.width,height:e.height}}function d(e,t){var n=t.top-e.top,r=t.left-e.left;return{top:n,left:r,height:t.height,width:t.width,bottom:n+t.height,right:r+t.width}}function h(e,t){for(var n=t;n;){if(n==e)return!0;n=p(n)}return!1}function p(t){var n=t.parentNode;return 9==t.nodeType&&t!=e?i(t):(n&&n.assignedSlot&&(n=n.assignedSlot.parentNode),n&&11==n.nodeType&&n.host?n.host:n)}function f(e){return e&&9===e.nodeType}};function lu(e){var{bottom:t,height:n,left:r,right:i,top:a,width:o}=e||{};return{bottom:t,height:n,left:r,right:i,top:a,width:o}}function uu(e){var{intersectionRatio:t,boundingClientRect:{height:n,width:r},intersectionRect:{height:i,width:a}}=e;return 0!==t?t:i===n?a/r:i/n}var cu=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",upx2px:Ql,navigateTo:function(e){UniViewJSBridge.invokeServiceMethod("navigateTo",e)},navigateBack:function(e){UniViewJSBridge.invokeServiceMethod("navigateBack",e)},reLaunch:function(e){UniViewJSBridge.invokeServiceMethod("reLaunch",e)},redirectTo:function(e){UniViewJSBridge.invokeServiceMethod("redirectTo",e)},switchTab:function(e){UniViewJSBridge.invokeServiceMethod("switchTab",e)}});var du=new Set;function hu(e,t){du.add(function(e,t){return e.priority=t,e}(e,t))}function pu(e,t){var n=window.__wxsModules,r=n&&n[e];return r||(t&&t.__renderjsInstances?t.__renderjsInstances[e]:void 0)}var fu=nr.length;function vu(e,t,n){var[r,i,a,o]=mu(t),s=gu(e,r);if(dn(n)||dn(o)){var[l,u]=a.split(".");return yu(s,i,l,u,n||o)}return function(e,t,n){var r=pu(t,e);if(!r)return console.error(Rn("wxs","module "+n+" not found"));return Zn(r,n.substr(n.indexOf(".")+1))}(s,i,a)}function gu(e,t){if(e.__ownerId===t)return e;for(var n=e.parentElement;n;){if(n.__ownerId===t)return n;n=n.parentElement}return e}function mu(e){return JSON.parse(e.substr(fu))}function yu(e,t,n,r,i){var a=pu(t,e);if(!a)return console.error(Rn("wxs","module "+n+" not found"));var o=a[r];return pn(o)?o.apply(a,i):console.error(n+"."+r+" is not a function")}function _u(e,t,n){var r=n;return n=>{try{!function(e,t,n,r){var[i,a,o]=mu(e),s=gu(t,i),[l,u]=o.split(".");yu(s,a,l,u,[n,r,Bl(wu(s),!1),Bl(wu(t),!1)])}(t,e.$,n,r)}catch(i){console.error(i)}r=n}}function bu(e,t){var n=wu(t);return Object.defineProperty(e,"instance",{get:()=>Bl(n,!1)}),e}function wu(e){return e.__wxsVm||(e.__wxsVm={ownerId:e.__ownerId,$el:e,$emit(){},$forceUpdate(){var t,n,{__wxsStyle:r,__wxsAddClass:i,__wxsRemoveClass:a,__wxsStyleChanged:o,__wxsClassChanged:s}=e;o&&(e.__wxsStyleChanged=!1,r&&(n=()=>{Object.keys(r).forEach((t=>{e.style[t]=r[t]}))})),s&&(e.__wxsClassChanged=!1,t=()=>{a&&a.forEach((t=>{e.classList.remove(t)})),i&&i.forEach((t=>{e.classList.add(t)}))}),requestAnimationFrame((()=>{t&&t(),n&&n()}))}})}function xu(e,t){Object.keys(t).forEach((n=>{!function(e,t){var n=function(e){var t=window.__renderjsModules,n=t&&t[e];if(!n)return console.error(Rn("renderjs",e+" not found"));return n}(t);if(!n)return;var r=e.$;(r.__renderjsInstances||(r.__renderjsInstances={}))[t]=function(e){return(e=e.default||e).render=()=>{},ul(e).mount(document.createElement("div"))}(n)}(e,t[n])}))}class Su{constructor(e,t,n,r){this.isMounted=!1,this.isUnmounted=!1,this.$hasWxsProps=!1,this.id=e,this.tag=t,this.pid=n,r&&(this.$=r),this.$wxsProps=new Map}init(e){cn(e,"t")&&(this.$.textContent=e.t)}setText(e){this.$.textContent=e}insert(e,t){var n=this.$,r=Lp(e);-1===t?r.appendChild(n):r.insertBefore(n,Lp(t).$),this.isMounted=!0}remove(){var{$:e}=this;e.parentNode.removeChild(e),this.isUnmounted=!0,Ap(this.id),function(e){var{__renderjsInstances:t}=e.$;t&&Object.keys(t).forEach((e=>{t[e].$.appContext.app.unmount()}))}(this)}appendChild(e){return this.$.appendChild(e)}insertBefore(e,t){return this.$.insertBefore(e,t)}setWxsProps(e){Object.keys(e).forEach((t=>{if(0===t.indexOf(Jn)){var n=t.replace(Jn,""),r=e[n],i=_u(this,e[t],r);hu((()=>i(r)),4),this.$wxsProps.set(t,i),delete e[t],delete e[n],this.$hasWxsProps=!0}}))}addWxsEvents(e){Object.keys(e).forEach((t=>{var[n,r]=e[t];this.addWxsEvent(t,n,r)}))}addWxsEvent(e,t,n){}wxsPropsInvoke(e,t,n=!1){var r=this.$hasWxsProps&&this.$wxsProps.get(Jn+e);if(r)return hu((()=>n?Ia((()=>r(t))):r(t)),4),!0}}function Tu(e,t){var{__wxsAddClass:n,__wxsRemoveClass:r}=e;r&&r.length&&(t=t.split(/\s+/).filter((e=>-1===r.indexOf(e))).join(" "),r.length=0),n&&n.length&&(t=t+" "+n.join(" ")),e.className=t}function Eu(e,t){var n=e.style;if(fn(t))""===t?e.removeAttribute("style"):n.cssText=Tl(t,!0);else for(var r in t)Cu(n,r,t[r]);var{__wxsStyle:i}=e;if(i)for(var a in i)Cu(n,a,i[a])}var ku=/\s*!important$/;function Cu(e,t,n){if(dn(n))n.forEach((n=>Cu(e,t,n)));else if(n=Tl(n,!0),t.startsWith("--"))e.setProperty(t,n);else{var r=function(e,t){var n=Ou[t];if(n)return n;var r=En(t);if("filter"!==r&&r in e)return Ou[t]=r;r=Mn(r);for(var i=0;i<Mu.length;i++){var a=Mu[i]+r;if(a in e)return Ou[t]=a}return t}(e,t);ku.test(n)?e.setProperty(Cn(r),n.replace(ku,""),"important"):e[r]=n}}var Mu=["Webkit"],Ou={};function Iu(e,t){var n=e.__listeners[t];n&&e.removeEventListener(t,n)}function Nu(e,t){if(e.__listeners[t])return!0}function Lu(e,t,n){var[r,i]=jn(t);-1===n?Iu(e,r):Nu(e,r)||e.addEventListener(r,e.__listeners[r]=Au(e.__id,n,i),i)}function Au(e,t,n){var r=t=>{var[r]=Dl(t);r.type=function(e,t){return t&&(t.capture&&(e+="Capture"),t.once&&(e+="Once"),t.passive&&(e+="Passive")),"on".concat(Mn(En(e)))}(t.type,n),UniViewJSBridge.publishHandler(Vl,[[20,e,r]])};return t?il(r,Pu(t)):r}function Pu(e){var t=[];return e&zn&&t.push("prevent"),e&Hn&&t.push("self"),e&Vn&&t.push("stop"),t}function Ru(e,t,n){var r=n=>{!function(e,t,n){var[r,i,a]=mu(t),[o,s]=a.split("."),l=gu(e,r);yu(l,i,o,s,[bu(n,e),Bl(wu(l),!1)])}(e,t,Dl(n)[0])};return n?il(r,Pu(n)):r}var Bu=rr.length;function Du(e,t){return fn(t)?(0===t.indexOf(rr)?t=JSON.parse(t.substr(Bu)):0===t.indexOf(nr)&&(t=vu(e,t)),t):t}function $u(e,t){e._vod="none"===e.style.display?"":e.style.display,e.style.display=t?e._vod:"none"}class Fu extends Su{constructor(e,t,n,r,i,a=[]){super(e,t.tagName,n,t),this.$props=Ki({}),this.$.__id=e,this.$.__listeners=Object.create(null),this.$propNames=a,this._update=this.update.bind(this),this.init(i),this.insert(n,r)}init(e){cn(e,"a")&&this.setAttrs(e.a),cn(e,"s")&&this.setAttr("style",e.s),cn(e,"e")&&this.addEvents(e.e),cn(e,"w")&&this.addWxsEvents(e.w),super.init(e),Ka(this.$props,(()=>{hu(this._update,1)}),{flush:"sync"}),this.update(!0)}setAttrs(e){this.setWxsProps(e),Object.keys(e).forEach((t=>{this.setAttr(t,e[t])}))}addEvents(e){Object.keys(e).forEach((t=>{this.addEvent(t,e[t])}))}addWxsEvent(e,t,n){!function(e,t,n,r){var[i,a]=jn(t);-1===r?Iu(e,i):Nu(e,i)||e.addEventListener(i,e.__listeners[i]=Ru(e,n,r),a)}(this.$,e,t,n)}addEvent(e,t){Lu(this.$,e,t)}removeEvent(e){Lu(this.$,e,-1)}setAttr(e,t){e===qn?Tu(this.$,t):e===Un?Eu(this.$,t):e===Yn?$u(this.$,t):e===Xn?this.$.__ownerId=t:e===Gn?hu((()=>xu(this,t)),3):"innerHTML"===e?this.$.innerHTML=t:"textContent"===e?this.setText(t):this.setAttribute(e,t)}removeAttr(e){e===qn?Tu(this.$,""):e===Un?Eu(this.$,""):this.removeAttribute(e)}setAttribute(e,t){t=Du(this.$,t),-1!==this.$propNames.indexOf(e)?this.$props[e]=t:this.wxsPropsInvoke(e,t)||this.$.setAttribute(e,t)}removeAttribute(e){-1!==this.$propNames.indexOf(e)?delete this.$props[e]:this.$.removeAttribute(e)}update(e=!1){}}function Wu(e){return/^-?\d+[ur]px$/i.test(e)?e.replace(/(^-?\d+)[ur]px$/i,((e,t)=>"".concat(uni.upx2px(parseFloat(t)),"px"))):/^-?[\d\.]+$/.test(e)?"".concat(e,"px"):e||""}function ju(e){var t=e.animation;if(t&&t.actions&&t.actions.length){var n=0,r=t.actions,i=t.actions.length;setTimeout((()=>{a()}),0)}function a(){var t=r[n],o=t.option.transition,s=function(e){var t=["matrix","matrix3d","scale","scale3d","rotate3d","skew","translate","translate3d"],n=["scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skewX","skewY","translateX","translateY","translateZ"],r=["opacity","background-color"],i=["width","height","left","right","top","bottom"],a=e.animates,o=e.option,s=o.transition,l={},u=[];return a.forEach((e=>{var a=e.type,o=[...e.args];if(t.concat(n).includes(a))a.startsWith("rotate")||a.startsWith("skew")?o=o.map((e=>parseFloat(e)+"deg")):a.startsWith("translate")&&(o=o.map(Wu)),n.indexOf(a)>=0&&(o.length=1),u.push("".concat(a,"(").concat(o.join(","),")"));else if(r.concat(i).includes(o[0])){a=o[0];var s=o[1];l[a]=i.includes(a)?Wu(s):s}})),l.transform=l.webkitTransform=u.join(" "),l.transition=l.webkitTransition=Object.keys(l).map((e=>"".concat(function(e){return e.replace(/[A-Z]/g,(e=>"-".concat(e.toLowerCase()))).replace("webkit","-webkit")}(e)," ").concat(s.duration,"ms ").concat(s.timingFunction," ").concat(s.delay,"ms"))).join(","),l.transformOrigin=l.webkitTransformOrigin=o.transformOrigin,l}(t);Object.keys(s).forEach((t=>{e.$el.style[t]=s[t]})),(n+=1)<i&&setTimeout(a,o.duration+o.delay)}}var Vu={props:["animation"],watch:{animation:{deep:!0,handler(){ju(this)}}},mounted(){ju(this)}},zu=e=>{var{props:t,mixins:n}=e;return t&&t.animation||(n||(e.mixins=[])).push(Vu),Hu(e)},Hu=e=>(e.compatConfig={MODE:3},function(e){return pn(e)?{setup:e,name:e.name}:e}(e)),qu={hoverClass:{type:String,default:"none"},hoverStopPropagation:{type:Boolean,default:!1},hoverStartTime:{type:[Number,String],default:50},hoverStayTime:{type:[Number,String],default:400}};function Uu(e){var t,n,r=sa(!1),i=!1;function a(){requestAnimationFrame((()=>{clearTimeout(n),n=setTimeout((()=>{r.value=!1}),parseInt(e.hoverStayTime))}))}return{hovering:r,binding:{onTouchstartPassive:function(n){n._hoverPropagationStopped||e.hoverClass&&"none"!==e.hoverClass&&!e.disabled&&(n.touches.length>1||(e.hoverStopPropagation&&(n._hoverPropagationStopped=!0),i=!0,t=setTimeout((()=>{r.value=!0,i||a()}),parseInt(e.hoverStartTime))))},onTouchend:function(){i=!1,r.value&&a()},onTouchcancel:function(){i=!1,r.value=!1,clearTimeout(t)}}}}function Yu(e,t){return fn(t)&&(t=[t]),t.reduce(((t,n)=>(e[n]&&(t[n]=!0),t)),Object.create(null))}function Xu(e){return e.__wwe=!0,e}function Gu(e,t){return(n,r,i)=>{e.value&&t(n,function(e,t,n,r){var i=$n(n);return{type:r.type||e,timeStamp:t.timeStamp||0,target:i,currentTarget:i,detail:r}}(n,r,e.value,i||{}))}}var Ju=xl("uf"),Ku=zu({name:"Form",emits:["submit","reset"],setup(e,{slots:t,emit:n}){var r,i,a=sa(null);return r=Gu(a,n),i=[],Xa(Ju,{addField(e){i.push(e)},removeField(e){i.splice(i.indexOf(e),1)},submit(e){r("submit",e,{value:i.reduce(((e,t)=>{if(t.submit){var[n,r]=t.submit();n&&(e[n]=r)}return e}),Object.create(null))})},reset(e){i.forEach((e=>e.reset&&e.reset())),r("reset",e)}}),()=>ps("uni-form",{ref:a},{default:()=>[ps("span",null,[t.default&&t.default()])]},512)}});var Zu=xl("ul"),Qu=zu({name:"Label",props:{for:{type:String,default:""}},setup(e,{slots:t}){var n=Ml(),r=function(){var e=[];return Xa(Zu,{addHandler(t){e.push(t)},removeHandler(t){e.splice(e.indexOf(t),1)}}),e}(),i=Rs((()=>e.for||t.default&&t.default.length)),a=Xu((t=>{var i=t.target,a=/^uni-(checkbox|radio|switch)-/.test(i.className);a||(a=/^uni-(checkbox|radio|switch|button)$|^(svg|path)$/i.test(i.tagName)),a||(e.for?UniViewJSBridge.emit("uni-label-click-"+n+"-"+e.for,t,!0):r.length&&r[0](t,!0))}));return()=>ps("uni-label",{class:{"uni-label-pointer":i},onClick:a},{default:()=>[t.default&&t.default()]},8,["class","onClick"])}});function ec(e,t){tc(e.id,t),Ka((()=>e.id),((e,n)=>{nc(n,t,!0),tc(e,t,!0)})),go((()=>{nc(e.id,t)}))}function tc(e,t,n){var r=Ml();n&&!e||bn(t)&&Object.keys(t).forEach((i=>{n?0!==i.indexOf("@")&&0!==i.indexOf("uni-")&&UniViewJSBridge.on("uni-".concat(i,"-").concat(r,"-").concat(e),t[i]):0===i.indexOf("uni-")?UniViewJSBridge.on(i,t[i]):e&&UniViewJSBridge.on("uni-".concat(i,"-").concat(r,"-").concat(e),t[i])}))}function nc(e,t,n){var r=Ml();n&&!e||bn(t)&&Object.keys(t).forEach((i=>{n?0!==i.indexOf("@")&&0!==i.indexOf("uni-")&&UniViewJSBridge.off("uni-".concat(i,"-").concat(r,"-").concat(e),t[i]):0===i.indexOf("uni-")?UniViewJSBridge.off(i,t[i]):e&&UniViewJSBridge.off("uni-".concat(i,"-").concat(r,"-").concat(e),t[i])}))}var rc=zu({name:"Button",props:{id:{type:String,default:""},hoverClass:{type:String,default:"button-hover"},hoverStartTime:{type:[Number,String],default:20},hoverStayTime:{type:[Number,String],default:70},hoverStopPropagation:{type:Boolean,default:!1},disabled:{type:[Boolean,String],default:!1},formType:{type:String,default:""},openType:{type:String,default:""},loading:{type:[Boolean,String],default:!1}},setup(e,{slots:t}){var n=sa(null);_r();var r=Ga(Ju,!1),{hovering:i,binding:a}=Uu(e),{t:o}=gr(),s=Xu(((t,i)=>{if(e.disabled)return t.stopImmediatePropagation();i&&n.value.click();var a=e.formType;if(a){if(!r)return;"submit"===a?r.submit(t):"reset"===a&&r.reset(t)}else{var s,l,u;"feedback"===e.openType&&(s=o("uni.button.feedback.title"),l=o("uni.button.feedback.send"),(u=plus.webview.create("https://service.dcloud.net.cn/uniapp/feedback.html","feedback",{titleNView:{titleText:s,autoBackButton:!0,backgroundColor:"#F7F7F7",titleColor:"#007aff",buttons:[{text:l,color:"#007aff",fontSize:"16px",fontWeight:"bold",onclick:function(){u.evalJS('typeof mui !== "undefined" && mui.trigger(document.getElementById("submit"),"tap")')}}]}})).show("slide-in-right"))}})),l=Ga(Zu,!1);return l&&(l.addHandler(s),vo((()=>{l.removeHandler(s)}))),ec(e,{"label-click":s}),()=>{var r=e.hoverClass,o=Yu(e,"disabled"),l=Yu(e,"loading"),u=r&&"none"!==r;return ps("uni-button",_s({ref:n,onClick:s,class:u&&i.value?r:""},u&&a,o,l),{default:()=>[t.default&&t.default()]},16,["onClick","class"])}}});var ic=zu({name:"ResizeSensor",props:{initial:{type:Boolean,default:!1}},emits:["resize"],setup(e,{emit:t}){var n=sa(null),r=function(e){return()=>{var{firstElementChild:t,lastElementChild:n}=e.value;t.scrollLeft=1e5,t.scrollTop=1e5,n.scrollLeft=1e5,n.scrollTop=1e5}}(n),i=function(e,t,n){var r=Ki({width:-1,height:-1});return Ka((()=>sn({},r)),(e=>t("resize",e))),()=>{var t=e.value;r.width=t.offsetWidth,r.height=t.offsetHeight,n()}}(n,t,r);return function(e,t,n,r){io(r),ho((()=>{t.initial&&Ia(n);var i=e.value;i.offsetParent!==i.parentElement&&(i.parentElement.style.position="relative"),"AnimationEvent"in window||r()}))}(n,e,i,r),()=>ps("uni-resize-sensor",{ref:n,onAnimationstartOnce:i},{default:()=>[ps("div",{onScroll:i},[ps("div",null,null)],40,["onScroll"]),ps("div",{onScroll:i},[ps("div",null,null)],40,["onScroll"])],_:1},8,["onAnimationstartOnce"])}});var ac=function(){var e=document.createElement("canvas");e.height=e.width=0;var t=e.getContext("2d"),n=t.backingStorePixelRatio||t.webkitBackingStorePixelRatio||t.mozBackingStorePixelRatio||t.msBackingStorePixelRatio||t.oBackingStorePixelRatio||t.backingStorePixelRatio||1;return(window.devicePixelRatio||1)/n}();function oc(e){e.width=e.offsetWidth*ac,e.height=e.offsetHeight*ac,e.getContext("2d").__hidpi__=!0}var sc=!1;var lc,uc=Kn((()=>function(){if(!sc){sc=!0;var e,t=CanvasRenderingContext2D.prototype;t.drawImageByCanvas=(e=t.drawImage,function(t,n,r,i,a,o,s,l,u,c){if(!this.__hidpi__)return e.apply(this,arguments);n*=ac,r*=ac,i*=ac,a*=ac,o*=ac,s*=ac,l=c?l*ac:l,u=c?u*ac:u,e.call(this,t,n,r,i,a,o,s,l,u)}),1!==ac&&(function(e,t){for(var n in e)cn(e,n)&&t(e[n],n)}({fillRect:"all",clearRect:"all",strokeRect:"all",moveTo:"all",lineTo:"all",arc:[0,1,2],arcTo:"all",bezierCurveTo:"all",isPointinPath:"all",isPointinStroke:"all",quadraticCurveTo:"all",rect:"all",translate:"all",createRadialGradient:"all",createLinearGradient:"all",setTransform:[4,5]},(function(e,n){t[n]=function(t){return function(){if(!this.__hidpi__)return t.apply(this,arguments);var n=Array.prototype.slice.call(arguments);if("all"===e)n=n.map((function(e){return e*ac}));else if(Array.isArray(e))for(var r=0;r<e.length;r++)n[e[r]]*=ac;return t.apply(this,n)}}(t[n])})),t.stroke=function(e){return function(){if(!this.__hidpi__)return e.apply(this,arguments);this.lineWidth*=ac,e.apply(this,arguments),this.lineWidth/=ac}}(t.stroke),t.fillText=function(e){return function(){if(!this.__hidpi__)return e.apply(this,arguments);var t=Array.prototype.slice.call(arguments);t[1]*=ac,t[2]*=ac;var n=this.font;this.font=n.replace(/(\d+\.?\d*)(px|em|rem|pt)/g,(function(e,t,n){return t*ac+n})),e.apply(this,t),this.font=n}}(t.fillText),t.strokeText=function(e){return function(){if(!this.__hidpi__)return e.apply(this,arguments);var t=Array.prototype.slice.call(arguments);t[1]*=ac,t[2]*=ac;var n=this.font;this.font=n.replace(/(\d+\.?\d*)(px|em|rem|pt)/g,(function(e,t,n){return t*ac+n})),e.apply(this,t),this.font=n}}(t.strokeText),t.drawImage=function(e){return function(){if(!this.__hidpi__)return e.apply(this,arguments);this.scale(ac,ac),e.apply(this,arguments),this.scale(1/ac,1/ac)}}(t.drawImage))}}()));function cc(e){return e?Ul(e):e}function dc(e){return(e=e.slice(0))[3]=e[3]/255,"rgba("+e.join(",")+")"}function hc(e,t){var n=e;return Array.from(t).map((e=>{var t=n.getBoundingClientRect();return{identifier:e.identifier,x:e.clientX-t.left,y:e.clientY-t.top}}))}function pc(e=0,t=0){return lc||(lc=document.createElement("canvas")),lc.width=e,lc.height=t,lc}var fc=zu({inheritAttrs:!1,name:"Canvas",compatConfig:{MODE:3},props:{canvasId:{type:String,default:""},disableScroll:{type:[Boolean,String],default:!1}},computed:{id(){return this.canvasId}},setup(e,{emit:t,slots:n}){uc();var r=sa(null),i=sa(null),a=sa(!1),o=function(e){return(t,n)=>{e(t,Fl(n))}}(t),{$attrs:s,$excludeAttrs:l,$listeners:u}=Md({excludeListeners:!0}),{_listeners:c}=function(e,t,n){return{_listeners:Rs((()=>{var r=["onTouchstart","onTouchmove","onTouchend"],i=t.value,a=sn({},(()=>{var e={};for(var t in i)if(Object.prototype.hasOwnProperty.call(i,t)){var n=i[t];e[t]=n}return e})());return r.forEach((t=>{var r=[];a[t]&&r.push(Xu((e=>{n(t.replace("on","").toLocaleLowerCase(),sn({},(()=>{var t={};for(var n in e)t[n]=e[n];return t})(),{touches:hc(e.currentTarget,e.touches),changedTouches:hc(e.currentTarget,e.changedTouches)}))}))),e.disableScroll&&"onTouchmove"===t&&r.push(bl),a[t]=r})),a}))}}(e,u,o),{_handleSubscribe:d,_resize:h}=function(e,t){var n=[],r={};function i(){var t=e.value;if(t.width>0&&t.height>0){var n=t.getContext("2d"),r=n.getImageData(0,0,t.width,t.height);oc(t),n.putImageData(r,0,0)}else oc(t)}function a({actions:i,reserve:a},l){if(i)if(t.value)n.push([i,a]);else{var u=e.value,c=u.getContext("2d");a||(c.fillStyle="#000000",c.strokeStyle="#000000",c.shadowColor="#000000",c.shadowBlur=0,c.shadowOffsetX=0,c.shadowOffsetY=0,c.setTransform(1,0,0,1,0,0),c.clearRect(0,0,u.width,u.height)),o(i);for(var d=function(e){var t=i[e],n=t.method,a=t.data;if(/^set/.test(n)&&"setTransform"!==n){var o,u=n[3].toLowerCase()+n.slice(4);if("fillStyle"===u||"strokeStyle"===u){if("normal"===a[0])o=dc(a[1]);else if("linear"===a[0]){var d=c.createLinearGradient(...a[1]);a[2].forEach((function(e){var t=e[0],n=dc(e[1]);d.addColorStop(t,n)})),o=d}else if("radial"===a[0]){var h=a[1][0],f=a[1][1],v=a[1][2],g=c.createRadialGradient(h,f,0,h,f,v);a[2].forEach((function(e){var t=e[0],n=dc(e[1]);g.addColorStop(t,n)})),o=g}else if("pattern"===a[0]){return s(a[1],i.slice(e+1),l,(function(e){e&&(c[u]=c.createPattern(e,a[2]))}))?"continue":"break"}c[u]=o}else if("globalAlpha"===u)c[u]=Number(a[0])/255;else if("shadow"===u)p=["shadowOffsetX","shadowOffsetY","shadowBlur","shadowColor"],a.forEach((function(e,t){c[p[t]]="shadowColor"===p[t]?dc(e):e}));else if("fontSize"===u){var m=c.__font__||c.font;c.__font__=c.font=m.replace(/\d+\.?\d*px/,a[0]+"px")}else"lineDash"===u?(c.setLineDash(a[0]),c.lineDashOffset=a[1]||0):"textBaseline"===u?("normal"===a[0]&&(a[0]="alphabetic"),c[u]=a[0]):"font"===u?c.__font__=c.font=a[0]:c[u]=a[0]}else if("fillPath"===n||"strokePath"===n)n=n.replace(/Path/,""),c.beginPath(),a.forEach((function(e){c[e.method].apply(c,e.data)})),c[n]();else if("fillText"===n)c.fillText.apply(c,a);else if("drawImage"===n){if("break"===function(){var t=[...a],n=t[0],o=t.slice(1);if(r=r||{},s(n,i.slice(e+1),l,(function(e){e&&c.drawImage.apply(c,[e].concat([...o.slice(4,8)],[...o.slice(0,4)]))})))return"break"}())return"break"}else"clip"===n?(a.forEach((function(e){c[e.method].apply(c,e.data)})),c.clip()):c[n].apply(c,a)},h=0;h<i.length;h++){var p,f=d(h);if("break"===f)break}t.value||l({errMsg:"drawCanvas:ok"})}}function o(e){e.forEach((function(e){var t=e.method,n=e.data,i="";function a(){var e,t=r[i]=new Image;if(t.onload=function(){t.ready=!0},"Google Inc."===navigator.vendor)return 0===i.indexOf("file://")&&(t.crossOrigin="anonymous"),void(t.src=i);(e=i,Promise.resolve(e)).then((e=>{t.src=e})).catch((()=>{t.src=i}))}"drawImage"===t?(i=cc(i=n[0]),n[0]=i):"setFillStyle"===t&&"pattern"===n[0]&&(i=cc(i=n[1]),n[1]=i),i&&!r[i]&&a()}))}function s(e,i,o,s){var l=r[e];return l.ready?(s(l),!0):(n.unshift([i,!0]),t.value=!0,l.onload=function(){l.ready=!0,s(l),t.value=!1;var e=n.slice(0);n=[];for(var r=e.shift();r;)a({actions:r[0],reserve:r[1]},o),r=e.shift()},!1)}function l({x:t=0,y:n=0,width:r,height:i,destWidth:a,destHeight:o,hidpi:s=!0,dataType:l,quality:u=1,type:c="png"},d){var h,p=e.value,f=p.offsetWidth-t;r=r?Math.min(r,f):f;var v=p.offsetHeight-n;i=i?Math.min(i,v):v,s?(a=r,o=i):a||o?a?o||(o=Math.round(i/r*a)):a=Math.round(r/i*o):(a=Math.round(r*ac),o=Math.round(i*ac));var g,m=pc(a,o),y=m.getContext("2d");"jpeg"!==c&&"jpg"!==c||(c="jpeg",y.fillStyle="#fff",y.fillRect(0,0,a,o)),y.__hidpi__=!0,y.drawImageByCanvas(p,t,n,r,i,0,0,a,o,!1);try{var _;if("base64"===l)h=m.toDataURL("image/".concat(c),u);else{var b=y.getImageData(0,0,a,o);h=require("pako").deflateRaw(b.data,{to:"string"}),_=!0}g={data:h,compressed:_,width:a,height:o}}catch(w){g={errMsg:"canvasGetImageData:fail ".concat(w)}}if(m.height=m.width=0,y.__hidpi__=!1,!d)return g;d(g)}function u({data:t,x:n,y:r,width:i,height:a,compressed:o},s){try{a||(a=Math.round(t.length/4/i));var l=pc(i,a),u=l.getContext("2d");if(o)t=require("pako").inflateRaw(t);u.putImageData(new ImageData(new Uint8ClampedArray(t),i,a),0,0),e.value.getContext("2d").drawImage(l,n,r,i,a),l.height=l.width=0}catch(c){return void s({errMsg:"canvasPutImageData:fail"})}s({errMsg:"canvasPutImageData:ok"})}function c({x:e=0,y:t=0,width:n,height:r,destWidth:i,destHeight:a,fileType:o,quality:s,dirname:u},c){var d=l({x:e,y:t,width:n,height:r,destWidth:i,destHeight:a,hidpi:!1,dataType:"base64",type:o,quality:s});d.data&&d.data.length?d.data:c({errMsg:d.errMsg.replace("canvasPutImageData","toTempFilePath")})}var d={actionsChanged:a,getImageData:l,putImageData:u,toTempFilePath:c};function h(e,t,n){var r=d[e];0!==e.indexOf("_")&&"function"==typeof r&&r(t,n)}return sn(d,{_resize:i,_handleSubscribe:h})}(r,a);return $h(d,Wh(e.canvasId),!0),ho((()=>{h()})),()=>{var{canvasId:t,disableScroll:a}=e;return ps("uni-canvas",_s({"canvas-id":t,"disable-scroll":a},s.value,l.value,c.value),{default:()=>[ps("canvas",{ref:r,class:"uni-canvas-canvas",width:"300",height:"150"},null,512),ps("div",{style:"position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;"},[n.default&&n.default()]),ps(ic,{ref:i,onResize:h},null,8,["onResize"])],_:1},16,["canvas-id","disable-scroll"])}}});var vc=xl("ucg"),gc=zu({name:"CheckboxGroup",props:{name:{type:String,default:""}},emits:["change"],setup(e,{emit:t,slots:n}){var r=sa(null);return function(e,t){var n=[],r=()=>n.reduce(((e,t)=>(t.value.checkboxChecked&&e.push(t.value.value),e)),new Array);Xa(vc,{addField(e){n.push(e)},removeField(e){n.splice(n.indexOf(e),1)},checkboxChange(e){t("change",e,{value:r()})}});var i=Ga(Ju,!1);i&&i.addField({submit:()=>{var t=["",null];return""!==e.name&&(t[0]=e.name,t[1]=r()),t}})}(e,Gu(r,t)),()=>ps("uni-checkbox-group",{ref:r},{default:()=>[n.default&&n.default()]},512)}});var mc,yc,_c,bc,wc,xc,Sc=zu({name:"Checkbox",props:{checked:{type:[Boolean,String],default:!1},id:{type:String,default:""},disabled:{type:[Boolean,String],default:!1},color:{type:String,default:"#007aff"},value:{type:String,default:""}},setup(e,{slots:t}){var n=sa(e.checked),r=sa(e.value);Ka([()=>e.checked,()=>e.value],(([e,t])=>{n.value=e,r.value=t}));var{uniCheckGroup:i,uniLabel:a}=function(e,t,n){var r=Rs((()=>({checkboxChecked:Boolean(e.value),value:t.value}))),i={reset:n},a=Ga(vc,!1);a&&a.addField(r);var o=Ga(Ju,!1);o&&o.addField(i);var s=Ga(Zu,!1);return vo((()=>{a&&a.removeField(r),o&&o.removeField(i)})),{uniCheckGroup:a,uniForm:o,uniLabel:s}}(n,r,(()=>{n.value=!1})),o=t=>{e.disabled||(n.value=!n.value,i&&i.checkboxChange(t))};return a&&(a.addHandler(o),vo((()=>{a.removeHandler(o)}))),ec(e,{"label-click":o}),()=>{var{booleanAttrs:r}=Yu(e,"disabled");return ps("uni-checkbox",_s(r,{onClick:o}),{default:()=>[ps("div",{class:"uni-checkbox-wrapper"},[ps("div",{class:["uni-checkbox-input",{"uni-checkbox-input-disabled":e.disabled}]},[n.value?Cl(kl,e.color,22):""],2),t.default&&t.default()])]},16,["onClick"])}}});function Tc(){}function Ec(e,t,n){Fn((()=>{var r="adjustResize",i="adjustPan",a=plus.webview.currentWebview(),o=xc||a.getStyle()||{},s={mode:n||o.softinputMode===r?r:e.adjustPosition?i:"nothing",position:{top:0,height:0}};if(s.mode===i){var l=t.getBoundingClientRect();s.position.top=l.top,s.position.height=l.height+(Number(e.cursorSpacing)||0)}a.setSoftinputTemporary(s)}))}Fn((()=>{yc="Android"===plus.os.name,_c=plus.os.version||""})),document.addEventListener("keyboardchange",(function(e){bc=e.height,wc&&wc()}),!1);var kc={cursorSpacing:{type:[Number,String],default:0},showConfirmBar:{type:[Boolean,String],default:"auto"},adjustPosition:{type:[Boolean,String],default:!0},autoBlur:{type:[Boolean,String],default:!1}},Cc=["keyboardheightchange"];function Mc(e,t,n){var r={};function i(t){var i,a=()=>{n("keyboardheightchange",{},{height:bc,duration:.25}),i&&0===bc&&Ec(e,t),e.autoBlur&&i&&0===bc&&(yc||parseInt(_c)>=13)&&document.activeElement.blur()};t.addEventListener("focus",(()=>{i=!0,clearTimeout(mc),document.addEventListener("click",Tc,!1),wc=a,bc&&n("keyboardheightchange",{},{height:bc,duration:0}),function(e,t){"auto"!==e.showConfirmBar?Fn((()=>{var n=plus.webview.currentWebview(),{softinputNavBar:r}=n.getStyle()||{};"none"!==r!==e.showConfirmBar?(t.softinputNavBar=r||"auto",n.setStyle({softinputNavBar:e.showConfirmBar?"auto":"none"})):delete t.softinputNavBar})):delete t.softinputNavBar}(e,r),Ec(e,t)})),yc&&t.addEventListener("click",(()=>{e.disabled||e.readOnly||!i||0!==bc||Ec(e,t)})),yc||(parseInt(_c)<12&&t.addEventListener("touchstart",(()=>{e.disabled||e.readOnly||i||Ec(e,t)})),parseFloat(_c)>=14.6&&!xc&&Fn((()=>{var e=plus.webview.currentWebview();xc=e.getStyle()||{}})));var o=()=>{document.removeEventListener("click",Tc,!1),wc=null,bc&&n("keyboardheightchange",{},{height:0,duration:0}),function(e){var t=e.softinputNavBar;t&&Fn((()=>{plus.webview.currentWebview().setStyle({softinputNavBar:t})}))}(r),yc&&(mc=setTimeout((()=>{Ec(e,t,!0)}),300)),0===String(navigator.vendor).indexOf("Apple")&&document.documentElement.scrollTo(document.documentElement.scrollLeft,document.documentElement.scrollTop)};t.addEventListener("blur",(()=>{t.blur(),i=!1,o()}))}Ka((()=>t.value),(e=>i(e)))}var Oc=/^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,Ic=/^<\/([-A-Za-z0-9_]+)[^>]*>/,Nc=/([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g,Lc=Fc("area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr"),Ac=Fc("a,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video"),Pc=Fc("abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var"),Rc=Fc("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr"),Bc=Fc("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected"),Dc=Fc("script,style");function $c(e,t){var n,r,i,a=[],o=e;for(a.last=function(){return this[this.length-1]};e;){if(r=!0,a.last()&&Dc[a.last()])e=e.replace(new RegExp("([\\s\\S]*?)</"+a.last()+"[^>]*>"),(function(e,n){return n=n.replace(/<!--([\s\S]*?)-->|<!\[CDATA\[([\s\S]*?)]]>/g,"$1$2"),t.chars&&t.chars(n),""})),u("",a.last());else if(0==e.indexOf("\x3c!--")?(n=e.indexOf("--\x3e"))>=0&&(t.comment&&t.comment(e.substring(4,n)),e=e.substring(n+3),r=!1):0==e.indexOf("</")?(i=e.match(Ic))&&(e=e.substring(i[0].length),i[0].replace(Ic,u),r=!1):0==e.indexOf("<")&&(i=e.match(Oc))&&(e=e.substring(i[0].length),i[0].replace(Oc,l),r=!1),r){var s=(n=e.indexOf("<"))<0?e:e.substring(0,n);e=n<0?"":e.substring(n),t.chars&&t.chars(s)}if(e==o)throw"Parse Error: "+e;o=e}function l(e,n,r,i){if(n=n.toLowerCase(),Ac[n])for(;a.last()&&Pc[a.last()];)u("",a.last());if(Rc[n]&&a.last()==n&&u("",n),(i=Lc[n]||!!i)||a.push(n),t.start){var o=[];r.replace(Nc,(function(e,t){var n=arguments[2]?arguments[2]:arguments[3]?arguments[3]:arguments[4]?arguments[4]:Bc[t]?t:"";o.push({name:t,value:n,escaped:n.replace(/(^|[^\\])"/g,'$1\\"')})})),t.start&&t.start(n,o,i)}}function u(e,n){if(n)for(r=a.length-1;r>=0&&a[r]!=n;r--);else var r=0;if(r>=0){for(var i=a.length-1;i>=r;i--)t.end&&t.end(a[i]);a.length=r}}u()}function Fc(e){for(var t={},n=e.split(","),r=0;r<n.length;r++)t[n[r]]=!0;return t}var Wc={};function jc(e,t,n){if("string"==typeof e?window[e]:e)n();else{var r=Wc[t];if(!r){r=Wc[t]=[];var i=document.createElement("script");i.src=t,document.body.appendChild(i),i.onload=function(){r.forEach((e=>e())),delete Wc[t]}}r.push(n)}}function Vc(e){var t=e.import("blots/block/embed");class n extends t{}return n.blotName="divider",n.tagName="HR",{"formats/divider":n}}function zc(e){var t=e.import("blots/inline");class n extends t{}return n.blotName="ins",n.tagName="INS",{"formats/ins":n}}function Hc(e){var{Scope:t,Attributor:n}=e.import("parchment"),r={scope:t.BLOCK,whitelist:["left","right","center","justify"]};return{"formats/align":new n.Style("align","text-align",r)}}function qc(e){var{Scope:t,Attributor:n}=e.import("parchment"),r={scope:t.BLOCK,whitelist:["rtl"]};return{"formats/direction":new n.Style("direction","direction",r)}}function Uc(e){var t=e.import("parchment"),n=e.import("blots/container"),r=e.import("formats/list/item");class i extends n{static create(e){var t="ordered"===e?"OL":"UL",n=super.create(t);return"checked"!==e&&"unchecked"!==e||n.setAttribute("data-checked","checked"===e),n}static formats(e){return"OL"===e.tagName?"ordered":"UL"===e.tagName?e.hasAttribute("data-checked")?"true"===e.getAttribute("data-checked")?"checked":"unchecked":"bullet":void 0}constructor(e){super(e);e.addEventListener("click",(n=>{if(n.target.parentNode===e){var r=this.statics.formats(e),i=t.find(n.target);"checked"===r?i.format("list","unchecked"):"unchecked"===r&&i.format("list","checked")}}))}format(e,t){this.children.length>0&&this.children.tail.format(e,t)}formats(){return{[this.statics.blotName]:this.statics.formats(this.domNode)}}insertBefore(e,t){if(e instanceof r)super.insertBefore(e,t);else{var n=null==t?this.length():t.offset(this),i=this.split(n);i.parent.insertBefore(e,i)}}optimize(e){super.optimize(e);var t=this.next;null!=t&&t.prev===this&&t.statics.blotName===this.statics.blotName&&t.domNode.tagName===this.domNode.tagName&&t.domNode.getAttribute("data-checked")===this.domNode.getAttribute("data-checked")&&(t.moveChildren(this),t.remove())}replace(e){if(e.statics.blotName!==this.statics.blotName){var n=t.create(this.statics.defaultChild);e.moveChildren(n),this.appendChild(n)}super.replace(e)}}return i.blotName="list",i.scope=t.Scope.BLOCK_BLOT,i.tagName=["OL","UL"],i.defaultChild="list-item",i.allowedChildren=[r],{"formats/list":i}}function Yc(e){var{Scope:t}=e.import("parchment");return{"formats/backgroundColor":new(e.import("formats/background").constructor)("backgroundColor","background-color",{scope:t.INLINE})}}function Xc(e){var{Scope:t,Attributor:n}=e.import("parchment"),r={scope:t.BLOCK},i={};return["margin","marginTop","marginBottom","marginLeft","marginRight"].concat(["padding","paddingTop","paddingBottom","paddingLeft","paddingRight"]).forEach((e=>{i["formats/".concat(e)]=new n.Style(e,Cn(e),r)})),i}function Gc(e){var{Scope:t,Attributor:n}=e.import("parchment"),r={scope:t.INLINE},i={};return["font","fontSize","fontStyle","fontVariant","fontWeight","fontFamily"].forEach((e=>{i["formats/".concat(e)]=new n.Style(e,Cn(e),r)})),i}function Jc(e){var{Scope:t,Attributor:n}=e.import("parchment"),r=[{name:"lineHeight",scope:t.BLOCK},{name:"letterSpacing",scope:t.INLINE},{name:"textDecoration",scope:t.INLINE},{name:"textIndent",scope:t.BLOCK}],i={};return r.forEach((({name:e,scope:t})=>{i["formats/".concat(e)]=new n.Style(e,Cn(e),{scope:t})})),i}function Kc(e){var t=e.import("formats/image"),n=["alt","height","width","data-custom","class","data-local"];t.sanitize=e=>e,t.formats=function(e){return n.reduce((function(t,n){return e.hasAttribute(n)&&(t[n]=e.getAttribute(n)),t}),{})};var r=t.prototype.format;t.prototype.format=function(e,t){n.indexOf(e)>-1?t?this.domNode.setAttribute(e,t):this.domNode.removeAttribute(e):r.call(this,e,t)}}function Zc(e,t,n){var r,i,a,o=!1;function s(){return{html:a.root.innerHTML,text:a.getText(),delta:a.getContents()}}Ka((()=>e.readOnly),(e=>{r&&(a.enable(!e),e||a.blur())})),Ka((()=>e.placeholder),(e=>{r&&a.root.setAttribute("data-placeholder",e)}));var l={};function u(e){var t=e?a.getFormat(e):{},r=Object.keys(t);(r.length!==Object.keys(l).length||r.find((e=>t[e]!==l[e])))&&(l=t,n("statuschange",{},t))}function c(l){var c=window.Quill;!function(e){var t={divider:Vc,ins:zc,align:Hc,direction:qc,list:Uc,background:Yc,box:Xc,font:Gc,text:Jc,image:Kc},n={};Object.values(t).forEach((t=>sn(n,t(e)))),e.register(n,!0)}(c);var d={toolbar:!1,readOnly:e.readOnly,placeholder:e.placeholder};l.length&&(c.register("modules/ImageResize",window.ImageResize.default),d.modules={ImageResize:{modules:l}});var h=t.value,p=(a=new c(h,d)).root;["focus","blur","input"].forEach((e=>{p.addEventListener(e,(t=>{"input"===e?t.stopPropagation():n(e,t,s())}))})),a.on("text-change",(()=>{o||n("input",{},s())})),a.on("selection-change",u),a.on("scroll-optimize",(()=>{u(a.selection.getRange()[0])})),a.clipboard.addMatcher(Node.ELEMENT_NODE,((e,t)=>(i||t.ops&&(t.ops=t.ops.filter((({insert:e})=>"string"==typeof e)).map((({insert:e})=>({insert:e})))),t))),r=!0,n("ready",{},{})}ho((()=>{var t=[];e.showImgSize&&t.push("DisplaySize"),e.showImgToolbar&&t.push("Toolbar"),e.showImgResize&&t.push("Resize");jc(window.Quill,"./__uniappquill.js",(()=>{if(t.length){jc(window.ImageResize,"./__uniappquillimageresize.js",(()=>{c(t)}))}else c(t)}))})),$h(((e,t,n)=>{var l,c,d,{options:h,callbackId:p}=t;if(r){var f=window.Quill;switch(e){case"format":var{name:v="",value:g=!1}=h;c=a.getSelection(!0);var m=a.getFormat(c)[v]||!1;if(["bold","italic","underline","strike","ins"].includes(v))g=!m;else if("direction"===v){g=("rtl"!==g||!m)&&g;var y=a.getFormat(c).align;"rtl"!==g||y?g||"right"!==y||a.format("align",!1,"user"):a.format("align","right","user")}else if("indent"===v){g="+1"===g,"rtl"===a.getFormat(c).direction&&(g=!g),g=g?"+1":"-1"}else"list"===v&&(g="check"===g?"unchecked":g,m="checked"===m?"unchecked":m),g=m&&m!==(g||!1)||!m&&g?g:!m;a.format(v,g,"user");break;case"insertDivider":c=a.getSelection(!0),a.insertText(c.index,"\n","user"),a.insertEmbed(c.index+1,"divider",!0,"user"),a.setSelection(c.index+2,0,"silent");break;case"insertImage":c=a.getSelection(!0);var{src:_="",alt:b="",width:w="",height:x="",extClass:S="",data:T={}}=h,E=Ul(_);a.insertEmbed(c.index,"image",E,"user");var k=!!/^(file|blob):/.test(E)&&E;o=!0,a.formatText(c.index,1,"data-local",k),a.formatText(c.index,1,"alt",b),a.formatText(c.index,1,"width",w),a.formatText(c.index,1,"height",x),a.formatText(c.index,1,"class",S),o=!1,a.formatText(c.index,1,"data-custom",Object.keys(T).map((e=>"".concat(e,"=").concat(T[e]))).join("&")),a.setSelection(c.index+1,0,"silent");break;case"insertText":c=a.getSelection(!0);var{text:C=""}=h;a.insertText(c.index,C,"user"),a.setSelection(c.index+C.length,0,"silent");break;case"setContents":var{delta:M,html:O}=h;"object"==typeof M?a.setContents(M,"silent"):"string"==typeof O?a.setContents(function(e){var t,n=["span","strong","b","ins","em","i","u","a","del","s","sub","sup","img","div","p","h1","h2","h3","h4","h5","h6","hr","ol","ul","li","br"],r="";$c(e,{start:function(e,i,a){if(n.includes(e)){t=!1;var o=i.map((({name:e,value:t})=>"".concat(e,'="').concat(t,'"'))).join(" "),s="<".concat(e," ").concat(o," ").concat(a?"/":"",">");r+=s}else t=!a},end:function(e){t||(r+="</".concat(e,">"))},chars:function(e){t||(r+=e)}}),i=!0;var o=a.clipboard.convert(r);return i=!1,o}(O),"silent"):d="contents is missing";break;case"getContents":l=s();break;case"clear":a.setText("");break;case"removeFormat":c=a.getSelection(!0);var I=f.import("parchment");c.length?a.removeFormat(c.index,c.length,"user"):Object.keys(a.getFormat(c)).forEach((e=>{I.query(e,I.Scope.INLINE)&&a.format(e,!1)}));break;case"undo":a.history.undo();break;case"redo":a.history.redo();break;case"blur":a.blur();break;case"getSelectionText":l={text:""},(c=a.selection.savedRange)&&0!==c.length&&(l.text=a.getText(c.index,c.length));break;case"scrollIntoView":a.scrollIntoView()}u(c)}else d="not ready";p&&n({callbackId:p,data:sn({},l,{errMsg:"".concat(e,":").concat(d?"fail "+d:"ok")})})}),Wh(),!0)}var Qc=zu({name:"Editor",props:sn({},kc,{id:{type:String,default:""},readOnly:{type:[Boolean,String],default:!1},placeholder:{type:String,default:""},showImgSize:{type:[Boolean,String],default:!1},showImgToolbar:{type:[Boolean,String],default:!1},showImgResize:{type:[Boolean,String],default:!1}}),emit:["ready","focus","blur","input","statuschange",...Cc],setup(e,{emit:t}){var n=sa(null),r=Gu(n,t);return Zc(e,n,r),Mc(e,n,r),()=>ps("uni-editor",{ref:n,id:e.id,class:"ql-container"},null,8,["id"])}}),ed="#10aeff",td="#b2b2b2",nd={success:{d:"M15.808 0.16q-4.224 0-7.872 2.176-3.552 2.112-5.632 5.728-2.144 3.744-2.144 8.128 0 4.192 2.144 7.872 2.112 3.52 5.632 5.632 3.68 2.144 7.872 2.144 4.384 0 8.128-2.144 3.616-2.080 5.728-5.632 2.176-3.648 2.176-7.872 0-4.384-2.176-8.128-2.112-3.616-5.728-5.728-3.744-2.176-8.128-2.176zM24.832 11.328l-11.264 11.104q-0.032 0.032-0.112 0.032t-0.112-0.032l-5.216-5.376q-0.096-0.128 0-0.288l0.704-0.96q0.032-0.064 0.112-0.064t0.112 0.032l4.256 3.264q0.064 0.032 0.144 0.032t0.112-0.032l10.336-8.608q0.064-0.064 0.144-0.064t0.112 0.064l0.672 0.672q0.128 0.128 0 0.224z",c:Qn},success_no_circle:{d:kl,c:Qn},info:{d:"M15.808 0.128q-4.224 0-7.872 2.176-3.552 2.112-5.632 5.728-2.176 3.776-2.176 8.16 0 4.224 2.176 7.872 2.080 3.552 5.632 5.632 3.648 2.176 7.872 2.176 4.384 0 8.16-2.176 3.616-2.080 5.728-5.632 2.176-3.648 2.176-7.872 0-4.416-2.176-8.16-2.112-3.616-5.728-5.728-3.744-2.176-8.16-2.176zM16.864 23.776q0 0.064-0.064 0.064h-1.568q-0.096 0-0.096-0.064l-0.256-11.328q0-0.064 0.064-0.064h2.112q0.096 0 0.064 0.064l-0.256 11.328zM16 10.88q-0.576 0-0.976-0.4t-0.4-0.96 0.4-0.96 0.976-0.4 0.976 0.4 0.4 0.96-0.4 0.96-0.976 0.4z",c:ed},warn:{d:"M15.808 0.16q-4.224 0-7.872 2.176-3.552 2.112-5.632 5.728-2.144 3.744-2.144 8.128 0 4.192 2.144 7.872 2.112 3.52 5.632 5.632 3.68 2.144 7.872 2.144 4.384 0 8.128-2.144 3.616-2.080 5.728-5.632 2.176-3.648 2.176-7.872 0-4.384-2.176-8.128-2.112-3.616-5.728-5.728-3.744-2.176-8.128-2.176zM15.136 8.672h1.728q0.128 0 0.224 0.096t0.096 0.256l-0.384 10.24q0 0.064-0.048 0.112t-0.112 0.048h-1.248q-0.096 0-0.144-0.048t-0.048-0.112l-0.384-10.24q0-0.16 0.096-0.256t0.224-0.096zM16 23.328q-0.48 0-0.832-0.352t-0.352-0.848 0.352-0.848 0.832-0.352 0.832 0.352 0.352 0.848-0.352 0.848-0.832 0.352z",c:"#f76260"},waiting:{d:"M15.84 0.096q-4.224 0-7.872 2.176-3.552 2.112-5.632 5.728-2.144 3.744-2.144 8.128 0 4.192 2.144 7.872 2.112 3.52 5.632 5.632 3.68 2.144 7.872 2.144 4.384 0 8.128-2.144 3.616-2.080 5.728-5.632 2.176-3.648 2.176-7.872 0-4.384-2.176-8.128-2.112-3.616-5.728-5.728-3.744-2.176-8.128-2.176zM23.008 21.92l-0.512 0.896q-0.096 0.128-0.224 0.064l-8-3.808q-0.096-0.064-0.16-0.128-0.128-0.096-0.128-0.288l0.512-12.096q0-0.064 0.048-0.112t0.112-0.048h1.376q0.064 0 0.112 0.048t0.048 0.112l0.448 10.848 6.304 4.256q0.064 0.064 0.080 0.128t-0.016 0.128z",c:ed},cancel:{d:"M20.928 10.176l-4.928 4.928-4.928-4.928-0.896 0.896 4.928 4.928-4.928 4.928 0.896 0.896 4.928-4.928 4.928 4.928 0.896-0.896-4.928-4.928 4.928-4.928-0.896-0.896zM16 2.080q-3.776 0-7.040 1.888-3.136 1.856-4.992 4.992-1.888 3.264-1.888 7.040t1.888 7.040q1.856 3.136 4.992 4.992 3.264 1.888 7.040 1.888t7.040-1.888q3.136-1.856 4.992-4.992 1.888-3.264 1.888-7.040t-1.888-7.040q-1.856-3.136-4.992-4.992-3.264-1.888-7.040-1.888zM16 28.64q-3.424 0-6.4-1.728-2.848-1.664-4.512-4.512-1.728-2.976-1.728-6.4t1.728-6.4q1.664-2.848 4.512-4.512 2.976-1.728 6.4-1.728t6.4 1.728q2.848 1.664 4.512 4.512 1.728 2.976 1.728 6.4t-1.728 6.4q-1.664 2.848-4.512 4.512-2.976 1.728-6.4 1.728z",c:"#f43530"},download:{d:"M15.808 1.696q-3.776 0-7.072 1.984-3.2 1.888-5.088 5.152-1.952 3.392-1.952 7.36 0 3.776 1.952 7.072 1.888 3.2 5.088 5.088 3.296 1.952 7.072 1.952 3.968 0 7.36-1.952 3.264-1.888 5.152-5.088 1.984-3.296 1.984-7.072 0-4-1.984-7.36-1.888-3.264-5.152-5.152-3.36-1.984-7.36-1.984zM20.864 18.592l-3.776 4.928q-0.448 0.576-1.088 0.576t-1.088-0.576l-3.776-4.928q-0.448-0.576-0.24-0.992t0.944-0.416h2.976v-8.928q0-0.256 0.176-0.432t0.4-0.176h1.216q0.224 0 0.4 0.176t0.176 0.432v8.928h2.976q0.736 0 0.944 0.416t-0.24 0.992z",c:Qn},search:{d:"M20.928 22.688q-1.696 1.376-3.744 2.112-2.112 0.768-4.384 0.768-3.488 0-6.464-1.728-2.88-1.696-4.576-4.608-1.76-2.976-1.76-6.464t1.76-6.464q1.696-2.88 4.576-4.576 2.976-1.76 6.464-1.76t6.464 1.76q2.912 1.696 4.608 4.576 1.728 2.976 1.728 6.464 0 2.272-0.768 4.384-0.736 2.048-2.112 3.744l9.312 9.28-1.824 1.824-9.28-9.312zM12.8 23.008q2.784 0 5.184-1.376 2.304-1.376 3.68-3.68 1.376-2.4 1.376-5.184t-1.376-5.152q-1.376-2.336-3.68-3.68-2.4-1.408-5.184-1.408t-5.152 1.408q-2.336 1.344-3.68 3.68-1.408 2.368-1.408 5.152t1.408 5.184q1.344 2.304 3.68 3.68 2.368 1.376 5.152 1.376zM12.8 23.008v0z",c:td},clear:{d:"M16 0q-4.352 0-8.064 2.176-3.616 2.144-5.76 5.76-2.176 3.712-2.176 8.064t2.176 8.064q2.144 3.616 5.76 5.76 3.712 2.176 8.064 2.176t8.064-2.176q3.616-2.144 5.76-5.76 2.176-3.712 2.176-8.064t-2.176-8.064q-2.144-3.616-5.76-5.76-3.712-2.176-8.064-2.176zM22.688 21.408q0.32 0.32 0.304 0.752t-0.336 0.736-0.752 0.304-0.752-0.32l-5.184-5.376-5.376 5.184q-0.32 0.32-0.752 0.304t-0.736-0.336-0.304-0.752 0.32-0.752l5.376-5.184-5.184-5.376q-0.32-0.32-0.304-0.752t0.336-0.752 0.752-0.304 0.752 0.336l5.184 5.376 5.376-5.184q0.32-0.32 0.752-0.304t0.752 0.336 0.304 0.752-0.336 0.752l-5.376 5.184 5.184 5.376z",c:td}},rd=zu({name:"Icon",props:{type:{type:String,required:!0,default:""},size:{type:[String,Number],default:23},color:{type:String,default:""}},setup(e){var t=Rs((()=>nd[e.type]));return()=>{var{value:n}=t;return ps("uni-icon",null,{default:()=>[n&&n.d&&Cl(n.d,e.color||n.c,Tl(e.size))]})}}}),id={src:{type:String,default:""},mode:{type:String,default:"scaleToFill"},lazyLoad:{type:[Boolean,String],default:!1},draggable:{type:Boolean,default:!0}},ad={widthFix:["offsetWidth","height"],heightFix:["offsetHeight","width"]},od={aspectFit:["center center","contain"],aspectFill:["center center","cover"],widthFix:[,"100% 100%"],heightFix:[,"100% 100%"],top:["center top"],bottom:["center bottom"],center:["center center"],left:["left center"],right:["right center"],"top left":["left top"],"top right":["right top"],"bottom left":["left bottom"],"bottom right":["right bottom"]},sd=zu({name:"Image",props:id,setup(e,{emit:t}){var n=sa(null),r=function(e,t){var n=sa(""),r=Rs((()=>{var e="auto",r="",i=od[t.mode];i?(i[0]&&(r=i[0]),i[1]&&(e=i[1])):(r="0% 0%",e="100% 100%");var a=n.value;return"background-image:".concat(a?'url("'+a+'")':"none",";background-position:").concat(r,";background-size:").concat(e,";background-repeat:no-repeat;")})),i=Ki({rootEl:e,src:Rs((()=>t.src?Ul(t.src):"")),origWidth:0,origHeight:0,origStyle:{width:"",height:""},modeStyle:r,imgSrc:n});return ho((()=>{var t=e.value.style;i.origWidth=Number(t.width)||0,i.origHeight=Number(t.height)||0})),i}(n,e),i=Gu(n,t),{fixSize:a}=function(e,t,n){var r=()=>{var{mode:r}=t,i=ad[r];if(i){var{origWidth:a,origHeight:o}=n,s=a&&o?a/o:0;if(s){var l=e.value,u=l[i[0]];u&&(l.style[i[1]]=function(e){ld&&e>10&&(e=2*Math.round(e/2));return e}(u/s)+"px"),window.dispatchEvent(new CustomEvent("updateview"))}}},i=()=>{var{style:t}=e.value,{origStyle:{width:r,height:i}}=n;t.width=r,t.height=i};return Ka((()=>t.mode),((e,t)=>{ad[t]&&i(),ad[e]&&r()})),{fixSize:r,resetSize:i}}(n,e,r);return function(e,{trigger:t,fixSize:n}){var r,i=(t=0,n=0,r="")=>{e.origWidth=t,e.origHeight=n,e.imgSrc=r},a=a=>{if(!a)return o(),void i();r||(r=new Image),r.onload=e=>{var{width:s,height:l}=r;i(s,l,a),n(),o(),t("load",e,{width:s,height:l})},r.onerror=n=>{i(),o(),t("error",n,{errMsg:"GET ".concat(e.src," 404 (Not Found)")})},r.src=a},o=()=>{r&&(r.onload=null,r.onerror=null,r=null)};Ka((()=>e.src),(e=>a(e))),ho((()=>a(e.src))),vo((()=>o()))}(r,{trigger:i,fixSize:a}),()=>{var{mode:t}=e,{imgSrc:i,modeStyle:o}=r;return ps("uni-image",{ref:n},{default:()=>[ps("div",{style:o},null,4),i?ps("img",{src:i,draggable:e.draggable},null,8,["src","draggable"]):ps("img",null,null),ad[t]?ps(ic,{onResize:a},null,8,["onResize"]):ps("span",null,null)],_:1},512)}}});var ld="Google Inc."===navigator.vendor;var ud,cd=Dn(!0),dd=[],hd=0;function pd(){var e=Ki({userAction:!1});return ho((()=>{!function(e){ud||(["touchstart","touchmove","touchend","mousedown","mouseup"].forEach((e=>{document.addEventListener(e,(function(){dd.forEach((e=>{e.userAction=!0,hd++,setTimeout((()=>{--hd||(e.userAction=!1)}),0)}))}),cd)})),ud=!0);dd.push(e)}(e)})),vo((()=>{var t,n;t=e,(n=dd.indexOf(t))>=0&&dd.splice(n,1)})),{state:e}}function fd(){var e=Ki({attrs:{}});return ho((()=>{for(var t=Cs();t;){var n=t.type.__scopeId;n&&(e.attrs[n]=""),t=t.proxy&&"page"===t.proxy.$mpType?null:t.parent}})),{state:e}}function vd(e,t){var n=document.activeElement;if(!n)return t({});var r={};["input","textarea"].includes(n.tagName.toLowerCase())&&(r.start=n.selectionStart,r.end=n.selectionEnd),t(r)}var gd;function md(e){return null===e?"":String(e)}var yd=sn({},{name:{type:String,default:""},modelValue:{type:[String,Number],default:""},value:{type:[String,Number],default:""},disabled:{type:[Boolean,String],default:!1},autoFocus:{type:[Boolean,String],default:!1},focus:{type:[Boolean,String],default:!1},cursor:{type:[Number,String],default:-1},selectionStart:{type:[Number,String],default:-1},selectionEnd:{type:[Number,String],default:-1},type:{type:String,default:"text"},password:{type:[Boolean,String],default:!1},placeholder:{type:String,default:""},placeholderStyle:{type:String,default:""},placeholderClass:{type:String,default:""},maxlength:{type:[Number,String],default:140},confirmType:{type:String,default:"done"}},kc),_d=["input","focus","blur","update:value","update:modelValue","update:focus",...Cc];function bd(e,t,n,r){var i=function(e,t){var n,r=function(){clearTimeout(n),n=setTimeout((()=>e.apply(this,arguments)),t)};return r.cancel=function(){clearTimeout(n)},r}((e=>{t.value=md(e)}),100);Ka((()=>e.modelValue),i),Ka((()=>e.value),i);var a=function(e,t){var n,r,i=0,a=function(...a){var o=Date.now();clearTimeout(n),r=()=>{r=null,i=o,e.apply(this,a)},o-i<t?n=setTimeout(r,t-(o-i)):r()};return a.cancel=function(){clearTimeout(n),r=null},a.flush=function(){clearTimeout(n),r&&r()},a}(((e,t)=>{i.cancel(),n("update:modelValue",t.value),n("update:value",t.value),r("input",e,t)}),100);return co((()=>{i.cancel(),a.cancel()})),{trigger:r,triggerInput:(e,t,n)=>{i.cancel(),a(e,t),n&&a.flush()}}}function wd(e,t){var{state:n}=pd(),r=Rs((()=>e.autoFocus||e.focus));function i(){if(r.value){var e=t.value;if(e&&"plus"in window){var a=200-(Date.now()-gd);a>0?setTimeout(i,a):(e.focus(),n.userAction||plus.key.showSoftKeybord())}else setTimeout(i,100)}}Ka((()=>e.focus),(e=>{var n;e?i():(n=t.value)&&n.blur()})),ho((()=>{gd=gd||Date.now(),r.value&&Ia(i)}))}function xd(e,t,n,r){kr(Ol(),"getSelectedTextRange",vd);var{fieldRef:i,state:a,trigger:o}=function(e,t,n){var r=sa(null),i=Gu(t,n),a=Rs((()=>{var t=Number(e.selectionStart);return isNaN(t)?-1:t})),o=Rs((()=>{var t=Number(e.selectionEnd);return isNaN(t)?-1:t})),s=Rs((()=>{var t=Number(e.cursor);return isNaN(t)?-1:t})),l=Rs((()=>{var t=Number(e.maxlength);return isNaN(t)?140:t})),u=md(e.modelValue)||md(e.value),c=Ki({value:u,valueOrigin:u,maxlength:l,focus:e.focus,composing:!1,selectionStart:a,selectionEnd:o,cursor:s});return Ka((()=>c.focus),(e=>n("update:focus",e))),Ka((()=>c.maxlength),(e=>c.value=c.value.slice(0,e))),{fieldRef:r,state:c,trigger:i}}(e,t,n),{triggerInput:s}=bd(e,a,n,o);wd(e,i),Mc(e,i,o);var{state:l}=fd();return function(e,t){var n=Ga(Ju,!1);if(n){var r=Cs(),i={submit(){var n=r.proxy;return[n[e],"string"==typeof t?n[t]:t.value]},reset(){"string"==typeof t?r.proxy[t]="":t.value=""}};n.addField(i),vo((()=>{n.removeField(i)}))}}("name",a),function(e,t,n,r,i){function a(){var n=e.value;n&&t.focus&&t.selectionStart>-1&&t.selectionEnd>-1&&(n.selectionStart=t.selectionStart,n.selectionEnd=t.selectionEnd)}function o(){var n=e.value;n&&t.focus&&t.selectionStart<0&&t.selectionEnd<0&&t.cursor>-1&&(n.selectionEnd=n.selectionStart=t.cursor)}Ka([()=>t.selectionStart,()=>t.selectionEnd],a),Ka((()=>t.cursor),o),Ka((()=>e.value),(function(){var s=e.value,l=function(e,n){e.stopPropagation(),"function"==typeof i&&!1===i(e,t)||(t.value=s.value,t.composing||r(e,{value:s.value,cursor:s.selectionEnd},n))};s.addEventListener("change",(e=>e.stopPropagation())),s.addEventListener("focus",(function(e){t.focus=!0,n("focus",e,{value:t.value}),a(),o()})),s.addEventListener("blur",(function(e){t.composing&&(t.composing=!1,l(e,!0)),t.focus=!1,n("blur",e,{value:t.value,cursor:e.target.selectionEnd})})),s.addEventListener("input",l),s.addEventListener("compositionstart",(e=>{e.stopPropagation(),t.composing=!0})),s.addEventListener("compositionend",(e=>{e.stopPropagation(),t.composing&&(t.composing=!1,l(e))}))}))}(i,a,o,s,r),{fieldRef:i,state:a,scopedAttrsState:l,fixDisabledColor:0===String(navigator.vendor).indexOf("Apple")&&CSS.supports("image-orientation:from-image"),trigger:o}}var Sd=zu({name:"Input",props:sn({},yd,{placeholderClass:{type:String,default:"input-placeholder"},textContentType:{type:String,default:""}}),emits:["confirm",..._d],setup(e,{emit:t}){var n,r=["text","number","idcard","digit","password","tel"],i=["off","one-time-code"],a=Rs((()=>{var t="";switch(e.type){case"text":"search"===e.confirmType&&(t="search");break;case"idcard":t="text";break;case"digit":t="number";break;default:t=~r.includes(e.type)?e.type:"text"}return e.password?"password":t})),o=Rs((()=>{var t=i.indexOf(e.textContentType),n=i.indexOf(Cn(e.textContentType));return i[-1!==t?t:-1!==n?n:0]})),s=sa(""),l=sa(null),{fieldRef:u,state:c,scopedAttrsState:d,fixDisabledColor:h,trigger:p}=xd(e,l,t,((e,t)=>{var r=e.target;if("number"===a.value){if(n&&(r.removeEventListener("blur",n),n=null),r.validity&&!r.validity.valid)return!s.value&&"-"===e.data||"-"===s.value[0]&&"deleteContentBackward"===e.inputType?(s.value="-",t.value="",n=()=>{s.value=r.value=""},r.addEventListener("blur",n),!1):(s.value=t.value=r.value="-"===s.value?"":s.value,!1);s.value=r.value;var i=t.maxlength;if(i>0&&r.value.length>i)return r.value=r.value.slice(0,i),t.value=r.value,!1}})),f=["number","digit"],v=Rs((()=>f.includes(e.type)?"0.000000000000000001":""));function g(e){"Enter"===e.key&&(e.stopPropagation(),p("confirm",e,{value:e.target.value}))}return()=>{var t=e.disabled&&h?ps("input",{ref:u,value:c.value,tabindex:"-1",readonly:!!e.disabled,type:a.value,maxlength:c.maxlength,step:v.value,class:"uni-input-input",onFocus:e=>e.target.blur()},null,40,["value","readonly","type","maxlength","step","onFocus"]):ps("input",{ref:u,value:c.value,disabled:!!e.disabled,type:a.value,maxlength:c.maxlength,step:v.value,enterkeyhint:e.confirmType,pattern:"number"===e.type?"[0-9]*":void 0,class:"uni-input-input",autocomplete:o.value,onKeyup:g},null,40,["value","disabled","type","maxlength","step","enterkeyhint","pattern","autocomplete","onKeyup"]);return ps("uni-input",{ref:l},{default:()=>[ps("div",{class:"uni-input-wrapper"},[qo(ps("div",_s(d.attrs,{style:e.placeholderStyle,class:["uni-input-placeholder",e.placeholderClass]}),[e.placeholder],16),[[al,!(c.value.length||"-"===s.value)]]),"search"===e.confirmType?ps("form",{action:"",onSubmit:e=>e.preventDefault(),class:"uni-input-form"},[t],40,["onSubmit"]):t])]},512)}}});var Td,Ed,kd=["class","style"],Cd=/^on[A-Z]+/,Md=(e={})=>{var t,{excludeListeners:n=!1,excludeKeys:r=[]}=e,i=Cs(),a=la({}),o=la({}),s=la({}),l=r.concat(kd);return i.attrs=Ki(i.attrs),Za((()=>{var e,t=(e=i.attrs,Object.keys(e).map((t=>[t,e[t]]))).reduce(((e,[t,r])=>(l.includes(t)?e.exclude[t]=r:Cd.test(t)?(n||(e.attrs[t]=r),e.listeners[t]=r):e.attrs[t]=r,e)),{exclude:{},attrs:{},listeners:{}});a.value=t.attrs,o.value=t.listeners,s.value=t.exclude}),null,t),{$attrs:a,$listeners:o,$excludeAttrs:s}};function Od(){Fn((()=>{Td||(Td=plus.webview.currentWebview()),Ed||(Ed=(Td.getStyle()||{}).pullToRefresh||{})}))}function Id({disable:e}){Ed&&Ed.support&&Td.setPullToRefresh(Object.assign({},Ed,{support:!e}))}function Nd(e){var t=[];return Array.isArray(e)&&e.forEach((e=>{ls(e)?e.type===rs?t.push(...Nd(e.children)):t.push(e):Array.isArray(e)&&t.push(...Nd(e))})),t}function Ld(e){Cs().rebuild=e}var Ad=zu({inheritAttrs:!1,name:"MovableArea",props:{scaleArea:{type:Boolean,default:!1}},setup(e,{slots:t}){var n=sa(null),r=sa(!1),{setContexts:i,events:a}=function(e,t){var n=sa(0),r=sa(0),i=Ki({x:null,y:null}),a=sa(null),o=null,s=[];function l(t){t&&1!==t&&(e.scaleArea?s.forEach((function(e){e._setScale(t)})):o&&o._setScale(t))}function u(e,n=s){var r=t.value;function i(e){for(var t=0;t<n.length;t++){var a=n[t];if(e===a.rootRef.value)return a}return e===r||e===document.body||e===document?null:i(e.parentNode)}return i(e)}var c=Xu((t=>{Id({disable:!0});var n=t.touches;if(n&&n.length>1){var r={x:n[1].pageX-n[0].pageX,y:n[1].pageY-n[0].pageY};if(a.value=Pd(r),i.x=r.x,i.y=r.y,!e.scaleArea){var s=u(n[0].target),l=u(n[1].target);o=s&&s===l?s:null}}})),d=Xu((e=>{var t=e.touches;if(t&&t.length>1){e.preventDefault();var n={x:t[1].pageX-t[0].pageX,y:t[1].pageY-t[0].pageY};if(null!==i.x&&a.value&&a.value>0)l(Pd(n)/a.value);i.x=n.x,i.y=n.y}})),h=Xu((t=>{Id({disable:!1});var n=t.touches;n&&n.length||t.changedTouches&&(i.x=0,i.y=0,a.value=null,e.scaleArea?s.forEach((function(e){e._endScale()})):o&&o._endScale())}));function p(){f(),s.forEach((function(e,t){e.setParent()}))}function f(){var e=window.getComputedStyle(t.value),i=t.value.getBoundingClientRect();n.value=i.width-["Left","Right"].reduce((function(t,n){var r="padding"+n;return t+parseFloat(e["border"+n+"Width"])+parseFloat(e[r])}),0),r.value=i.height-["Top","Bottom"].reduce((function(t,n){var r="padding"+n;return t+parseFloat(e["border"+n+"Width"])+parseFloat(e[r])}),0)}return Xa("movableAreaWidth",n),Xa("movableAreaHeight",r),{setContexts(e){s=e},events:{_onTouchstart:c,_onTouchmove:d,_onTouchend:h,_resize:p}}}(e,n),{$listeners:o,$attrs:s,$excludeAttrs:l}=Md(),u=o.value;["onTouchstart","onTouchmove","onTouchend"].forEach((e=>{var t=u[e],n=a["_".concat(e)];u[e]=t?[].concat(t,n):n})),ho((()=>{a._resize(),Od(),r.value=!0}));var c=[],d=[];function h(){for(var e=[],t=function(t){var n=c[t];n instanceof Element||(n=n.el);var r=d.find((e=>n===e.rootRef.value));r&&e.push(ia(r))},n=0;n<c.length;n++)t(n);i(e)}Ld((()=>{c=n.value.children,h()}));return Xa("_isMounted",r),Xa("movableAreaRootRef",n),Xa("addMovableViewContext",(e=>{d.push(e),h()})),Xa("removeMovableViewContext",(e=>{var t=d.indexOf(e);t>=0&&(d.splice(t,1),h())})),()=>(t.default&&t.default(),ps("uni-movable-area",_s({ref:n},s.value,l.value,u),{default:()=>[ps(ic,{onReize:a._resize},null,8,["onReize"]),c],_:2},16))}});function Pd(e){return Math.sqrt(e.x*e.x+e.y*e.y)}var Rd,Bd,Dd=function(e,t,n,r){e.addEventListener(t,(e=>{"function"==typeof n&&!1===n(e)&&((void 0===e.cancelable||e.cancelable)&&e.preventDefault(),e.stopPropagation())}),{passive:!1})};function $d(e,t,n){vo((()=>{document.removeEventListener("mousemove",Rd),document.removeEventListener("mouseup",Bd)}));var r,i,a=0,o=0,s=0,l=0,u=function(e,n,r,i){if(!1===t({target:e.target,currentTarget:e.currentTarget,preventDefault:e.preventDefault.bind(e),stopPropagation:e.stopPropagation.bind(e),touches:e.touches,changedTouches:e.changedTouches,detail:{state:n,x:r,y:i,dx:r-a,dy:i-o,ddx:r-s,ddy:i-l,timeStamp:e.timeStamp}}))return!1},c=null;Dd(e,"touchstart",(function(e){if(r=!0,1===e.touches.length&&!c)return c=e,a=s=e.touches[0].pageX,o=l=e.touches[0].pageY,u(e,"start",a,o)})),Dd(e,"mousedown",(function(e){if(i=!0,!r&&!c)return c=e,a=s=e.pageX,o=l=e.pageY,u(e,"start",a,o)})),Dd(e,"touchmove",(function(e){if(1===e.touches.length&&c){var t=u(e,"move",e.touches[0].pageX,e.touches[0].pageY);return s=e.touches[0].pageX,l=e.touches[0].pageY,t}}));var d=Rd=function(e){if(!r&&i&&c){var t=u(e,"move",e.pageX,e.pageY);return s=e.pageX,l=e.pageY,t}};document.addEventListener("mousemove",d),Dd(e,"touchend",(function(e){if(0===e.touches.length&&c)return r=!1,c=null,u(e,"end",e.changedTouches[0].pageX,e.changedTouches[0].pageY)}));var h=Bd=function(e){if(i=!1,!r&&c)return c=null,u(e,"end",e.pageX,e.pageY)};document.addEventListener("mouseup",h),Dd(e,"touchcancel",(function(e){if(c){r=!1;var t=c;return c=null,u(e,n?"cancel":"end",t.touches[0].pageX,t.touches[0].pageY)}}))}function Fd(e,t,n){return e>t-n&&e<t+n}function Wd(e,t){return Fd(e,0,t)}function jd(){}function Vd(e,t){this._m=e,this._f=1e3*t,this._startTime=0,this._v=0}function zd(e,t,n){this._m=e,this._k=t,this._c=n,this._solution=null,this._endPosition=0,this._startTime=0}function Hd(e,t,n){this._springX=new zd(e,t,n),this._springY=new zd(e,t,n),this._springScale=new zd(e,t,n),this._startTime=0}jd.prototype.x=function(e){return Math.sqrt(e)},Vd.prototype.setV=function(e,t){var n=Math.pow(Math.pow(e,2)+Math.pow(t,2),.5);this._x_v=e,this._y_v=t,this._x_a=-this._f*this._x_v/n,this._y_a=-this._f*this._y_v/n,this._t=Math.abs(e/this._x_a)||Math.abs(t/this._y_a),this._lastDt=null,this._startTime=(new Date).getTime()},Vd.prototype.setS=function(e,t){this._x_s=e,this._y_s=t},Vd.prototype.s=function(e){void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),e>this._t&&(e=this._t,this._lastDt=e);var t=this._x_v*e+.5*this._x_a*Math.pow(e,2)+this._x_s,n=this._y_v*e+.5*this._y_a*Math.pow(e,2)+this._y_s;return(this._x_a>0&&t<this._endPositionX||this._x_a<0&&t>this._endPositionX)&&(t=this._endPositionX),(this._y_a>0&&n<this._endPositionY||this._y_a<0&&n>this._endPositionY)&&(n=this._endPositionY),{x:t,y:n}},Vd.prototype.ds=function(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),e>this._t&&(e=this._t),{dx:this._x_v+this._x_a*e,dy:this._y_v+this._y_a*e}},Vd.prototype.delta=function(){return{x:-1.5*Math.pow(this._x_v,2)/this._x_a||0,y:-1.5*Math.pow(this._y_v,2)/this._y_a||0}},Vd.prototype.dt=function(){return-this._x_v/this._x_a},Vd.prototype.done=function(){var e=Fd(this.s().x,this._endPositionX)||Fd(this.s().y,this._endPositionY)||this._lastDt===this._t;return this._lastDt=null,e},Vd.prototype.setEnd=function(e,t){this._endPositionX=e,this._endPositionY=t},Vd.prototype.reconfigure=function(e,t){this._m=e,this._f=1e3*t},zd.prototype._solve=function(e,t){var n=this._c,r=this._m,i=this._k,a=n*n-4*r*i;if(0===a){var o=-n/(2*r),s=e,l=t/(o*e);return{x:function(e){return(s+l*e)*Math.pow(Math.E,o*e)},dx:function(e){var t=Math.pow(Math.E,o*e);return o*(s+l*e)*t+l*t}}}if(a>0){var u=(-n-Math.sqrt(a))/(2*r),c=(-n+Math.sqrt(a))/(2*r),d=(t-u*e)/(c-u),h=e-d;return{x:function(e){var t,n;return e===this._t&&(t=this._powER1T,n=this._powER2T),this._t=e,t||(t=this._powER1T=Math.pow(Math.E,u*e)),n||(n=this._powER2T=Math.pow(Math.E,c*e)),h*t+d*n},dx:function(e){var t,n;return e===this._t&&(t=this._powER1T,n=this._powER2T),this._t=e,t||(t=this._powER1T=Math.pow(Math.E,u*e)),n||(n=this._powER2T=Math.pow(Math.E,c*e)),h*u*t+d*c*n}}}var p=Math.sqrt(4*r*i-n*n)/(2*r),f=-n/2*r,v=e,g=(t-f*e)/p;return{x:function(e){return Math.pow(Math.E,f*e)*(v*Math.cos(p*e)+g*Math.sin(p*e))},dx:function(e){var t=Math.pow(Math.E,f*e),n=Math.cos(p*e),r=Math.sin(p*e);return t*(g*p*n-v*p*r)+f*t*(g*r+v*n)}}},zd.prototype.x=function(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),this._solution?this._endPosition+this._solution.x(e):0},zd.prototype.dx=function(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),this._solution?this._solution.dx(e):0},zd.prototype.setEnd=function(e,t,n){if(n||(n=(new Date).getTime()),e!==this._endPosition||!Wd(t,.1)){t=t||0;var r=this._endPosition;this._solution&&(Wd(t,.1)&&(t=this._solution.dx((n-this._startTime)/1e3)),r=this._solution.x((n-this._startTime)/1e3),Wd(t,.1)&&(t=0),Wd(r,.1)&&(r=0),r+=this._endPosition),this._solution&&Wd(r-e,.1)&&Wd(t,.1)||(this._endPosition=e,this._solution=this._solve(r-this._endPosition,t),this._startTime=n)}},zd.prototype.snap=function(e){this._startTime=(new Date).getTime(),this._endPosition=e,this._solution={x:function(){return 0},dx:function(){return 0}}},zd.prototype.done=function(e){return e||(e=(new Date).getTime()),Fd(this.x(),this._endPosition,.1)&&Wd(this.dx(),.1)},zd.prototype.reconfigure=function(e,t,n){this._m=e,this._k=t,this._c=n,this.done()||(this._solution=this._solve(this.x()-this._endPosition,this.dx()),this._startTime=(new Date).getTime())},zd.prototype.springConstant=function(){return this._k},zd.prototype.damping=function(){return this._c},zd.prototype.configuration=function(){return[{label:"Spring Constant",read:this.springConstant.bind(this),write:function(e,t){e.reconfigure(1,t,e.damping())}.bind(this,this),min:100,max:1e3},{label:"Damping",read:this.damping.bind(this),write:function(e,t){e.reconfigure(1,e.springConstant(),t)}.bind(this,this),min:1,max:500}]},Hd.prototype.setEnd=function(e,t,n,r){var i=(new Date).getTime();this._springX.setEnd(e,r,i),this._springY.setEnd(t,r,i),this._springScale.setEnd(n,r,i),this._startTime=i},Hd.prototype.x=function(){var e=((new Date).getTime()-this._startTime)/1e3;return{x:this._springX.x(e),y:this._springY.x(e),scale:this._springScale.x(e)}},Hd.prototype.done=function(){var e=(new Date).getTime();return this._springX.done(e)&&this._springY.done(e)&&this._springScale.done(e)},Hd.prototype.reconfigure=function(e,t,n){this._springX.reconfigure(e,t,n),this._springY.reconfigure(e,t,n),this._springScale.reconfigure(e,t,n)};var qd=zu({name:"MovableView",props:{direction:{type:String,default:"none"},inertia:{type:[Boolean,String],default:!1},outOfBounds:{type:[Boolean,String],default:!1},x:{type:[Number,String],default:0},y:{type:[Number,String],default:0},damping:{type:[Number,String],default:20},friction:{type:[Number,String],default:2},disabled:{type:[Boolean,String],default:!1},scale:{type:[Boolean,String],default:!1},scaleMin:{type:[Number,String],default:.5},scaleMax:{type:[Number,String],default:10},scaleValue:{type:[Number,String],default:1},animation:{type:[Boolean,String],default:!0}},emits:["change","scale"],setup(e,{slots:t,emit:n}){var r=sa(null),i=Gu(r,n),{setParent:a}=function(e,t,n){var r,i,a=Ga("movableAreaWidth",sa(0)),o=Ga("movableAreaHeight",sa(0)),s=Ga("_isMounted",sa(!1)),l=Ga("movableAreaRootRef"),u=Ga("addMovableViewContext",(()=>{})),c=Ga("removeMovableViewContext",(()=>{})),d=sa(Zd(e.x)),h=sa(Zd(e.y)),p=sa(Number(e.scaleValue)||1),f=sa(0),v=sa(0),g=sa(0),m=sa(0),y=sa(0),_=sa(0),b=null,w=null,x={x:0,y:0},S={x:0,y:0},T=1,E=1,k=0,C=0,M=!1,O=!1,I=null,N=null,L=new jd,A=new jd,P={historyX:[0,0],historyY:[0,0],historyT:[0,0]},R=Rs((()=>{var t=Number(e.damping);return isNaN(t)?20:t})),B=Rs((()=>{var t=Number(e.friction);return isNaN(t)||t<=0?2:t})),D=Rs((()=>{var t=Number(e.scaleMin);return isNaN(t)?.5:t})),$=Rs((()=>{var t=Number(e.scaleMax);return isNaN(t)?10:t})),F=Rs((()=>"all"===e.direction||"horizontal"===e.direction)),W=Rs((()=>"all"===e.direction||"vertical"===e.direction)),j=new Hd(1,9*Math.pow(R.value,2)/40,R.value),V=new Vd(1,B.value);function z(){w&&w.cancel(),b&&b.cancel()}function H(e){if(F.value){if(e+S.x===k)return k;b&&b.cancel(),ae(e+S.x,h.value+S.y,T)}return e}function q(e){if(W.value){if(e+S.y===C)return C;b&&b.cancel(),ae(d.value+S.x,e+S.y,T)}return e}function U(){if(!e.scale)return!1;ne(T,!0),re(T)}function Y(t){return!!e.scale&&(ne(t=ie(t),!0),re(t),t)}function X(){M||e.disabled||(Id({disable:!0}),z(),P.historyX=[0,0],P.historyY=[0,0],P.historyT=[0,0],F.value&&(r=k),W.value&&(i=C),n.value.style.willChange="transform",I=null,N=null,O=!0)}function G(t){if(!M&&!e.disabled&&O){var n=k,a=C;if(null===N&&(N=Math.abs(t.detail.dx/t.detail.dy)>1?"htouchmove":"vtouchmove"),F.value&&(n=t.detail.dx+r,P.historyX.shift(),P.historyX.push(n),W.value||null!==I||(I=Math.abs(t.detail.dx/t.detail.dy)<1)),W.value&&(a=t.detail.dy+i,P.historyY.shift(),P.historyY.push(a),F.value||null!==I||(I=Math.abs(t.detail.dy/t.detail.dx)<1)),P.historyT.shift(),P.historyT.push(t.detail.timeStamp),!I){t.preventDefault();var o="touch";n<g.value?e.outOfBounds?(o="touch-out-of-bounds",n=g.value-L.x(g.value-n)):n=g.value:n>y.value&&(e.outOfBounds?(o="touch-out-of-bounds",n=y.value+L.x(n-y.value)):n=y.value),a<m.value?e.outOfBounds?(o="touch-out-of-bounds",a=m.value-A.x(m.value-a)):a=m.value:a>_.value&&(e.outOfBounds?(o="touch-out-of-bounds",a=_.value+A.x(a-_.value)):a=_.value),Yd((function(){se(n,a,T,o)}))}}}function J(){if(!M&&!e.disabled&&O&&(Id({disable:!1}),n.value.style.willChange="auto",O=!1,!I&&!oe("out-of-bounds")&&e.inertia)){var t=1e3*(P.historyX[1]-P.historyX[0])/(P.historyT[1]-P.historyT[0]),r=1e3*(P.historyY[1]-P.historyY[0])/(P.historyT[1]-P.historyT[0]);V.setV(t,r),V.setS(k,C);var i=V.delta().x,a=V.delta().y,o=i+k,s=a+C;o<g.value?(o=g.value,s=C+(g.value-k)*a/i):o>y.value&&(o=y.value,s=C+(y.value-k)*a/i),s<m.value?(s=m.value,o=k+(m.value-C)*i/a):s>_.value&&(s=_.value,o=k+(_.value-C)*i/a),V.setEnd(o,s),w=Kd(V,(function(){var e=V.s();se(e.x,e.y,T,"friction")}),(function(){w.cancel()}))}e.outOfBounds||e.inertia||z()}function K(e,t){var n=!1;return e>y.value?(e=y.value,n=!0):e<g.value&&(e=g.value,n=!0),t>_.value?(t=_.value,n=!0):t<m.value&&(t=m.value,n=!0),{x:e,y:t,outOfBounds:n}}function Z(){x.x=Xd(n.value,l.value),x.y=Gd(n.value,l.value)}function Q(e){e=ie(e=e||T);var t=n.value.getBoundingClientRect();v.value=t.height/T,f.value=t.width/T;var r=v.value*e,i=f.value*e;S.x=(i-f.value)/2,S.y=(r-v.value)/2}function ee(){var e=0-x.x+S.x,t=a.value-f.value-x.x-S.x;g.value=Math.min(e,t),y.value=Math.max(e,t);var n=0-x.y+S.y,r=o.value-v.value-x.y-S.y;m.value=Math.min(n,r),_.value=Math.max(n,r)}function te(){M=!0}function ne(t,n){if(e.scale){Q(t=ie(t)),ee();var r=K(k,C),i=r.x,a=r.y;n?ae(i,a,t,"",!0,!0):Yd((function(){se(i,a,t,"",!0,!0)}))}}function re(e){E=e}function ie(e){return e=Math.max(.5,D.value,e),e=Math.min(10,$.value,e)}function ae(t,n,r,i,a,o){z(),F.value||(t=k),W.value||(n=C),e.scale||(r=T);var s=K(t,n);t=s.x,n=s.y,e.animation?(j._springX._solution=null,j._springY._solution=null,j._springScale._solution=null,j._springX._endPosition=k,j._springY._endPosition=C,j._springScale._endPosition=T,j.setEnd(t,n,r,1),b=Kd(j,(function(){var e=j.x();se(e.x,e.y,e.scale,i,a,o)}),(function(){b.cancel()}))):se(t,n,r,i,a,o)}function oe(e){var t=K(k,C),n=t.x,r=t.y,i=t.outOfBounds;return i&&ae(n,r,T,e),i}function se(r,i,a,o="",s,l){null!==r&&"NaN"!==r.toString()&&"number"==typeof r||(r=k||0),null!==i&&"NaN"!==i.toString()&&"number"==typeof i||(i=C||0),r=Number(r.toFixed(1)),i=Number(i.toFixed(1)),a=Number(a.toFixed(1)),k===r&&C===i||s||t("change",{},{x:Jd(r,S.x),y:Jd(i,S.y),source:o}),e.scale||(a=T),a=+(a=ie(a)).toFixed(3),l&&a!==T&&t("scale",{},{x:r,y:i,scale:a});var u="translateX("+r+"px) translateY("+i+"px) translateZ(0px) scale("+a+")";n.value.style.transform=u,n.value.style.webkitTransform=u,k=r,C=i,T=a}function le(){if(s.value){z();var t=e.scale?p.value:1;Z(),Q(t),ee(),k=d.value+S.x,C=h.value+S.y;var n=K(k,C);se(n.x,n.y,t,"",!0),re(t)}}function ue(){M=!1,re(T)}function ce(e){e&&(e*=E,te(),ne(e))}return Ka((()=>e.x),(e=>{d.value=Zd(e)})),Ka((()=>e.y),(e=>{h.value=Zd(e)})),Ka(d,(e=>{H(e)})),Ka(h,(e=>{q(e)})),Ka((()=>e.scaleValue),(e=>{p.value=Number(e)||0})),Ka(p,(e=>{Y(e)})),Ka(D,(()=>{U()})),Ka($,(()=>{U()})),ho((()=>{$d(n.value,(e=>{switch(e.detail.state){case"start":X();break;case"move":G(e);break;case"end":J()}})),le(),V.reconfigure(1,B.value),j.reconfigure(1,9*Math.pow(R.value,2)/40,R.value),n.value.style.transformOrigin="center",Od();var e={rootRef:n,setParent:le,_endScale:ue,_setScale:ce};u(e),go((()=>{c(e)}))})),go((()=>{z()})),{setParent:le}}(e,i,r);return()=>ps("uni-movable-view",{ref:r},{default:()=>[ps(ic,{onResize:a},null,8,["onResize"]),t.default&&t.default()],_:1},512)}}),Ud=!1;function Yd(e){Ud||(Ud=!0,requestAnimationFrame((function(){e(),Ud=!1})))}function Xd(e,t){if(e===t)return 0;var n=e.offsetLeft;return e.offsetParent?n+=Xd(e.offsetParent,t):0}function Gd(e,t){if(e===t)return 0;var n=e.offsetTop;return e.offsetParent?n+=Gd(e.offsetParent,t):0}function Jd(e,t){return+((1e3*e-1e3*t)/1e3).toFixed(1)}function Kd(e,t,n){var r={id:0,cancelled:!1};return function e(t,n,r,i){if(!t||!t.cancelled){r(n);var a=n.done();a||t.cancelled||(t.id=requestAnimationFrame(e.bind(null,t,n,r,i))),a&&i&&i(n)}}(r,e,t,n),{cancel:function(e){e&&e.id&&cancelAnimationFrame(e.id),e&&(e.cancelled=!0)}.bind(null,r),model:e}}function Zd(e){return/\d+[ur]px$/i.test(e)?uni.upx2px(parseFloat(e)):Number(e)||0}var Qd=["navigate","redirect","switchTab","reLaunch","navigateBack"],eh=zu({name:"Navigator",compatConfig:{MODE:3},props:{hoverClass:{type:String,default:"navigator-hover"},url:{type:String,default:""},openType:{type:String,default:"navigate",validator:e=>Boolean(~Qd.indexOf(e))},delta:{type:Number,default:1},hoverStartTime:{type:[Number,String],default:50},hoverStayTime:{type:[Number,String],default:600},exists:{type:String,default:""},hoverStopPropagation:{type:Boolean,default:!1}},setup(e,{slots:t}){var{hovering:n,binding:r}=Uu(e);function i(t){if("navigateBack"===e.openType||e.url)switch(e.openType){case"navigate":uni.navigateTo({url:e.url});break;case"redirect":uni.redirectTo({url:e.url,exists:e.exists});break;case"switchTab":uni.switchTab({url:e.url});break;case"reLaunch":uni.reLaunch({url:e.url});break;case"navigateBack":uni.navigateBack({delta:e.delta})}else console.error("<navigator/> should have url attribute when using navigateTo, redirectTo, reLaunch or switchTab")}return()=>{var{hoverClass:a}=e,o=e.hoverClass&&"none"!==e.hoverClass;return ps("uni-navigator",_s({class:o&&n.value?a:""},o&&r,{onClick:i}),{default:()=>[t.default&&t.default()]},16,["class","onClick"])}}});var th=zu({name:"PickerView",props:{value:{type:Array,default:()=>[],validator:function(e){return Array.isArray(e)&&e.filter((e=>"number"==typeof e)).length===e.length}},indicatorStyle:{type:String,default:""},indicatorClass:{type:String,default:""},maskStyle:{type:String,default:""},maskClass:{type:String,default:""}},emits:["change","pickstart","pickend","update:value"],setup(e,{slots:t,emit:n}){var r=sa(null),i=sa(null),a=Gu(r,n),o=function(e){var t=Ki([...e.value]),n=Ki({value:t,height:34});return Ka((()=>e.value),((e,t)=>{(e===t||e.length!==t.length||e.findIndex(((e,n)=>e!==t[n]))>=0)&&(n.value.length=e.length,e.forEach(((e,t)=>{e!==n.value[t]&&n.value.splice(t,1,e)})))})),n}(e),s=sa(null),l=sa([]);function u(e){var t=l.value;return t instanceof HTMLCollection?Array.prototype.indexOf.call(t,e.el):t.indexOf(e)}return Xa("getPickerViewColumn",(function(e){return Rs({get(){var t=u(e.vnode);return o.value[t]||0},set(t){var r=u(e.vnode);if(!(r<0)&&o.value[r]!==t){o.value.splice(r,1,t);var i=o.value.map((e=>e));n("update:value",i),a("change",{},{value:i})}}})})),Xa("pickerViewProps",e),Xa("pickerViewState",o),Ld((()=>{var e;e=s.value,o.height=e.$el.offsetHeight,l.value=i.value.children})),()=>{var e=t.default&&t.default();return ps("uni-picker-view",{ref:r},{default:()=>[ps(ic,{ref:s,onResize:({height:e})=>o.height=e},null,8,["onResize"]),ps("div",{ref:i,class:"uni-picker-view-wrapper"},[e],512)],_:2},512)}}});class nh{constructor(e){this._drag=e,this._dragLog=Math.log(e),this._x=0,this._v=0,this._startTime=0}set(e,t){this._x=e,this._v=t,this._startTime=(new Date).getTime()}setVelocityByEnd(e){this._v=(e-this._x)*this._dragLog/(Math.pow(this._drag,100)-1)}x(e){void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3);var t=e===this._dt&&this._powDragDt?this._powDragDt:this._powDragDt=Math.pow(this._drag,e);return this._dt=e,this._x+this._v*t/this._dragLog-this._v/this._dragLog}dx(e){void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3);var t=e===this._dt&&this._powDragDt?this._powDragDt:this._powDragDt=Math.pow(this._drag,e);return this._dt=e,this._v*t}done(){return Math.abs(this.dx())<3}reconfigure(e){var t=this.x(),n=this.dx();this._drag=e,this._dragLog=Math.log(e),this.set(t,n)}configuration(){var e=this;return[{label:"Friction",read:function(){return e._drag},write:function(t){e.reconfigure(t)},min:.001,max:.1,step:.001}]}}function rh(e,t,n){return e>t-n&&e<t+n}function ih(e,t){return rh(e,0,t)}class ah{constructor(e,t,n){this._m=e,this._k=t,this._c=n,this._solution=null,this._endPosition=0,this._startTime=0}_solve(e,t){var n=this._c,r=this._m,i=this._k,a=n*n-4*r*i;if(0===a){var o=-n/(2*r),s=e,l=t/(o*e);return{x:function(e){return(s+l*e)*Math.pow(Math.E,o*e)},dx:function(e){var t=Math.pow(Math.E,o*e);return o*(s+l*e)*t+l*t}}}if(a>0){var u=(-n-Math.sqrt(a))/(2*r),c=(-n+Math.sqrt(a))/(2*r),d=(t-u*e)/(c-u),h=e-d;return{x:function(e){var t,n;return e===this._t&&(t=this._powER1T,n=this._powER2T),this._t=e,t||(t=this._powER1T=Math.pow(Math.E,u*e)),n||(n=this._powER2T=Math.pow(Math.E,c*e)),h*t+d*n},dx:function(e){var t,n;return e===this._t&&(t=this._powER1T,n=this._powER2T),this._t=e,t||(t=this._powER1T=Math.pow(Math.E,u*e)),n||(n=this._powER2T=Math.pow(Math.E,c*e)),h*u*t+d*c*n}}}var p=Math.sqrt(4*r*i-n*n)/(2*r),f=-n/2*r,v=e,g=(t-f*e)/p;return{x:function(e){return Math.pow(Math.E,f*e)*(v*Math.cos(p*e)+g*Math.sin(p*e))},dx:function(e){var t=Math.pow(Math.E,f*e),n=Math.cos(p*e),r=Math.sin(p*e);return t*(g*p*n-v*p*r)+f*t*(g*r+v*n)}}}x(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),this._solution?this._endPosition+this._solution.x(e):0}dx(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),this._solution?this._solution.dx(e):0}setEnd(e,t,n){if(n||(n=(new Date).getTime()),e!==this._endPosition||!ih(t,.4)){t=t||0;var r=this._endPosition;this._solution&&(ih(t,.4)&&(t=this._solution.dx((n-this._startTime)/1e3)),r=this._solution.x((n-this._startTime)/1e3),ih(t,.4)&&(t=0),ih(r,.4)&&(r=0),r+=this._endPosition),this._solution&&ih(r-e,.4)&&ih(t,.4)||(this._endPosition=e,this._solution=this._solve(r-this._endPosition,t),this._startTime=n)}}snap(e){this._startTime=(new Date).getTime(),this._endPosition=e,this._solution={x:function(){return 0},dx:function(){return 0}}}done(e){return e||(e=(new Date).getTime()),rh(this.x(),this._endPosition,.4)&&ih(this.dx(),.4)}reconfigure(e,t,n){this._m=e,this._k=t,this._c=n,this.done()||(this._solution=this._solve(this.x()-this._endPosition,this.dx()),this._startTime=(new Date).getTime())}springConstant(){return this._k}damping(){return this._c}configuration(){return[{label:"Spring Constant",read:this.springConstant.bind(this),write:function(e,t){e.reconfigure(1,t,e.damping())}.bind(this,this),min:100,max:1e3},{label:"Damping",read:this.damping.bind(this),write:function(e,t){e.reconfigure(1,e.springConstant(),t)}.bind(this,this),min:1,max:500}]}}class oh{constructor(e,t,n){this._extent=e,this._friction=t||new nh(.01),this._spring=n||new ah(1,90,20),this._startTime=0,this._springing=!1,this._springOffset=0}snap(e,t){this._springOffset=0,this._springing=!0,this._spring.snap(e),this._spring.setEnd(t)}set(e,t){this._friction.set(e,t),e>0&&t>=0?(this._springOffset=0,this._springing=!0,this._spring.snap(e),this._spring.setEnd(0)):e<-this._extent&&t<=0?(this._springOffset=0,this._springing=!0,this._spring.snap(e),this._spring.setEnd(-this._extent)):this._springing=!1,this._startTime=(new Date).getTime()}x(e){if(!this._startTime)return 0;if(e||(e=((new Date).getTime()-this._startTime)/1e3),this._springing)return this._spring.x()+this._springOffset;var t=this._friction.x(e),n=this.dx(e);return(t>0&&n>=0||t<-this._extent&&n<=0)&&(this._springing=!0,this._spring.setEnd(0,n),t<-this._extent?this._springOffset=-this._extent:this._springOffset=0,t=this._spring.x()+this._springOffset),t}dx(e){var t;return t=this._lastTime===e?this._lastDx:this._springing?this._spring.dx(e):this._friction.dx(e),this._lastTime=e,this._lastDx=t,t}done(){return this._springing?this._spring.done():this._friction.done()}setVelocityByEnd(e){this._friction.setVelocityByEnd(e)}configuration(){var e=this._friction.configuration();return e.push.apply(e,this._spring.configuration()),e}}class sh{constructor(e,t){t=t||{},this._element=e,this._options=t,this._enableSnap=t.enableSnap||!1,this._itemSize=t.itemSize||0,this._enableX=t.enableX||!1,this._enableY=t.enableY||!1,this._shouldDispatchScrollEvent=!!t.onScroll,this._enableX?(this._extent=(t.scrollWidth||this._element.offsetWidth)-this._element.parentElement.offsetWidth,this._scrollWidth=t.scrollWidth):(this._extent=(t.scrollHeight||this._element.offsetHeight)-this._element.parentElement.offsetHeight,this._scrollHeight=t.scrollHeight),this._position=0,this._scroll=new oh(this._extent,t.friction,t.spring),this._onTransitionEnd=this.onTransitionEnd.bind(this),this.updatePosition()}onTouchStart(){this._startPosition=this._position,this._lastChangePos=this._startPosition,this._startPosition>0?this._startPosition/=.5:this._startPosition<-this._extent&&(this._startPosition=(this._startPosition+this._extent)/.5-this._extent),this._animation&&(this._animation.cancel(),this._scrolling=!1),this.updatePosition()}onTouchMove(e,t){var n=this._startPosition;this._enableX?n+=e:this._enableY&&(n+=t),n>0?n*=.5:n<-this._extent&&(n=.5*(n+this._extent)-this._extent),this._position=n,this.updatePosition(),this.dispatchScroll()}onTouchEnd(e,t,n){if(this._enableSnap&&this._position>-this._extent&&this._position<0){if(this._enableY&&(Math.abs(t)<this._itemSize&&Math.abs(n.y)<300||Math.abs(n.y)<150))return void this.snap();if(this._enableX&&(Math.abs(e)<this._itemSize&&Math.abs(n.x)<300||Math.abs(n.x)<150))return void this.snap()}var r,i,a;if(this._enableX?this._scroll.set(this._position,n.x):this._enableY&&this._scroll.set(this._position,n.y),this._enableSnap){var o=this._scroll._friction.x(100),s=o%this._itemSize;(r=Math.abs(s)>this._itemSize/2?o-(this._itemSize-Math.abs(s)):o-s)<=0&&r>=-this._extent&&this._scroll.setVelocityByEnd(r)}this._lastTime=Date.now(),this._lastDelay=0,this._scrolling=!0,this._lastChangePos=this._position,this._lastIdx=Math.floor(Math.abs(this._position/this._itemSize)),this._animation=(i=this._scroll,function e(t,n,r,i){if(!t||!t.cancelled){r(n);var a=n.done();a||t.cancelled||(t.id=requestAnimationFrame(e.bind(null,t,n,r,i))),a&&i&&i(n)}}(a={id:0,cancelled:!1},i,(()=>{var e=Date.now(),t=(e-this._scroll._startTime)/1e3,n=this._scroll.x(t);this._position=n,this.updatePosition();var r=this._scroll.dx(t);this._shouldDispatchScrollEvent&&e-this._lastTime>this._lastDelay&&(this.dispatchScroll(),this._lastDelay=Math.abs(2e3/r),this._lastTime=e)}),(()=>{this._enableSnap&&(r<=0&&r>=-this._extent&&(this._position=r,this.updatePosition()),"function"==typeof this._options.onSnap&&this._options.onSnap(Math.floor(Math.abs(this._position)/this._itemSize))),this._shouldDispatchScrollEvent&&this.dispatchScroll(),this._scrolling=!1})),{cancel:function(e){e&&e.id&&cancelAnimationFrame(e.id),e&&(e.cancelled=!0)}.bind(null,a),model:i})}onTransitionEnd(){this._element.style.webkitTransition="",this._element.style.transition="",this._element.removeEventListener("transitionend",this._onTransitionEnd),this._snapping&&(this._snapping=!1),this.dispatchScroll()}snap(){var e=this._itemSize,t=this._position%e,n=Math.abs(t)>this._itemSize/2?this._position-(e-Math.abs(t)):this._position-t;this._position!==n&&(this._snapping=!0,this.scrollTo(-n),"function"==typeof this._options.onSnap&&this._options.onSnap(Math.floor(Math.abs(this._position)/this._itemSize)))}scrollTo(e,t){this._animation&&(this._animation.cancel(),this._scrolling=!1),"number"==typeof e&&(this._position=-e),this._position<-this._extent?this._position=-this._extent:this._position>0&&(this._position=0);var n="transform "+(t||.2)+"s ease-out";this._element.style.webkitTransition="-webkit-"+n,this._element.style.transition=n,this.updatePosition(),this._element.addEventListener("transitionend",this._onTransitionEnd)}dispatchScroll(){if("function"==typeof this._options.onScroll&&Math.round(Number(this._lastPos))!==Math.round(this._position)){this._lastPos=this._position;var e={target:{scrollLeft:this._enableX?-this._position:0,scrollTop:this._enableY?-this._position:0,scrollHeight:this._scrollHeight||this._element.offsetHeight,scrollWidth:this._scrollWidth||this._element.offsetWidth,offsetHeight:this._element.parentElement.offsetHeight,offsetWidth:this._element.parentElement.offsetWidth}};this._options.onScroll(e)}}update(e,t,n){var r=0,i=this._position;this._enableX?(r=this._element.childNodes.length?(t||this._element.offsetWidth)-this._element.parentElement.offsetWidth:0,this._scrollWidth=t):(r=this._element.childNodes.length?(t||this._element.offsetHeight)-this._element.parentElement.offsetHeight:0,this._scrollHeight=t),"number"==typeof e&&(this._position=-e),this._position<-r?this._position=-r:this._position>0&&(this._position=0),this._itemSize=n||this._itemSize,this.updatePosition(),i!==this._position&&(this.dispatchScroll(),"function"==typeof this._options.onSnap&&this._options.onSnap(Math.floor(Math.abs(this._position)/this._itemSize))),this._extent=r,this._scroll._extent=r}updatePosition(){var e="";this._enableX?e="translateX("+this._position+"px) translateZ(0)":this._enableY&&(e="translateY("+this._position+"px) translateZ(0)"),this._element.style.webkitTransform=e,this._element.style.transform=e}isScrolling(){return this._scrolling||this._snapping}}var lh=0;var uh=zu({name:"PickerViewColumn",setup(e,{slots:t,emit:n}){var r,i,a=sa(null),o=sa(null),s=Ga("getPickerViewColumn"),l=Cs(),u=s?s(l):sa(0),c=Ga("pickerViewProps"),d=Ga("pickerViewState"),h=sa(34),p=sa(null),f=Rs((()=>(d.height-h.value)/2)),{state:v}=fd(),g=function(e){var t="uni-picker-view-content-".concat(lh++);return Ka((()=>e.value),(function(){var n=document.createElement("style");n.innerText=".uni-picker-view-content.".concat(t,">*{height: ").concat(e.value,"px;overflow: hidden;}"),document.head.appendChild(n)})),t}(h),m=Ki({current:u.value,length:0});function y(){r&&!i&&(i=!0,Ia((()=>{i=!1;var e=Math.min(m.current,m.length-1);e=Math.max(e,0),r.update(e*h.value,void 0,h.value)})))}Ka((()=>u.value),(e=>{e!==m.current&&(m.current=e,y())})),Ka((()=>m.current),(e=>u.value=e)),Ka([()=>h.value,()=>m.length,()=>d.height],y);var _=0;function b(e){var t=_+e.deltaY;if(Math.abs(t)>10){_=0;var n=Math.min(m.current+(t<0?-1:1),m.length-1);m.current=n=Math.max(n,0),r.scrollTo(n*h.value)}else _=t;e.preventDefault()}function w({clientY:e}){var t=a.value;if(!r.isScrolling()){var n=e-t.getBoundingClientRect().top-d.height/2,i=h.value/2;if(!(Math.abs(n)<=i)){var o=Math.ceil((Math.abs(n)-i)/h.value),s=n<0?-o:o,l=Math.min(m.current+s,m.length-1);m.current=l=Math.max(l,0),r.scrollTo(l*h.value)}}}var x=()=>{var e,t,n,i=a.value,s=o.value,{scroller:l,handleTouchStart:u,handleTouchMove:c,handleTouchEnd:d}=function(e,t){var n={trackingID:-1,maxDy:0,maxDx:0},r=new sh(e,t);function i(e){var t=e,r=e;return"move"===t.detail.state||"end"===t.detail.state?{x:t.detail.dx,y:t.detail.dy}:{x:r.screenX-n.x,y:r.screenY-n.y}}return{scroller:r,handleTouchStart:function(e){var t=e,i=e;"start"===t.detail.state?(n.trackingID="touch",n.x=t.detail.x,n.y=t.detail.y):(n.trackingID="mouse",n.x=i.screenX,n.y=i.screenY),n.maxDx=0,n.maxDy=0,n.historyX=[0],n.historyY=[0],n.historyTime=[t.detail.timeStamp||i.timeStamp],n.listener=r,r.onTouchStart&&r.onTouchStart(),e.preventDefault()},handleTouchMove:function(e){var t=e,r=e;if(-1!==n.trackingID){e.preventDefault();var a=i(e);if(a){for(n.maxDy=Math.max(n.maxDy,Math.abs(a.y)),n.maxDx=Math.max(n.maxDx,Math.abs(a.x)),n.historyX.push(a.x),n.historyY.push(a.y),n.historyTime.push(t.detail.timeStamp||r.timeStamp);n.historyTime.length>10;)n.historyTime.shift(),n.historyX.shift(),n.historyY.shift();n.listener&&n.listener.onTouchMove&&n.listener.onTouchMove(a.x,a.y)}}},handleTouchEnd:function(e){if(-1!==n.trackingID){e.preventDefault();var t=i(e);if(t){var r=n.listener;n.trackingID=-1,n.listener=null;var a={x:0,y:0};if(n.historyTime.length>2)for(var o=n.historyTime.length-1,s=n.historyTime[o],l=n.historyX[o],u=n.historyY[o];o>0;){o--;var c=s-n.historyTime[o];if(c>30&&c<50){a.x=(l-n.historyX[o])/(c/1e3),a.y=(u-n.historyY[o])/(c/1e3);break}}n.historyTime=[],n.historyX=[],n.historyY=[],r&&r.onTouchEnd&&r.onTouchEnd(t.x,t.y,a)}}}}}(s,{enableY:!0,enableX:!1,enableSnap:!0,itemSize:h.value,friction:new nh(1e-4),spring:new ah(2,90,20),onSnap:e=>{isNaN(e)||e===m.current||(m.current=e)}});r=l,$d(i,(e=>{switch(e.detail.state){case"start":u(e),Id({disable:!0});break;case"move":c(e);break;case"end":case"cancel":d(e),Id({disable:!1})}}),!0),t=0,n=0,(e=i).addEventListener("touchstart",(e=>{var r=e.changedTouches[0];t=r.clientX,n=r.clientY})),e.addEventListener("touchend",(e=>{var r=e.changedTouches[0];if(Math.abs(r.clientX-t)<20&&Math.abs(r.clientY-n)<20){var i={bubbles:!0,cancelable:!0,target:e.target,currentTarget:e.currentTarget},a=new CustomEvent("click",i);["screenX","screenY","clientX","clientY","pageX","pageY"].forEach((e=>{a[e]=r[e]})),e.target.dispatchEvent(a)}})),Od(),y()};return Ld((()=>{var e;m.length=o.value.children.length,e=p.value,h.value=e.$el.offsetHeight,x()})),()=>{var e=t.default&&t.default(),n="".concat(f.value,"px 0");return ps("uni-picker-view-column",{ref:a},{default:()=>[ps("div",{onWheel:b,onClick:w,class:"uni-picker-view-group"},[ps("div",_s(v.attrs,{class:["uni-picker-view-mask",c.maskClass],style:"background-size: 100% ".concat(f.value,"px;").concat(c.maskStyle)}),null,16),ps("div",_s(v.attrs,{class:["uni-picker-view-indicator",c.indicatorClass],style:c.indicatorStyle}),[ps(ic,{ref:p,onResize:({height:e})=>h.value=e},null,8,["onResize"])],16),ps("div",{ref:o,class:["uni-picker-view-content",g],style:{padding:n}},[e],6)],40,["onWheel","onClick"])]},512)}}}),ch=Qn,dh="backwards",hh=zu({name:"Progress",props:{percent:{type:[Number,String],default:0,validator:e=>!isNaN(parseFloat(e))},showInfo:{type:[Boolean,String],default:!1},strokeWidth:{type:[Number,String],default:6,validator:e=>!isNaN(parseFloat(e))},color:{type:String,default:ch},activeColor:{type:String,default:ch},backgroundColor:{type:String,default:"#EBEBEB"},active:{type:[Boolean,String],default:!1},activeMode:{type:String,default:dh},duration:{type:[Number,String],default:30,validator:e=>!isNaN(parseFloat(e))}},setup(e){var t=function(e){var t=sa(0),n=Rs((()=>"background-color: ".concat(e.backgroundColor,"; height: ").concat(e.strokeWidth,"px;"))),r=Rs((()=>{var n=e.color!==ch&&e.activeColor===ch?e.color:e.activeColor;return"width: ".concat(t.value,"%;background-color: ").concat(n)})),i=Rs((()=>{var t=parseFloat(e.percent);return t<0&&(t=0),t>100&&(t=100),t}));return Ki({outerBarStyle:n,innerBarStyle:r,realPercent:i,currentPercent:t,strokeTimer:0,lastPercent:0})}(e);return ph(t,e),Ka((()=>t.realPercent),((n,r)=>{t.strokeTimer&&clearInterval(t.strokeTimer),t.lastPercent=r||0,ph(t,e)})),()=>{var{showInfo:n}=e,{outerBarStyle:r,innerBarStyle:i,currentPercent:a}=t;return ps("uni-progress",{class:"uni-progress"},{default:()=>[ps("div",{style:r,class:"uni-progress-bar"},[ps("div",{style:i,class:"uni-progress-inner-bar"},null,4)],4),n?ps("p",{class:"uni-progress-info"},[a+"%"]):""],_:1})}}});function ph(e,t){t.active?(e.currentPercent=t.activeMode===dh?0:e.lastPercent,e.strokeTimer=setInterval((()=>{e.currentPercent+1>e.realPercent?(e.currentPercent=e.realPercent,e.strokeTimer&&clearInterval(e.strokeTimer)):e.currentPercent+=1}),parseFloat(t.duration))):e.currentPercent=e.realPercent}var fh=xl("ucg"),vh=zu({name:"RadioGroup",props:{name:{type:String,default:""}},setup(e,{emit:t,slots:n}){var r=sa(null);return function(e,t){var n=[];ho((()=>{s(n.length-1)}));var r=()=>{var e;return null===(e=n.find((e=>e.value.radioChecked)))||void 0===e?void 0:e.value.value};Xa(fh,{addField(e){n.push(e)},removeField(e){n.splice(n.indexOf(e),1)},radioChange(e,i){s(n.indexOf(i),!0),t("change",e,{value:r()})}});var i=Ga(Ju,!1),a={submit:()=>{var t=["",null];return""!==e.name&&(t[0]=e.name,t[1]=r()),t}};i&&(i.addField(a),vo((()=>{i.removeField(a)})));function o(e,t){e.value={radioChecked:t,value:e.value.value}}function s(e,t){n.forEach(((r,i)=>{i!==e&&(t?o(n[i],!1):n.forEach(((e,t)=>{i>=t||n[t].value.radioChecked&&o(n[i],!1)})))}))}}(e,Gu(r,t)),()=>ps("uni-radio-group",{ref:r},{default:()=>[n.default&&n.default()]},512)}});var gh=zu({name:"Radio",props:{checked:{type:[Boolean,String],default:!1},id:{type:String,default:""},disabled:{type:[Boolean,String],default:!1},color:{type:String,default:"#007aff"},value:{type:String,default:""}},setup(e,{slots:t}){var n=sa(e.checked),r=sa(e.value),i=Rs((()=>"background-color: ".concat(e.color,";border-color: ").concat(e.color,";")));Ka([()=>e.checked,()=>e.value],(([e,t])=>{n.value=e,r.value=t}));var{uniCheckGroup:a,uniLabel:o,field:s}=function(e,t,n){var r=Rs({get:()=>({radioChecked:Boolean(e.value),value:t.value}),set:({radioChecked:t})=>{e.value=t}}),i={reset:n},a=Ga(fh,!1);a&&a.addField(r);var o=Ga(Ju,!1);o&&o.addField(i);var s=Ga(Zu,!1);return vo((()=>{a&&a.removeField(r),o&&o.removeField(i)})),{uniCheckGroup:a,uniForm:o,uniLabel:s,field:r}}(n,r,(()=>{n.value=!1})),l=t=>{e.disabled||(n.value=!0,a&&a.radioChange(t,s))};return o&&(o.addHandler(l),vo((()=>{o.removeHandler(l)}))),ec(e,{"label-click":l}),()=>{var{booleanAttrs:r}=Yu(e,"disabled");return ps("uni-radio",_s(r,{onClick:l}),{default:()=>[ps("div",{class:"uni-radio-wrapper"},[ps("div",{class:["uni-radio-input",{"uni-radio-input-disabled":e.disabled}],style:n.value?i.value:""},[n.value?Cl(kl,"#fff",18):""],6),t.default&&t.default()])]},16,["onClick"])}}});function mh(e){e=function(e){return e.replace(/<\?xml.*\?>\n/,"").replace(/<!doctype.*>\n/,"").replace(/<!DOCTYPE.*>\n/,"")}(e);var t=[],n={node:"root",children:[]};return $c(e,{start:function(e,r,i){var a={name:e};if(0!==r.length&&(a.attrs=function(e){return e.reduce((function(e,t){var n=t.value,r=t.name;return n.match(/ /)&&"style"!==r&&(n=n.split(" ")),e[r]?Array.isArray(e[r])?e[r].push(n):e[r]=[e[r],n]:e[r]=n,e}),{})}(r)),i){var o=t[0]||n;o.children||(o.children=[]),o.children.push(a)}else t.unshift(a)},end:function(e){var r=t.shift();if(r.name!==e&&console.error("invalid state: mismatch end tag"),0===t.length)n.children.push(r);else{var i=t[0];i.children||(i.children=[]),i.children.push(r)}},chars:function(e){var r={type:"text",text:e};if(0===t.length)n.children.push(r);else{var i=t[0];i.children||(i.children=[]),i.children.push(r)}},comment:function(e){var n={node:"comment",text:e},r=t[0];r.children||(r.children=[]),r.children.push(n)}}),n.children}var yh={a:"",abbr:"",b:"",blockquote:"",br:"",code:"",col:["span","width"],colgroup:["span","width"],dd:"",del:"",div:"",dl:"",dt:"",em:"",fieldset:"",h1:"",h2:"",h3:"",h4:"",h5:"",h6:"",hr:"",i:"",img:["alt","src","height","width"],ins:"",label:"",legend:"",li:"",ol:["start","type"],p:"",q:"",span:"",strong:"",sub:"",sup:"",table:["width"],tbody:"",td:["colspan","rowspan","height","width"],tfoot:"",th:["colspan","rowspan","height","width"],thead:"",tr:"",ul:""},_h={amp:"&",gt:">",lt:"<",nbsp:" ",quot:'"',apos:"'"};function bh(e,t){return e.forEach((function(e){if(bn(e))if(cn(e,"type")&&"node"!==e.type)"text"===e.type&&"string"==typeof e.text&&""!==e.text&&t.appendChild(document.createTextNode(e.text.replace(/&(([a-zA-Z]+)|(#x{0,1}[\da-zA-Z]+));/gi,(function(e,t){if(cn(_h,t)&&_h[t])return _h[t];if(/^#[0-9]{1,4}$/.test(t))return String.fromCharCode(t.slice(1));if(/^#x[0-9a-f]{1,4}$/i.test(t))return String.fromCharCode("0"+t.slice(1));var n=document.createElement("div");return n.innerHTML=e,n.innerText||n.textContent}))));else{if("string"!=typeof e.name||!e.name)return;var n=e.name.toLowerCase();if(!cn(yh,n))return;var r=document.createElement(n);if(!r)return;var i=e.attrs;if(bn(i)){var a=yh[n]||[];Object.keys(i).forEach((function(e){var t=i[e];switch(e){case"class":Array.isArray(t)&&(t=t.join(" "));case"style":r.setAttribute(e,t);break;default:-1!==a.indexOf(e)&&r.setAttribute(e,t)}}))}var o=e.children;Array.isArray(o)&&o.length&&bh(e.children,r),t.appendChild(r)}})),t}var wh=zu({name:"RichText",compatConfig:{MODE:3},props:{nodes:{type:[Array,String],default:function(){return[]}}},setup(e){var t=sa(null);function n(e){"string"==typeof e&&(e=mh(e));var n=bh(e,document.createDocumentFragment());t.value.firstElementChild.innerHTML="",t.value.firstElementChild.appendChild(n)}return Ka((()=>e.nodes),(e=>{n(e)})),ho((()=>{n(e.nodes)})),()=>ps("uni-rich-text",{ref:t},{default:()=>[ps("div",null,null)]},512)}}),xh=Dn(!0),Sh=zu({name:"ScrollView",compatConfig:{MODE:3},props:{scrollX:{type:[Boolean,String],default:!1},scrollY:{type:[Boolean,String],default:!1},upperThreshold:{type:[Number,String],default:50},lowerThreshold:{type:[Number,String],default:50},scrollTop:{type:[Number,String],default:0},scrollLeft:{type:[Number,String],default:0},scrollIntoView:{type:String,default:""},scrollWithAnimation:{type:[Boolean,String],default:!1},enableBackToTop:{type:[Boolean,String],default:!1},refresherEnabled:{type:[Boolean,String],default:!1},refresherThreshold:{type:Number,default:45},refresherDefaultStyle:{type:String,default:"back"},refresherBackground:{type:String,default:"#fff"},refresherTriggered:{type:[Boolean,String],default:!1}},emits:["scroll","scrolltoupper","scrolltolower","refresherrefresh","refresherrestore","refresherpulling","refresherabort","update:refresherTriggered"],setup(e,{emit:t,slots:n}){var r=sa(null),i=sa(null),a=sa(null),o=sa(null),s=sa(null),l=Gu(r,t),{state:u,scrollTopNumber:c,scrollLeftNumber:d}=function(e){var t=Rs((()=>Number(e.scrollTop)||0)),n=Rs((()=>Number(e.scrollLeft)||0));return{state:Ki({lastScrollTop:t.value,lastScrollLeft:n.value,lastScrollToUpperTime:0,lastScrollToLowerTime:0,refresherHeight:0,refreshRotate:0,refreshState:""}),scrollTopNumber:t,scrollLeftNumber:n}}(e);!function(e,t,n,r,i,a,o,s,l){var u=0,c=!1,d=0,h=!1,p=()=>{},f=Rs((()=>{var t=Number(e.upperThreshold);return isNaN(t)?50:t})),v=Rs((()=>{var t=Number(e.lowerThreshold);return isNaN(t)?50:t}));function g(e,t){var n=o.value,r=0,i="";if(e<0?e=0:"x"===t&&e>n.scrollWidth-n.offsetWidth?e=n.scrollWidth-n.offsetWidth:"y"===t&&e>n.scrollHeight-n.offsetHeight&&(e=n.scrollHeight-n.offsetHeight),"x"===t?r=n.scrollLeft-e:"y"===t&&(r=n.scrollTop-e),0!==r){var a=s.value;a.style.transition="transform .3s ease-out",a.style.webkitTransition="-webkit-transform .3s ease-out","x"===t?i="translateX("+r+"px) translateZ(0)":"y"===t&&(i="translateY("+r+"px) translateZ(0)"),a.removeEventListener("transitionend",p),a.removeEventListener("webkitTransitionEnd",p),p=()=>w(e,t),a.addEventListener("transitionend",p),a.addEventListener("webkitTransitionEnd",p),"x"===t?n.style.overflowX="hidden":"y"===t&&(n.style.overflowY="hidden"),a.style.transform=i,a.style.webkitTransform=i}}function m(n){if(n.timeStamp-u>20){u=n.timeStamp;var r=n.target;i("scroll",n,{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollHeight:r.scrollHeight,scrollWidth:r.scrollWidth,deltaX:t.lastScrollLeft-r.scrollLeft,deltaY:t.lastScrollTop-r.scrollTop}),e.scrollY&&(r.scrollTop<=f.value&&t.lastScrollTop-r.scrollTop>0&&n.timeStamp-t.lastScrollToUpperTime>200&&(i("scrolltoupper",n,{direction:"top"}),t.lastScrollToUpperTime=n.timeStamp),r.scrollTop+r.offsetHeight+v.value>=r.scrollHeight&&t.lastScrollTop-r.scrollTop<0&&n.timeStamp-t.lastScrollToLowerTime>200&&(i("scrolltolower",n,{direction:"bottom"}),t.lastScrollToLowerTime=n.timeStamp)),e.scrollX&&(r.scrollLeft<=f.value&&t.lastScrollLeft-r.scrollLeft>0&&n.timeStamp-t.lastScrollToUpperTime>200&&(i("scrolltoupper",n,{direction:"left"}),t.lastScrollToUpperTime=n.timeStamp),r.scrollLeft+r.offsetWidth+v.value>=r.scrollWidth&&t.lastScrollLeft-r.scrollLeft<0&&n.timeStamp-t.lastScrollToLowerTime>200&&(i("scrolltolower",n,{direction:"right"}),t.lastScrollToLowerTime=n.timeStamp)),t.lastScrollTop=r.scrollTop,t.lastScrollLeft=r.scrollLeft}}function y(t){e.scrollY&&(e.scrollWithAnimation?g(t,"y"):o.value.scrollTop=t)}function _(t){e.scrollX&&(e.scrollWithAnimation?g(t,"x"):o.value.scrollLeft=t)}function b(t){if(t){if(!/^[_a-zA-Z][-_a-zA-Z0-9:]*$/.test(t))return void console.error("id error: scroll-into-view=".concat(t));var n=a.value.querySelector("#"+t);if(n){var r=o.value.getBoundingClientRect(),i=n.getBoundingClientRect();if(e.scrollX){var s=i.left-r.left,l=o.value.scrollLeft+s;e.scrollWithAnimation?g(l,"x"):o.value.scrollLeft=l}if(e.scrollY){var u=i.top-r.top,c=o.value.scrollTop+u;e.scrollWithAnimation?g(c,"y"):o.value.scrollTop=c}}}}function w(t,n){s.value.style.transition="",s.value.style.webkitTransition="",s.value.style.transform="",s.value.style.webkitTransform="";var r=o.value;"x"===n?(r.style.overflowX=e.scrollX?"auto":"hidden",r.scrollLeft=t):"y"===n&&(r.style.overflowY=e.scrollY?"auto":"hidden",r.scrollTop=t),s.value.removeEventListener("transitionend",p),s.value.removeEventListener("webkitTransitionEnd",p)}function x(n){switch(n){case"refreshing":t.refresherHeight=e.refresherThreshold,c||(c=!0,i("refresherrefresh",{},{}),l("update:refresherTriggered",!0));break;case"restore":case"refresherabort":c=!1,t.refresherHeight=d=0,"restore"===n&&(h=!1,i("refresherrestore",{},{})),"refresherabort"===n&&h&&(h=!1,i("refresherabort",{},{}))}t.refreshState=n}ho((()=>{y(n.value),_(r.value),b(e.scrollIntoView);var a=function(e){e.stopPropagation(),m(e)},s={x:0,y:0},l=null,u=function(n){var r=n.touches[0].pageX,a=n.touches[0].pageY,u=o.value;if(Math.abs(r-s.x)>Math.abs(a-s.y))if(e.scrollX){if(0===u.scrollLeft&&r>s.x)return void(l=!1);if(u.scrollWidth===u.offsetWidth+u.scrollLeft&&r<s.x)return void(l=!1);l=!0}else l=!1;else if(e.scrollY)if(0===u.scrollTop&&a>s.y)l=!1,e.refresherEnabled&&!1!==n.cancelable&&n.preventDefault();else{if(u.scrollHeight===u.offsetHeight+u.scrollTop&&a<s.y)return void(l=!1);l=!0}else l=!1;if(l&&n.stopPropagation(),0===u.scrollTop&&1===n.touches.length&&(t.refreshState="pulling"),e.refresherEnabled&&"pulling"===t.refreshState){var p=a-s.y;0===d&&(d=a),c?(t.refresherHeight=p+e.refresherThreshold,h=!1):(t.refresherHeight=a-d,t.refresherHeight>0&&(h=!0,i("refresherpulling",n,{deltaY:p})));var f=t.refresherHeight/e.refresherThreshold;t.refreshRotate=360*(f>1?1:f)}},p=function(e){1===e.touches.length&&(Id({disable:!0}),s={x:e.touches[0].pageX,y:e.touches[0].pageY})},f=function(n){s={x:0,y:0},Id({disable:!1}),t.refresherHeight>=e.refresherThreshold?x("refreshing"):x("refresherabort")};o.value.addEventListener("touchstart",p,xh),o.value.addEventListener("touchmove",u),o.value.addEventListener("scroll",a,xh),o.value.addEventListener("touchend",f,xh),Od(),vo((()=>{o.value.removeEventListener("touchstart",p),o.value.removeEventListener("touchmove",u),o.value.removeEventListener("scroll",a),o.value.removeEventListener("touchend",f)}))})),io((()=>{e.scrollY&&(o.value.scrollTop=t.lastScrollTop),e.scrollX&&(o.value.scrollLeft=t.lastScrollLeft)})),Ka(n,(e=>{y(e)})),Ka(r,(e=>{_(e)})),Ka((()=>e.scrollIntoView),(e=>{b(e)})),Ka((()=>e.refresherTriggered),(e=>{!0===e?x("refreshing"):!1===e&&x("restore")}))}(e,u,c,d,l,r,i,o,t);var h=Rs((()=>{var t="";return e.scrollX?t+="overflow-x:auto;":t+="overflow-x:hidden;",e.scrollY?t+="overflow-y:auto;":t+="overflow-y:hidden;",t}));return()=>{var{refresherEnabled:t,refresherBackground:l,refresherDefaultStyle:c}=e,{refresherHeight:d,refreshState:p,refreshRotate:f}=u;return ps("uni-scroll-view",{ref:r},{default:()=>[ps("div",{ref:a,class:"uni-scroll-view"},[ps("div",{ref:i,style:h.value,class:"uni-scroll-view"},[ps("div",{ref:o,class:"uni-scroll-view-content"},[t?ps("div",{ref:s,style:{backgroundColor:l,height:d+"px"},class:"uni-scroll-view-refresher"},["none"!==c?ps("div",{class:"uni-scroll-view-refresh"},[ps("div",{class:"uni-scroll-view-refresh-inner"},["pulling"==p?ps("svg",{key:"refresh__icon",style:{transform:"rotate("+f+"deg)"},fill:"#2BD009",class:"uni-scroll-view-refresh__icon",width:"24",height:"24",viewBox:"0 0 24 24"},[ps("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"},null),ps("path",{d:"M0 0h24v24H0z",fill:"none"},null)],4):null,"refreshing"==p?ps("svg",{key:"refresh__spinner",class:"uni-scroll-view-refresh__spinner",width:"24",height:"24",viewBox:"25 25 50 50"},[ps("circle",{cx:"50",cy:"50",r:"20",fill:"none",style:"color: #2bd009","stroke-width":"3"},null)]):null])]):null,"none"==c?n.refresher&&n.refresher():null],4):null,n.default&&n.default()],512)],4)],512)]},512)}}});var Th=zu({name:"Slider",props:{name:{type:String,default:""},min:{type:[Number,String],default:0},max:{type:[Number,String],default:100},value:{type:[Number,String],default:0},step:{type:[Number,String],default:1},disabled:{type:[Boolean,String],default:!1},color:{type:String,default:"#e9e9e9"},backgroundColor:{type:String,default:"#e9e9e9"},activeColor:{type:String,default:"#007aff"},selectedColor:{type:String,default:"#007aff"},blockColor:{type:String,default:"#ffffff"},blockSize:{type:[Number,String],default:28},showValue:{type:[Boolean,String],default:!1}},emits:["changing","change"],setup(e,{emit:t}){var n=sa(null),r=sa(null),i=sa(null),a=sa(Number(e.value));Ka((()=>e.value),(e=>{a.value=Number(e)}));var o=Gu(n,t),s=function(e,t){var n=()=>{var n=Number(e.max),r=Number(e.min);return 100*(t.value-r)/(n-r)+"%"},r=()=>"#e9e9e9"!==e.backgroundColor?e.backgroundColor:"#007aff"!==e.color?e.color:"#007aff",i=()=>"#007aff"!==e.activeColor?e.activeColor:"#e9e9e9"!==e.selectedColor?e.selectedColor:"#e9e9e9";return{setBgColor:Rs((()=>({backgroundColor:r()}))),setBlockBg:Rs((()=>({left:n()}))),setActiveColor:Rs((()=>({backgroundColor:i(),width:n()}))),setBlockStyle:Rs((()=>({width:e.blockSize+"px",height:e.blockSize+"px",marginLeft:-e.blockSize/2+"px",marginTop:-e.blockSize/2+"px",left:n(),backgroundColor:e.blockColor})))}}(e,a),{_onClick:l,_onTrack:u}=function(e,t,n,r,i){var a=n=>{e.disabled||(s(n),i("change",n,{value:t.value}))},o=t=>{var n=Number(e.max),r=Number(e.min),i=Number(e.step);return t<r?r:t>n?n:Eh.mul.call(Math.round((t-r)/i),i)+r},s=i=>{var a=Number(e.max),s=Number(e.min),l=r.value,u=getComputedStyle(l,null).marginLeft,c=l.offsetWidth;c+=parseInt(u);var d=n.value,h=d.offsetWidth-(e.showValue?c:0),p=d.getBoundingClientRect().left,f=(i.x-p)*(a-s)/h+s;t.value=o(f)},l=n=>{if(!e.disabled)return"move"===n.detail.state?(s({x:n.detail.x}),i("changing",n,{value:t.value}),!1):"end"===n.detail.state&&i("change",n,{value:t.value})},u=Ga(Ju,!1);if(u){var c={reset:()=>t.value=Number(e.min),submit:()=>{var n=["",null];return""!==e.name&&(n[0]=e.name,n[1]=t.value),n}};u.addField(c),vo((()=>{u.removeField(c)}))}return{_onClick:a,_onTrack:l}}(e,a,n,r,o);return ho((()=>{$d(i.value,u)})),()=>{var{setBgColor:t,setBlockBg:o,setActiveColor:u,setBlockStyle:c}=s;return ps("uni-slider",{ref:n,onClick:Xu(l)},{default:()=>[ps("div",{class:"uni-slider-wrapper"},[ps("div",{class:"uni-slider-tap-area"},[ps("div",{style:t.value,class:"uni-slider-handle-wrapper"},[ps("div",{ref:i,style:o.value,class:"uni-slider-handle"},null,4),ps("div",{style:c.value,class:"uni-slider-thumb"},null,4),ps("div",{style:u.value,class:"uni-slider-track"},null,4)],4)]),qo(ps("span",{ref:r,class:"uni-slider-value"},[a.value],512),[[al,e.showValue]])]),ps("slot",null,null)],_:1},8,["onClick"])}}});var Eh={mul:function(e){var t=0,n=this.toString(),r=e.toString();try{t+=n.split(".")[1].length}catch(i){}try{t+=r.split(".")[1].length}catch(i){}return Number(n.replace(".",""))*Number(r.replace(".",""))/Math.pow(10,t)}};function kh(e,t,n,r,i,a){function o(){u&&(clearTimeout(u),u=null)}var s,l,u=null,c=!0,d=0,h=1,p=null,f=!1,v=0,g="",m=Rs((()=>e.circular&&n.value.length>t.displayMultipleItems));function y(i){Math.floor(2*d)===Math.floor(2*i)&&Math.ceil(2*d)===Math.ceil(2*i)||m.value&&function(r){if(!c)for(var i=n.value,a=i.length,o=r+t.displayMultipleItems,s=0;s<a;s++){var l=i[s],u=Math.floor(r/a)*a+s,d=u+a,h=u-a,p=Math.max(r-(u+1),u-o,0),f=Math.max(r-(d+1),d-o,0),v=Math.max(r-(h+1),h-o,0),g=Math.min(p,f,v),m=[u,d,h][[p,f,v].indexOf(g)];l.updatePosition(m,e.vertical)}}(i);var o="translate("+(e.vertical?"0":100*-i*h+"%")+", "+(e.vertical?100*-i*h+"%":"0")+") translateZ(0)",l=r.value;if(l&&(l.style.webkitTransform=o,l.style.transform=o),d=i,!s){if(i%1==0)return;s=i}i-=Math.floor(s);var u=n.value;i<=-(u.length-1)?i+=u.length:i>=u.length&&(i-=u.length),i=s%1>.5||s<0?i-1:i,a("transition",{},{dx:e.vertical?0:i*l.offsetWidth,dy:e.vertical?i*l.offsetHeight:0})}function _(e){var r=n.value.length;if(!r)return-1;var i=(Math.round(e)%r+r)%r;if(m.value){if(r<=t.displayMultipleItems)return 0}else if(i>r-t.displayMultipleItems)return r-t.displayMultipleItems;return i}function b(){p=null}function w(){if(p){var e=p,r=e.toPos,i=e.acc,o=e.endTime,u=e.source,c=o-Date.now();if(c<=0){y(r),p=null,f=!1,s=null;var d=n.value[t.current];if(d){var h=d.getItemId();a("animationfinish",{},{current:t.current,currentItemId:h,source:u})}}else{y(r+i*c*c/2),l=requestAnimationFrame(w)}}else f=!1}function x(e,r,i){b();var a=t.duration,o=n.value.length,s=d;if(m.value)if(i<0){for(;s<e;)s+=o;for(;s-o>e;)s-=o}else if(i>0){for(;s>e;)s-=o;for(;s+o<e;)s+=o}else{for(;s+o<e;)s+=o;for(;s-o>e;)s-=o;s+o-e<e-s&&(s+=o)}p={toPos:e,acc:2*(s-e)/(a*a),endTime:Date.now()+a,source:r},f||(f=!0,l=requestAnimationFrame(w))}function S(){o();var e=n.value,r=function(){u=null,g="autoplay",m.value?t.current=_(t.current+1):t.current=t.current+t.displayMultipleItems<e.length?t.current+1:0,x(t.current,"autoplay",m.value?1:0),u=setTimeout(r,t.interval)};c||e.length<=t.displayMultipleItems||(u=setTimeout(r,t.interval))}function T(e){e?S():o()}return Ka([()=>e.current,()=>e.currentItemId,()=>[...n.value]],(()=>{var r=-1;if(e.currentItemId)for(var i=0,a=n.value;i<a.length;i++){if(a[i].getItemId()===e.currentItemId){r=i;break}}r<0&&(r=Math.round(e.current)||0),r=r<0?0:r,t.current!==r&&(g="",t.current=r)})),Ka([()=>e.vertical,()=>m.value,()=>t.displayMultipleItems,()=>[...n.value]],(function(){o(),p&&(y(p.toPos),p=null);for(var i=n.value,a=0;a<i.length;a++)i[a].updatePosition(a,e.vertical);h=1;var s=r.value;if(1===t.displayMultipleItems&&i.length){var l=i[0].getBoundingClientRect(),u=s.getBoundingClientRect();(h=l.width/u.width)>0&&h<1||(h=1)}var f=d;d=-2;var g=t.current;g>=0?(c=!1,t.userTracking?(y(f+g-v),v=g):(y(g),e.autoplay&&S())):(c=!0,y(-t.displayMultipleItems-1))})),Ka((()=>t.interval),(()=>{u&&(o(),S())})),Ka((()=>t.current),((e,r)=>{!function(e,r){var i=g;g="";var o=n.value;if(!i){var s=o.length;x(e,"",m.value&&r+(s-e)%s>s/2?1:0)}var l=o[e];if(l){var u=t.currentItemId=l.getItemId();a("change",{},{current:t.current,currentItemId:u,source:i})}}(e,r),i("update:current",e)})),Ka((()=>t.currentItemId),(e=>{i("update:currentItemId",e)})),Ka((()=>e.autoplay&&!t.userTracking),T),T(e.autoplay&&!t.userTracking),ho((()=>{var i=!1,a=0,s=0;function l(e){t.userTracking=!1;var n=a/Math.abs(a),r=0;!e&&Math.abs(a)>.2&&(r=.5*n);var i=_(d+r);e?y(v):(g="touch",t.current=i,x(i,"touch",0!==r?r:0===i&&m.value&&d>=1?1:0))}$d(r.value,(u=>{if(!e.disableTouch&&!c){if("start"===u.detail.state)return t.userTracking=!0,i=!1,o(),v=d,a=0,s=Date.now(),void b();if("end"===u.detail.state)return l(!1);if("cancel"===u.detail.state)return l(!0);if(t.userTracking){if(!i){i=!0;var h=Math.abs(u.detail.dx),p=Math.abs(u.detail.dy);if((h>=p&&e.vertical||h<=p&&!e.vertical)&&(t.userTracking=!1),!t.userTracking)return void(e.autoplay&&S())}return function(i){var o=s;s=Date.now();var l=n.value.length-t.displayMultipleItems;function u(e){return.5-.25/(e+.5)}function c(e,t){var n=v+e;a=.6*a+.4*t,m.value||(n<0||n>l)&&(n<0?n=-u(-n):n>l&&(n=l+u(n-l)),a=0),y(n)}var d=s-o||1,h=r.value;e.vertical?c(-i.dy/h.offsetHeight,-i.ddy/d):c(-i.dx/h.offsetWidth,-i.ddx/d)}(u.detail),!1}}}))})),go((()=>{o(),cancelAnimationFrame(l)})),{onSwiperDotClick:function(e){x(t.current=e,g="click",m.value?1:0)}}}var Ch=zu({name:"Swiper",props:{indicatorDots:{type:[Boolean,String],default:!1},vertical:{type:[Boolean,String],default:!1},autoplay:{type:[Boolean,String],default:!1},circular:{type:[Boolean,String],default:!1},interval:{type:[Number,String],default:5e3},duration:{type:[Number,String],default:500},current:{type:[Number,String],default:0},indicatorColor:{type:String,default:""},indicatorActiveColor:{type:String,default:""},previousMargin:{type:String,default:""},nextMargin:{type:String,default:""},currentItemId:{type:String,default:""},skipHiddenItemLayout:{type:[Boolean,String],default:!1},displayMultipleItems:{type:[Number,String],default:1},disableTouch:{type:[Boolean,String],default:!1}},emits:["change","transition","animationfinish","update:current","update:currentItemId"],setup(e,{slots:t,emit:n}){var r=sa(null),i=Gu(r,n),a=sa(null),o=sa(null),s=function(e){return Ki({interval:Rs((()=>{var t=Number(e.interval);return isNaN(t)?5e3:t})),duration:Rs((()=>{var t=Number(e.duration);return isNaN(t)?500:t})),displayMultipleItems:Rs((()=>{var t=Math.round(e.displayMultipleItems);return isNaN(t)?1:t})),current:Math.round(e.current)||0,currentItemId:e.currentItemId,userTracking:!1})}(e),l=Rs((()=>{var t={};return(e.nextMargin||e.previousMargin)&&(t=e.vertical?{left:0,right:0,top:Tl(e.previousMargin,!0),bottom:Tl(e.nextMargin,!0)}:{top:0,bottom:0,left:Tl(e.previousMargin,!0),right:Tl(e.nextMargin,!0)}),t})),u=Rs((()=>{var t=Math.abs(100/s.displayMultipleItems)+"%";return{width:e.vertical?"100%":t,height:e.vertical?t:"100%"}})),c=[],d=[],h=sa([]);function p(){for(var e=[],t=function(t){var n=c[t];n instanceof Element||(n=n.el);var r=d.find((e=>n===e.rootRef.value));r&&e.push(ia(r))},n=0;n<c.length;n++)t(n);h.value=e}Ld((()=>{c=o.value.children,p()}));Xa("addSwiperContext",(function(e){d.push(e),p()}));Xa("removeSwiperContext",(function(e){var t=d.indexOf(e);t>=0&&(d.splice(t,1),p())}));var{onSwiperDotClick:f}=kh(e,s,h,o,n,i);return()=>{var n=t.default&&t.default();return c=Nd(n),ps("uni-swiper",{ref:r},{default:()=>[ps("div",{ref:a,class:"uni-swiper-wrapper"},[ps("div",{class:"uni-swiper-slides",style:l.value},[ps("div",{ref:o,class:"uni-swiper-slide-frame",style:u.value},[n],4)],4),e.indicatorDots&&ps("div",{class:["uni-swiper-dots",e.vertical?"uni-swiper-dots-vertical":"uni-swiper-dots-horizontal"]},[h.value.map(((t,n,r)=>ps("div",{onClick:()=>f(n),class:{"uni-swiper-dot":!0,"uni-swiper-dot-active":n<s.current+s.displayMultipleItems&&n>=s.current||n<s.current+s.displayMultipleItems-r.length},style:{background:n===s.current?e.indicatorActiveColor:e.indicatorColor}},null,14,["onClick"])))],2)],512)]},512)}}}),Mh=zu({name:"SwiperItem",props:{itemId:{type:String,default:""}},setup(e,{slots:t}){var n=sa(null),r={rootRef:n,getItemId:()=>e.itemId,getBoundingClientRect:()=>n.value.getBoundingClientRect(),updatePosition(e,t){var r=t?"0":100*e+"%",i=t?100*e+"%":"0",a=n.value,o="translate(".concat(r,",").concat(i,") translateZ(0)");a&&(a.style.webkitTransform=o,a.style.transform=o)}};return ho((()=>{var e=Ga("addSwiperContext");e&&e(r)})),go((()=>{var e=Ga("removeSwiperContext");e&&e(r)})),()=>ps("uni-swiper-item",{ref:n,style:{position:"absolute",width:"100%",height:"100%"}},{default:()=>[t.default&&t.default()]},512)}}),Oh=zu({name:"Switch",props:{name:{type:String,default:""},checked:{type:[Boolean,String],default:!1},type:{type:String,default:"switch"},id:{type:String,default:""},disabled:{type:[Boolean,String],default:!1},color:{type:String,default:"#007aff"}},emits:["change"],setup(e,{emit:t}){var n=sa(null),r=sa(e.checked),i=function(e,t){var n=Ga(Ju,!1),r=Ga(Zu,!1),i={submit:()=>{var n=["",null];return e.name&&(n[0]=e.name,n[1]=t.value),n},reset:()=>{t.value=!1}};n&&(n.addField(i),go((()=>{n.removeField(i)})));return r}(e,r),a=Gu(n,t);Ka((()=>e.checked),(e=>{r.value=e}));var o=t=>{e.disabled||(r.value=!r.value,a("change",t,{value:r.value}))};return i&&(i.addHandler(o),vo((()=>{i.removeHandler(o)}))),ec(e,{"label-click":o}),()=>{var{color:t,type:i}=e,{booleanAttrs:a}=Yu(e,"disabled");return ps("uni-switch",_s({ref:n},a,{onClick:o}),{default:()=>[ps("div",{class:"uni-switch-wrapper"},[qo(ps("div",{class:["uni-switch-input",[r.value?"uni-switch-input-checked":""]],style:{backgroundColor:r.value?t:"#DFDFDF",borderColor:r.value?t:"#DFDFDF"}},null,6),[[al,"switch"===i]]),qo(ps("div",{class:"uni-checkbox-input"},[r.value?Cl(kl,e.color,22):""],512),[[al,"checkbox"===i]])])]},16,["onClick"])}}});var Ih={ensp:" ",emsp:" ",nbsp:" "};function Nh(e,t){return e.replace(/\\n/g,"\n").split("\n").map((e=>function(e,{space:t,decode:n}){if(!e)return e;t&&Ih[t]&&(e=e.replace(/ /g,Ih[t]));if(!n)return e;return e.replace(/&nbsp;/g,Ih.nbsp).replace(/&ensp;/g,Ih.ensp).replace(/&emsp;/g,Ih.emsp).replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&").replace(/&quot;/g,'"').replace(/&apos;/g,"'")}(e,t)))}var Lh=sn({},yd,{placeholderClass:{type:String,default:"input-placeholder"},autoHeight:{type:[Boolean,String],default:!1},confirmType:{type:String,default:""}}),Ah=!1;var Ph=zu({name:"Textarea",props:Lh,emit:["confirm","linechange",..._d],setup(e,{emit:t}){var n,r=sa(null),{fieldRef:i,state:a,scopedAttrsState:o,fixDisabledColor:s,trigger:l}=xd(e,r,t),u=Rs((()=>a.value.split("\n"))),c=Rs((()=>["done","go","next","search","send"].includes(e.confirmType))),d=sa(0),h=sa(null);function p({height:e}){d.value=e}function f(e){"Enter"===e.key&&c.value&&e.preventDefault()}function v(e){"Enter"===e.key&&(c.value&&(!function(e){l("confirm",e,{value:a.value})}(e),e.target.blur()))}return Ka((()=>d.value),(t=>{var n=r.value,i=h.value,a=parseFloat(getComputedStyle(n).lineHeight);isNaN(a)&&(a=i.offsetHeight);var o=Math.round(t/a);l("linechange",{},{height:t,heightRpx:750/window.innerWidth*t,lineCount:o}),e.autoHeight&&(n.style.height=t+"px")})),n="(prefers-color-scheme: dark)",Ah=0===String(navigator.platform).indexOf("iP")&&0===String(navigator.vendor).indexOf("Apple")&&window.matchMedia(n).media!==n,()=>{var t=e.disabled&&s?ps("textarea",{ref:i,value:a.value,tabindex:"-1",readonly:!!e.disabled,maxlength:a.maxlength,class:{"uni-textarea-textarea":!0,"uni-textarea-textarea-fix-margin":Ah},style:{overflowY:e.autoHeight?"hidden":"auto"},onFocus:e=>e.target.blur()},null,46,["value","readonly","maxlength","onFocus"]):ps("textarea",{ref:i,value:a.value,disabled:!!e.disabled,maxlength:a.maxlength,enterkeyhint:e.confirmType,class:{"uni-textarea-textarea":!0,"uni-textarea-textarea-fix-margin":Ah},style:{overflowY:e.autoHeight?"hidden":"auto"},onKeydown:f,onKeyup:v},null,46,["value","disabled","maxlength","enterkeyhint","onKeydown","onKeyup"]);return ps("uni-textarea",{ref:r},{default:()=>[ps("div",{class:"uni-textarea-wrapper"},[qo(ps("div",_s(o.attrs,{style:e.placeholderStyle,class:["uni-textarea-placeholder",e.placeholderClass]}),[e.placeholder],16),[[al,!a.value.length]]),ps("div",{ref:h,class:"uni-textarea-line"},[" "],512),ps("div",{class:"uni-textarea-compute"},[u.value.map((e=>ps("div",null,[e.trim()?e:"."]))),ps(ic,{initial:!0,onResize:p},null,8,["initial","onResize"])]),"search"===e.confirmType?ps("form",{action:"",onSubmit:()=>!1,class:"uni-input-form"},[t],40,["onSubmit"]):t])]},512)}}});function Rh(e,t){if(t||(t=e.id),t)return e.$options.name.toLowerCase()+"."+t}function Bh(e,t,n){e&&kr(n||Ol(),e,(({type:e,data:n},r)=>{t(e,n,r)}))}function Dh(e){e&&function(e,t){t=Er(e,t),delete Tr[t]}(Ol(),e)}function $h(e,t,n,r){var i=Cs().proxy;ho((()=>{Bh(t||Rh(i),e,r),!n&&t||Ka((()=>i.id),((t,n)=>{Bh(Rh(i,t),e,r),Dh(n&&Rh(i,n))}))})),vo((()=>{Dh(t||Rh(i))}))}sn({},qu);var Fh=0;function Wh(e){var t=Ml(),n=Cs().proxy,r=n.$options.name.toLowerCase(),i=e||n.id||"context".concat(Fh++);return ho((()=>{n.$el.__uniContextInfo={id:i,type:r,page:t}})),"".concat(r,".").concat(i)}class jh extends Fu{constructor(e,t,n,r,i,a=[]){super(e,t,n,r,i,[...Vu.props,...a])}call(e){var t={animation:this.$props.animation,$el:this.$};e.call(t)}setAttribute(e,t){return"animation"===e&&(this.$animate=!0),super.setAttribute(e,t)}update(e=!1){if(this.$animate)return e?this.call(Vu.mounted):void(this.$animate&&(this.$animate=!1,this.call(Vu.watch.animation.handler)))}}var Vh=["space","decode"];var zh=["hover-class","hover-stop-propagation","hover-start-time","hover-stay-time"];class Hh extends jh{constructor(e,t,n,r,i,a=[]){super(e,t,n,r,i,[...zh,...a])}update(e=!1){var t=this.$props["hover-class"];t&&"none"!==t?(this._hover||(this._hover=new qh(this.$,this.$props)),this._hover.addEvent()):this._hover&&this._hover.removeEvent(),super.update(e)}}class qh{constructor(e,t){this._listening=!1,this._hovering=!1,this._hoverTouch=!1,this.$=e,this.props=t,this.__hoverTouchStart=this._hoverTouchStart.bind(this),this.__hoverTouchEnd=this._hoverTouchEnd.bind(this),this.__hoverTouchCancel=this._hoverTouchCancel.bind(this)}get hovering(){return this._hovering}set hovering(e){this._hovering=e;var t=this.props["hover-class"];e?this.$.classList.add(t):this.$.classList.remove(t)}addEvent(){this._listening||(this._listening=!0,this.$.addEventListener("touchstart",this.__hoverTouchStart),this.$.addEventListener("touchend",this.__hoverTouchEnd),this.$.addEventListener("touchcancel",this.__hoverTouchCancel))}removeEvent(){this._listening&&(this._listening=!1,this.$.removeEventListener("touchstart",this.__hoverTouchStart),this.$.removeEventListener("touchend",this.__hoverTouchEnd),this.$.removeEventListener("touchcancel",this.__hoverTouchCancel))}_hoverTouchStart(e){if(!e._hoverPropagationStopped){var t=this.props["hover-class"];t&&"none"!==t&&!this.$.disabled&&(e.touches.length>1||(this.props["hover-stop-propagation"]&&(e._hoverPropagationStopped=!0),this._hoverTouch=!0,this._hoverStartTimer=setTimeout((()=>{this.hovering=!0,this._hoverTouch||this._hoverReset()}),this.props["hover-start-time"])))}}_hoverTouchEnd(){this._hoverTouch=!1,this.hovering&&this._hoverReset()}_hoverReset(){requestAnimationFrame((()=>{clearTimeout(this._hoverStayTimer),this._hoverStayTimer=setTimeout((()=>{this.hovering=!1}),this.props["hover-stay-time"])}))}_hoverTouchCancel(){this._hoverTouch=!1,this.hovering=!1,clearTimeout(this._hoverStartTimer)}}function Uh(){return plus.navigator.isImmersedStatusbar()?Math.round("iOS"===plus.os.name?plus.navigator.getSafeAreaInsets().top:plus.navigator.getStatusbarHeight()):0}function Yh(){var e=plus.webview.currentWebview().getStyle(),t=e&&e.titleNView;return t&&"default"===t.type?44+Uh():0}var Xh=Symbol("onDraw");function Gh(e,t){return Rs((()=>{var n={};return Object.keys(e).forEach((r=>{if(!t||!t.includes(r)){var i=e[r];i="src"===r?Ul(i):i,n[r.replace(/[A-Z]/g,(e=>"-"+e.toLowerCase()))]=i}})),n}))}function Jh(e){var t=Ki({top:"0px",left:"0px",width:"0px",height:"0px",position:"static"}),n=sa(!1);function r(){var r=e.value,i=r.getBoundingClientRect(),a=["width","height"];n.value=0===i.width||0===i.height,n.value||(t.position=function(e){for(var t;e;){var n=getComputedStyle(e),r=n.transform||n.webkitTransform;t=(!r||"none"===r)&&t,t="fixed"===n.position||t,e=e.parentElement}return t}(r)?"absolute":"static",a.push("top","left")),a.forEach((e=>{var n=i[e];n="top"===e?n+("static"===t.position?document.documentElement.scrollTop||document.body.scrollTop||0:Yh()):n,t[e]=n+"px"}))}var i=null;window.addEventListener("updateview",(function(){i&&cancelAnimationFrame(i),i=requestAnimationFrame((()=>{i=null,r()}))}));var a=[],o=[];return Xa(Xh,(function(e){a?a.push(e):e(t)})),ho((()=>{r(),o.forEach((e=>e())),o=null})),{position:t,hidden:n,onParentReady:function(e){var n=Ga(Xh),r=n=>{e(n),a.forEach((e=>e(t))),a=null};!function(e){o?o.push(e):e()}((()=>{n?n(r):r({top:"0px",left:"0px",width:Number.MAX_SAFE_INTEGER+"px",height:Number.MAX_SAFE_INTEGER+"px",position:"static"})}))}}}var Kh=zu({name:"Ad",props:{adpid:{type:[Number,String],default:""},data:{type:Object,default:null},dataCount:{type:Number,default:5},channel:{type:String,default:""}},setup(e,{emit:t}){var n,r=sa(null),i=sa(null),a=Gu(r,t),o=Gh(e,["id"]),{position:s,onParentReady:l}=Jh(i);return l((()=>{function t(){var t={adpid:e.adpid,width:s.width,count:e.dataCount};void 0!==e.channel&&(t.ext={channel:e.channel}),UniViewJSBridge.invokeServiceMethod("getAdData",t,(({code:e,data:t,message:r})=>{0===e?n.renderingBind(t):a("error",{},{errMsg:r})}))}n=plus.ad.createAdView(Object.assign({},o.value,s)),plus.webview.currentWebview().append(n),n.setDislikeListener((e=>{i.value.style.height="0",window.dispatchEvent(new CustomEvent("updateview")),a("close",{},e)})),n.setRenderingListener((e=>{0===e.result?(i.value.style.height=e.height+"px",window.dispatchEvent(new CustomEvent("updateview"))):a("error",{},{errCode:e.result})})),n.setAdClickedListener((()=>{a("adclicked",{},{})})),Ka((()=>s),(e=>n.setStyle(e)),{deep:!0}),Ka((()=>e.adpid),(e=>{e&&t()})),Ka((()=>e.data),(e=>{e&&n.renderingBind(e)})),e.adpid&&t()})),vo((()=>{n&&n.close()})),()=>ps("uni-ad",{ref:r},{default:()=>[ps("div",{ref:i,class:"uni-ad-container"},null,512)]},512)}});class Zh extends Su{constructor(e,t,n,r,i,a,o){super(e,t,r);var s=document.createElement("div");s.__vueParent=function(e){for(;e&&e.pid>0;)if(e=Lp(e.pid)){var{__vueParentComponent:t}=e.$;if(t)return t}return null}(this),this.$props=Ki({}),this.init(a),this.$app=ul(function(e,t){return()=>function(e,t,n){var r=arguments.length;return 2===r?gn(t)&&!dn(t)?ls(t)?ps(e,null,[t]):ps(e,t):ps(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):3===r&&ls(n)&&(n=[n]),ps(e,t,n))}(e,t)}(n,this.$props)),this.$app.mount(s),this.$=s.firstElementChild,o&&(this.$holder=this.$.querySelector(o)),cn(a,"t")&&this.setText(a.t||""),a.a&&cn(a.a,Yn)&&$u(this.$,a.a[".vShow"]),this.insert(r,i),Ra()}init(e){var{a:t,e:n,w:r}=e;t&&(this.setWxsProps(t),Object.keys(t).forEach((e=>{this.setAttr(e,t[e])}))),cn(e,"s")&&this.setAttr("style",e.s),n&&Object.keys(n).forEach((e=>{this.addEvent(e,n[e])})),r&&this.addWxsEvents(e.w)}setText(e){(this.$holder||this.$).textContent=e}addWxsEvent(e,t,n){this.$props[e]=Ru(this.$,t,n)}addEvent(e,t){this.$props[e]=Au(this.id,t,jn(e)[1])}removeEvent(e){this.$props[e]=null}setAttr(e,t){if(e===Yn)this.$&&$u(this.$,t);else if(e===Xn)this.$.__ownerId=t;else if(e===Gn)hu((()=>xu(this,t)),3);else if(e===Un){var n=Du(this.$||Lp(this.pid).$,t),r=this.$props.style;bn(n)&&bn(r)?Object.keys(n).forEach((e=>{r[e]=n[e]})):this.$props.style=n}else t=Du(this.$||Lp(this.pid).$,t),this.wxsPropsInvoke(e,t,!0)||(this.$props[e]=t)}removeAttr(e){this.$props[e]=null}remove(){this.isUnmounted=!0,this.$app.unmount(),Ap(this.id)}appendChild(e){return(this.$holder||this.$).appendChild(e)}insertBefore(e,t){return(this.$holder||this.$).insertBefore(e,t)}}class Qh extends Zh{constructor(e,t,n,r,i,a,o){super(e,t,n,r,i,a,o)}getRebuildFn(){return this._rebuild||(this._rebuild=this.rebuild.bind(this)),this._rebuild}setText(e){return hu(this.getRebuildFn(),2),super.setText(e)}appendChild(e){return hu(this.getRebuildFn(),2),super.appendChild(e)}insertBefore(e,t){return hu(this.getRebuildFn(),2),super.insertBefore(e,t)}rebuild(){var e=this.$.__vueParentComponent;e.rebuild&&e.rebuild()}}function ep(e,t,n){e.childNodes.forEach((n=>{n instanceof Element?-1===n.className.indexOf(t)&&e.removeChild(n):e.removeChild(n)})),e.appendChild(document.createTextNode(n))}class tp extends Su{constructor(e,t,n,r){super(e,t,n),this.insert(n,r)}}var np=0;function rp(e,t,n){var r,{position:i,hidden:a,onParentReady:o}=Jh(e);o((o=>{var s=Rs((()=>{var e={};for(var t in i){var n=i[t],r=parseFloat(n),a=parseFloat(o[t]);if("top"===t||"left"===t)n=Math.max(r,a)+"px";else if("width"===t||"height"===t){var s="width"===t?"left":"top",l=parseFloat(o[s]),u=parseFloat(i[s]),c=Math.max(l-u,0),d=Math.max(u+r-(l+a),0);n=Math.max(r-c-d,0)+"px"}e[t]=n}return e})),l=["borderRadius","borderColor","borderWidth","backgroundColor"],u=["paddingTop","paddingRight","paddingBottom","paddingLeft","color","textAlign","lineHeight","fontSize","fontWeight","textOverflow","whiteSpace"],c=[],d={start:"left",end:"right"};function h(t){var n=getComputedStyle(e.value);return l.concat(u,c).forEach((e=>{t[e]=n[e]})),t}var p=Ki(h({})),f=null;window.addEventListener("updateview",(function(){f&&cancelAnimationFrame(f),f=requestAnimationFrame((()=>{f=null,h(p)}))}));var v=Rs((()=>{var e=function(){var e={};for(var t in e){var n=e[t];"top"!==t&&"left"!==t||(n=Math.min(parseFloat(n)-parseFloat(o[t]),0)+"px"),e[t]=n}return e}(),t=[{tag:"rect",position:e,rectStyles:{color:p.backgroundColor,radius:p.borderRadius,borderColor:p.borderColor,borderWidth:p.borderWidth}}];if("src"in n)n.src&&t.push({tag:"img",position:e,src:n.src});else{var r=parseFloat(p.lineHeight)-parseFloat(p.fontSize),i=parseFloat(e.width)-parseFloat(p.paddingLeft)-parseFloat(p.paddingRight);i=i<0?0:i;var a=parseFloat(e.height)-parseFloat(p.paddingTop)-r/2-parseFloat(p.paddingBottom);a=a<0?0:a,t.push({tag:"font",position:{top:"".concat(parseFloat(e.top)+parseFloat(p.paddingTop)+r/2,"px"),left:"".concat(parseFloat(e.left)+parseFloat(p.paddingLeft),"px"),width:"".concat(i,"px"),height:"".concat(a,"px")},textStyles:{align:d[p.textAlign]||p.textAlign,color:p.color,decoration:"none",lineSpacing:"".concat(r,"px"),margin:"0px",overflow:p.textOverflow,size:p.fontSize,verticalAlign:"top",weight:p.fontWeight,whiteSpace:p.whiteSpace},text:n.text})}return t}));r=new plus.nativeObj.View("cover-".concat(Date.now(),"-").concat(np++),s.value,v.value),plus.webview.currentWebview().append(r),a.value&&r.hide(),r.addEventListener("click",(()=>{t("click",{},{})})),Ka((()=>a.value),(e=>{r[e?"hide":"show"]()})),Ka((()=>s.value),(e=>{r.setStyle(e)}),{deep:!0}),Ka((()=>v.value),(()=>{r.reset(),r.draw(v.value)}),{deep:!0})})),vo((()=>{r&&r.close()}))}var ip=zu({name:"CoverImage",props:{src:{type:String,default:""},autoSize:{type:[Boolean,String],default:!1}},emits:["click","load","error"],setup(e,{emit:t}){var n=sa(null),r=Gu(n,t),i=Ki({src:""}),a=function(e,t,n){var r,i=sa("");function a(){t.src="",i.value=e.autoSize?"width:0;height:0;":"";var a=e.src?Ul(e.src):"";0===a.indexOf("http://")||0===a.indexOf("https://")?(r=plus.downloader.createDownload(a,{filename:"_doc/uniapp_temp//download/"},((e,t)=>{200===t?o(e.filename):n("error",{},{errMsg:"error"})}))).start():a&&o(a)}function o(r){t.src=r,plus.io.getImageInfo({src:r,success:({width:t,height:r})=>{e.autoSize&&(i.value="width:".concat(t,"px;height:").concat(r,"px;"),window.dispatchEvent(new CustomEvent("updateview"))),n("load",{},{width:t,height:r})},fail:()=>{n("error",{},{errMsg:"error"})}})}return e.src&&a(),Ka((()=>e.src),a),vo((()=>{r&&r.abort()})),i}(e,i,r);return rp(n,r,i),()=>ps("uni-cover-image",{ref:n,style:a.value},{default:()=>[ps("div",{class:"uni-cover-image"},null)]},8,["style"])}});var ap=zu({name:"CoverView",emits:["click"],setup(e,{emit:t}){var n=sa(null),r=sa(null),i=Gu(n,t),a=Ki({text:""});return rp(n,i,a),Ld((()=>{var e=r.value.childNodes[0];a.text=e&&e instanceof Text?e.textContent:""})),()=>ps("uni-cover-view",{ref:n},{default:()=>[ps("div",{ref:r,class:"uni-cover-view"},null,512)]},512)}});function op(e){if(0!==e.indexOf("#"))return{color:e,opacity:1};var t=e.substr(7,2);return{color:e.substr(0,7),opacity:t?Number("0x"+t)/255:1}}var sp=zu({name:"Map",props:{id:{type:String,default:""},latitude:{type:[Number,String],default:""},longitude:{type:[Number,String],default:""},scale:{type:[String,Number],default:16},markers:{type:Array,default:()=>[]},polyline:{type:Array,default:()=>[]},circles:{type:Array,default:()=>[]},controls:{type:Array,default:()=>[]}},emits:["click","regionchange","controltap","markertap","callouttap"],setup(e,{emit:t}){var n,r=sa(null),i=Gu(r,t),a=sa(null),o=Gh(e,["id"]),{position:s,hidden:l,onParentReady:u}=Jh(a),{_addMarkers:c,_addMapLines:d,_addMapCircles:h,_setMap:p}=function(e,t){var n;function r(t,{longitude:r,latitude:i}={}){n&&(n.setCenter(new plus.maps.Point(Number(r||e.longitude),Number(i||e.latitude))),t({errMsg:"moveToLocation:ok"}))}function i(e){n&&n.getCurrentCenter(((t,n)=>{e({longitude:n.getLng(),latitude:n.getLat(),errMsg:"getCenterLocation:ok"})}))}function a(e){if(n){var t=n.getBounds();e({southwest:t.getSouthWest(),northeast:t.getNorthEast(),errMsg:"getRegion:ok"})}}function o(e){n&&e({scale:n.getZoom(),errMsg:"getScale:ok"})}function s(e){if(n){var{id:r,latitude:i,longitude:a,iconPath:o,callout:s,label:l}=e;(e=>{var i,{latitude:a,longitude:u}=e.coord,c=new plus.maps.Marker(new plus.maps.Point(u,a));o&&c.setIcon(Ul(o)),l&&l.content&&c.setLabel(l.content);var d=void 0;s&&s.content&&(d=new plus.maps.Bubble(s.content)),d&&c.setBubble(d),(r||0===r)&&(c.onclick=e=>{t("markertap",{},{markerId:r})},d&&(d.onclick=()=>{t("callouttap",{},{markerId:r})})),null===(i=n)||void 0===i||i.addOverlay(c),n.__markers__.push(c)})({coord:{latitude:i,longitude:a}})}}function l(){n&&(n.__markers__.forEach((e=>{var t;null===(t=n)||void 0===t||t.removeOverlay(e)})),n.__markers__=[])}function u(e,t){t&&l(),e.forEach((e=>{s(e)}))}function c(e){n&&(n.__lines__.length>0&&(n.__lines__.forEach((e=>{var t;null===(t=n)||void 0===t||t.removeOverlay(e)})),n.__lines__=[]),e.forEach((e=>{var t,{color:r,width:i}=e,a=e.points.map((e=>new plus.maps.Point(e.longitude,e.latitude))),o=new plus.maps.Polyline(a);if(r){var s=op(r);o.setStrokeColor(s.color),o.setStrokeOpacity(s.opacity)}i&&o.setLineWidth(i),null===(t=n)||void 0===t||t.addOverlay(o),n.__lines__.push(o)})))}function d(e){n&&(n.__circles__.length>0&&(n.__circles__.forEach((e=>{var t;null===(t=n)||void 0===t||t.removeOverlay(e)})),n.__circles__=[]),e.forEach((e=>{var t,{latitude:r,longitude:i,color:a,fillColor:o,radius:s,strokeWidth:l}=e,u=new plus.maps.Circle(new plus.maps.Point(i,r),s);if(a){var c=op(a);u.setStrokeColor(c.color),u.setStrokeOpacity(c.opacity)}if(o){var d=op(o);u.setFillColor(d.color),u.setFillOpacity(d.opacity)}l&&u.setLineWidth(l),null===(t=n)||void 0===t||t.addOverlay(u),n.__circles__.push(u)})))}var h={moveToLocation:r,getCenterLocation:i,getRegion:a,getScale:o};return $h(((e,t,n)=>{h[e]&&h[e](n,t)}),Wh(),!0),{_addMarkers:u,_addMapLines:c,_addMapCircles:d,_setMap(e){n=e}}}(e,i);u((()=>{(n=sn(plus.maps.create(Ol()+"-map-"+(e.id||Date.now()),Object.assign({},o.value,s,(()=>{if(e.latitude&&e.longitude)return{center:new plus.maps.Point(Number(e.longitude),Number(e.latitude))}})())),{__markers__:[],__lines__:[],__circles__:[]})).setZoom(parseInt(String(e.scale))),plus.webview.currentWebview().append(n),l.value&&n.hide(),n.onclick=e=>{i("click",{},e)},n.onstatuschanged=e=>{i("regionchange",{},{})},p(n),c(e.markers),d(e.polyline),h(e.circles),Ka((()=>o.value),(e=>n&&n.setStyles(e)),{deep:!0}),Ka((()=>s),(e=>n&&n.setStyles(e)),{deep:!0}),Ka(l,(e=>{n&&n[e?"hide":"show"]()})),Ka((()=>e.scale),(e=>{n&&n.setZoom(parseInt(String(e)))})),Ka([()=>e.latitude,()=>e.longitude],(([e,t])=>{n&&n.setStyles({center:new plus.maps.Point(Number(e),Number(t))})})),Ka((()=>e.markers),(e=>{c(e,!0)}),{deep:!0}),Ka((()=>e.polyline),(e=>{d(e)}),{deep:!0}),Ka((()=>e.circles),(e=>{h(e)}),{deep:!0})}));var f=Rs((()=>e.controls.map((e=>{var t={position:"absolute"};return["top","left","width","height"].forEach((n=>{e.position[n]&&(t[n]=e.position[n]+"px")})),{id:e.id,iconPath:Ul(e.iconPath),position:t,clickable:e.clickable}}))));return vo((()=>{n&&(n.close(),p(null))})),()=>ps("uni-map",{ref:r,id:e.id},{default:()=>[ps("div",{ref:a,class:"uni-map-container"},null,512),f.value.map(((e,t)=>ps(ip,{key:t,src:e.iconPath,style:e.position,"auto-size":!0,onClick:()=>e.clickable&&i("controltap",{},{controlId:e.id})},null,8,["src","style","auto-size","onClick"]))),ps("div",{class:"uni-map-slot"},null)],_:1},8,["id"])}});var lp,up,cp,dp,hp;function pp(){return"object"==typeof window&&"object"==typeof navigator&&"object"==typeof document?"webview":"v8"}function fp(){return lp.webview.currentWebview().id}var vp={};function gp(e){var t=e.data&&e.data.__message;if(t&&t.__page){var n=t.__page,r=vp[n];r&&r(t),t.keep||delete vp[n]}}class mp{constructor(e){this.webview=e}sendMessage(e){var t=JSON.parse(JSON.stringify({__message:{data:e}})),n=this.webview.id;cp?new cp(n).postMessage(t):lp.webview.postMessageToUniNView&&lp.webview.postMessageToUniNView(t,n)}close(){this.webview.close()}}function yp({context:e={},url:t,data:n={},style:r={},onMessage:i,onClose:a}){lp=e.plus||plus,up=e.weex||("object"==typeof weex?weex:null),cp=e.BroadcastChannel||("object"==typeof BroadcastChannel?BroadcastChannel:null);var o="page".concat(Date.now());!1!==(r=sn({},r)).titleNView&&"none"!==r.titleNView&&(r.titleNView=sn({autoBackButton:!0,titleSize:"17px"},r.titleNView));var s={top:0,bottom:0,usingComponents:{},popGesture:"close",scrollIndicator:"none",animationType:"pop-in",animationDuration:200,uniNView:{path:"".concat("object"==typeof process&&process.env&&{}.VUE_APP_TEMPLATE_PATH||"","/").concat(t,".js"),defaultFontSize:lp.screen.resolutionWidth/20,viewport:lp.screen.resolutionWidth}};r=sn(s,r);var l=lp.webview.create("",o,r,{extras:{from:fp(),runtime:pp(),data:n,useGlobalEvent:!cp}});return l.addEventListener("close",a),function(e,t){"v8"===pp()?cp?(dp&&dp.close(),(dp=new cp(fp())).onmessage=gp):hp||(hp=up.requireModule("globalEvent")).addEventListener("plusMessage",gp):window.__plusMessage=gp,vp[e]=t}(o,(e=>{"function"==typeof i&&i(e.data),e.keep||l.close("auto")})),l.show(r.animationType,r.animationDuration),new mp(l)}var _p={SELECTOR:"selector",MULTISELECTOR:"multiSelector",TIME:"time",DATE:"date"},bp={YEAR:"year",MONTH:"month",DAY:"day"};function wp(e){return e>9?e:"0".concat(e)}function xp(e,t){e=String(e||"");var n=new Date;if(t===_p.TIME){var r=e.split(":");2===r.length&&n.setHours(parseInt(r[0]),parseInt(r[1]))}else{var i=e.split("-");3===i.length&&n.setFullYear(parseInt(i[0]),parseInt(String(parseFloat(i[1])-1)),parseInt(i[2]))}return n}var Sp=zu({name:"Picker",props:{name:{type:String,default:""},range:{type:Array,default:()=>[]},rangeKey:{type:String,default:""},value:{type:[Number,String,Array],default:0},mode:{type:String,default:_p.SELECTOR,validator:e=>Object.values(_p).indexOf(e)>=0},fields:{type:String,default:""},start:{type:String,default:function(e){if(e.mode===_p.TIME)return"00:00";if(e.mode===_p.DATE){var t=(new Date).getFullYear()-100;switch(e.fields){case bp.YEAR:return t;case bp.MONTH:return t+"-01";default:return t+"-01-01"}}return""}},end:{type:String,default:function(e){if(e.mode===_p.TIME)return"23:59";if(e.mode===_p.DATE){var t=(new Date).getFullYear()+100;switch(e.fields){case bp.YEAR:return t;case bp.MONTH:return t+"-12";default:return t+"-12-31"}}return""}},disabled:{type:[Boolean,String],default:!1}},emits:["change","cancel","columnchange"],setup(e,{emit:t}){yr();var{t:n,getLocale:r}=gr(),i=sa(null),a=Gu(i,t),o=sa(null),s=sa(null),l=()=>{var t=e.value;switch(e.mode){case _p.MULTISELECTOR:Array.isArray(t)||(t=[]),Array.isArray(o.value)||(o.value=[]);for(var n=o.value.length=Math.max(t.length,e.range.length),r=0;r<n;r++){var i=Number(t[r]),a=Number(o.value[r]),s=isNaN(i)?isNaN(a)?0:a:i;o.value.splice(r,1,s<0?0:s)}break;case _p.TIME:case _p.DATE:o.value=String(t);break;default:var l=Number(t);o.value=l<0?0:l}},u=e=>{s.value&&s.value.sendMessage(e)},c=(t,n)=>{t.mode!==_p.TIME&&t.mode!==_p.DATE||t.fields?(t.fields=Object.values(bp).includes(t.fields)?t.fields:bp.DAY,(e=>{var t={event:"cancel"};s.value=yp({url:"__uniapppicker",data:e,style:{titleNView:!1,animationType:"none",animationDuration:0,background:"rgba(0,0,0,0)",popGesture:"none"},onMessage:n=>{var r=n.event;if("created"!==r)return"columnchange"===r?(delete n.event,void a(r,{},n)):void(t=n);u(e)},onClose:()=>{s.value=null;var e=t.event;delete t.event,e&&a(e,{},t)}})})(t)):((t,n)=>{plus.nativeUI[e.mode===_p.TIME?"pickTime":"pickDate"]((t=>{var n=t.date;a("change",{},{value:e.mode===_p.TIME?"".concat(wp(n.getHours()),":").concat(wp(n.getMinutes())):"".concat(n.getFullYear(),"-").concat(wp(n.getMonth()+1),"-").concat(wp(n.getDate()))})}),(()=>{a("cancel",{},{})}),e.mode===_p.TIME?{time:xp(e.value,_p.TIME),popover:n}:{date:xp(e.value,_p.DATE),minDate:xp(e.start,_p.DATE),maxDate:xp(e.end,_p.DATE),popover:n})})(0,n)},d=t=>{if(!e.disabled){var i=t.currentTarget.getBoundingClientRect();c(Object.assign({},e,{value:o.value,locale:r(),messages:{done:n("uni.picker.done"),cancel:n("uni.picker.cancel")}}),{top:i.top+Yh(),left:i.left,width:i.width,height:i.height})}},h=Ga(Ju,!1),p={submit:()=>[e.name,o.value],reset:()=>{switch(e.mode){case _p.SELECTOR:o.value=0;break;case _p.MULTISELECTOR:Array.isArray(e.value)&&(o.value=e.value.map((e=>0)));break;case _p.DATE:case _p.TIME:o.value=""}}};return h&&(h.addField(p),vo((()=>h.removeField(p)))),Object.keys(e).forEach((t=>{"name"!==t&&Ka((()=>e[t]),(e=>{var n={};n[t]=e,u(n)}),{deep:!0})})),Ka((()=>e.value),l,{deep:!0}),l(),()=>ps("uni-picker",{ref:i,onClick:d},{default:()=>[ps("slot",null,null)]},8,["onClick"])}});var Tp={id:{type:String,default:""},src:{type:String,default:""},duration:{type:[Number,String],default:""},controls:{type:[Boolean,String],default:!0},danmuList:{type:Array,default:()=>[]},danmuBtn:{type:[Boolean,String],default:!1},enableDanmu:{type:[Boolean,String],default:!1},autoplay:{type:[Boolean,String],default:!1},loop:{type:[Boolean,String],default:!1},muted:{type:[Boolean,String],default:!1},objectFit:{type:String,default:"contain"},poster:{type:String,default:""},direction:{type:[String,Number],default:""},showProgress:{type:Boolean,default:!0},initialTime:{type:[String,Number],default:0},showFullscreenBtn:{type:[Boolean,String],default:!0},pageGesture:{type:[Boolean,String],default:!1},enableProgressGesture:{type:[Boolean,String],default:!0},showPlayBtn:{type:[Boolean,String],default:!0},enablePlayGesture:{type:[Boolean,String],default:!0},showCenterPlayBtn:{type:[Boolean,String],default:!0},showLoading:{type:[Boolean,String],default:!0},codec:{type:String,default:"hardware"},httpCache:{type:[Boolean,String],default:!1},playStrategy:{type:[Number,String],default:0},header:{type:Object,default:()=>({})},advanced:{type:Array,default:()=>[]}},Ep=["play","pause","ended","timeupdate","fullscreenchange","fullscreenclick","waiting","error"],kp=["play","pause","stop","seek","sendDanmu","playbackRate","requestFullScreen","exitFullScreen"],Cp=zu({name:"Video",props:Tp,emits:Ep,setup(e,{emit:t}){var n,r=sa(null),i=Gu(r,t),a=sa(null),o=Gh(e,["id"]),{position:s,hidden:l,onParentReady:u}=Jh(a);return u((()=>{n=plus.video.createVideoPlayer("video"+Date.now(),Object.assign({},o.value,s)),plus.webview.currentWebview().append(n),l.value&&n.hide(),Ep.forEach((e=>{n.addEventListener(e,(t=>{i(e,{},t.detail)}))})),Ka((()=>o.value),(e=>n.setStyles(e)),{deep:!0}),Ka((()=>s),(e=>n.setStyles(e)),{deep:!0}),Ka((()=>l.value),(e=>{n[e?"hide":"show"](),e||n.setStyles(s)}))})),$h(((e,t)=>{if(kp.includes(e)){var r;switch(e){case"seek":r=t.position;break;case"sendDanmu":r=t;break;case"playbackRate":r=t.rate}n&&n[e](r)}}),Wh(),!0),vo((()=>{n&&n.close()})),()=>ps("uni-video",{ref:r,id:e.id},{default:()=>[ps("div",{ref:a,class:"uni-video-container"},null,512),ps("div",{class:"uni-video-slot"},null)],_:1},8,["id"])}});var Mp,Op=zu({name:"WebView",props:{src:{type:String,default:""},webviewStyles:{type:Object,default:()=>({})}},setup(e){var t=Ol(),n=sa(null),{hidden:r,onParentReady:i}=Jh(n),a=Rs((()=>e.webviewStyles));return i((()=>{var n;(({htmlId:e,src:t,webviewStyles:n})=>{var r=plus.webview.currentWebview(),i=sn(n,{"uni-app":"none",isUniH5:!0}),a=r.getTitleNView();if(a){var o=44+parseFloat(i.top||"0");plus.navigator.isImmersedStatusbar()&&(o+=Uh()),i.top=String(o),i.bottom=i.bottom||"0"}Mp=plus.webview.create(t,e,i),a&&Mp.addEventListener("titleUpdate",(function(){var e,t=null===(e=Mp)||void 0===e?void 0:e.getTitle();r.setStyle({titleNView:{titleText:t&&"null"!==t?t:" "}})})),plus.webview.currentWebview().append(Mp)})({htmlId:sa("webviewId"+t).value,src:Ul(e.src),webviewStyles:a.value}),UniViewJSBridge.publishHandler("webviewInserted",{},t),r.value&&(null===(n=Mp)||void 0===n||n.hide())})),vo((()=>{var e;plus.webview.currentWebview().remove(Mp),null===(e=Mp)||void 0===e||e.close("none"),Mp=null,UniViewJSBridge.publishHandler("webviewRemoved",{},t)})),Ka((()=>e.src),(t=>{var n,r=Ul(t)||"";if(r){var i;if(/^(http|https):\/\//.test(r)&&e.webviewStyles.progress)null===(i=Mp)||void 0===i||i.setStyle({progress:{color:e.webviewStyles.progress.color}});null===(n=Mp)||void 0===n||n.loadURL(r)}})),Ka(a,(e=>{var t;null===(t=Mp)||void 0===t||t.setStyle(e)})),Ka(r,(e=>{Mp&&Mp[e?"hide":"show"]()})),()=>ps("uni-web-view",{ref:n},null,512)}});var Ip={"#text":class extends Su{constructor(e,t,n,r){super(e,"#text",t,document.createTextNode("")),this.init(r),this.insert(t,n)}},"#comment":class extends Su{constructor(e,t,n){super(e,"#comment",t,document.createComment("")),this.insert(t,n)}},VIEW:class extends Hh{constructor(e,t,n,r){super(e,document.createElement("uni-view"),t,n,r)}},IMAGE:class extends Zh{constructor(e,t,n,r){super(e,"uni-image",sd,t,n,r)}},TEXT:class extends jh{constructor(e,t,n,r){super(e,document.createElement("uni-text"),t,n,r,Vh),this._text=""}init(e){this._text=e.t||"",super.init(e)}setText(e){this._text=e,this.update()}update(e=!1){var{$props:{space:t,decode:n}}=this;this.$.innerHTML=Nh(this._text,{space:t,decode:n}).join("<br>"),super.update(e)}},NAVIGATOR:class extends Zh{constructor(e,t,n,r){super(e,"uni-navigator",eh,t,n,r)}},FORM:class extends Zh{constructor(e,t,n,r){super(e,"uni-form",Ku,t,n,r,"span")}},BUTTON:class extends Zh{constructor(e,t,n,r){super(e,"uni-button",rc,t,n,r)}},INPUT:class extends Zh{constructor(e,t,n,r){super(e,"uni-input",Sd,t,n,r)}},LABEL:class extends Zh{constructor(e,t,n,r){super(e,"uni-label",Qu,t,n,r)}},RADIO:class extends Zh{constructor(e,t,n,r){super(e,"uni-radio",gh,t,n,r,".uni-radio-wrapper")}setText(e){ep(this.$holder,"uni-radio-input",e)}},CHECKBOX:class extends Zh{constructor(e,t,n,r){super(e,"uni-checkbox",Sc,t,n,r,".uni-checkbox-wrapper")}setText(e){ep(this.$holder,"uni-checkbox-input",e)}},"CHECKBOX-GROUP":class extends Zh{constructor(e,t,n,r){super(e,"uni-checkbox-group",gc,t,n,r)}},AD:class extends Zh{constructor(e,t,n,r){super(e,"uni-ad",Kh,t,n,r)}},CAMERA:class extends tp{constructor(e,t,n){super(e,"uni-camera",t,n)}},CANVAS:class extends Zh{constructor(e,t,n,r){super(e,"uni-canvas",fc,t,n,r,"uni-canvas > div")}},"COVER-IMAGE":class extends Zh{constructor(e,t,n,r){super(e,"uni-cover-image",ip,t,n,r)}},"COVER-VIEW":class extends Qh{constructor(e,t,n,r){super(e,"uni-cover-view",ap,t,n,r,".uni-cover-view")}},EDITOR:class extends Zh{constructor(e,t,n,r){super(e,"uni-editor",Qc,t,n,r)}},"FUNCTIONAL-PAGE-NAVIGATOR":class extends tp{constructor(e,t,n){super(e,"uni-functional-page-navigator",t,n)}},ICON:class extends Zh{constructor(e,t,n,r){super(e,"uni-icon",rd,t,n,r)}},"RADIO-GROUP":class extends Zh{constructor(e,t,n,r){super(e,"uni-radio-group",vh,t,n,r)}},"LIVE-PLAYER":class extends tp{constructor(e,t,n){super(e,"uni-live-player",t,n)}},"LIVE-PUSHER":class extends tp{constructor(e,t,n){super(e,"uni-live-pusher",t,n)}},MAP:class extends Zh{constructor(e,t,n,r){super(e,"uni-map",sp,t,n,r,".uni-map-slot")}},"MOVABLE-AREA":class extends Qh{constructor(e,t,n,r){super(e,"uni-movable-area",Ad,t,n,r)}},"MOVABLE-VIEW":class extends Zh{constructor(e,t,n,r){super(e,"uni-movable-view",qd,t,n,r)}},"OFFICIAL-ACCOUNT":class extends tp{constructor(e,t,n){super(e,"uni-official-account",t,n)}},"OPEN-DATA":class extends tp{constructor(e,t,n){super(e,"uni-open-data",t,n)}},PICKER:class extends Zh{constructor(e,t,n,r){super(e,"uni-picker",Sp,t,n,r)}},"PICKER-VIEW":class extends Qh{constructor(e,t,n,r){super(e,"uni-picker-view",th,t,n,r,".uni-picker-view-wrapper")}},"PICKER-VIEW-COLUMN":class extends Qh{constructor(e,t,n,r){super(e,"uni-picker-view-column",uh,t,n,r,".uni-picker-view-content")}},PROGRESS:class extends Zh{constructor(e,t,n,r){super(e,"uni-progress",hh,t,n,r)}},"RICH-TEXT":class extends Zh{constructor(e,t,n,r){super(e,"uni-rich-text",wh,t,n,r)}},"SCROLL-VIEW":class extends Zh{constructor(e,t,n,r){super(e,"uni-scroll-view",Sh,t,n,r,".uni-scroll-view-content")}setText(e){ep(this.$holder,"uni-scroll-view-refresher",e)}},SLIDER:class extends Zh{constructor(e,t,n,r){super(e,"uni-slider",Th,t,n,r)}},SWIPER:class extends Qh{constructor(e,t,n,r){super(e,"uni-swiper",Ch,t,n,r,".uni-swiper-slide-frame")}},"SWIPER-ITEM":class extends Zh{constructor(e,t,n,r){super(e,"uni-swiper-item",Mh,t,n,r)}},SWITCH:class extends Zh{constructor(e,t,n,r){super(e,"uni-switch",Oh,t,n,r)}},TEXTAREA:class extends Zh{constructor(e,t,n,r){super(e,"uni-textarea",Ph,t,n,r)}},VIDEO:class extends Zh{constructor(e,t,n,r){super(e,"uni-video",Cp,t,n,r,".uni-video-slot")}},"WEB-VIEW":class extends Zh{constructor(e,t,n,r){super(e,"uni-web-view",Op,t,n,r)}}};var Np=new Map;function Lp(e){return Np.get(e)}function Ap(e){return Np.delete(e)}function Pp(e,t,n,r,i={}){var a;if(0===e)a=new Su(e,t,n,document.createElement(t));else{var o=Ip[t];a=o?new o(e,n,r,i):new Fu(e,document.createElement(t),n,r,i)}return Np.set(e,a),a}var Rp=[],Bp=!1;function Dp(e){if(Bp)return e();Rp.push(e)}function $p(){Bp=!0,Rp.forEach((e=>e())),Rp.length=0}function Fp({css:e,route:t,platform:n,pixelRatio:r,windowWidth:i,disableScroll:a,statusbarHeight:o,windowTop:s,windowBottom:l}){!function(e){window.__PAGE_INFO__={route:e}}(t),function(e,t,n){window.__SYSTEM_INFO__={platform:e,pixelRatio:t,windowWidth:n}}(n,r,i),Pp(0,"div",-1,-1).$=document.getElementById("app");var u=plus.webview.currentWebview().id;window.__id__=u,document.title="".concat(t,"[").concat(u,"]"),function(e,t,n){!function(e){var t=document.documentElement.style;Object.keys(e).forEach((n=>{t.setProperty(n,e[n])}))}({"--window-left":"0px","--window-right":"0px","--window-top":t+"px","--window-bottom":n+"px","--status-bar-height":e+"px"})}(o,s,l),a&&document.addEventListener("touchmove",Il),e?function(e){var t=document.createElement("link");t.type="text/css",t.rel="stylesheet",t.href=e+".css",t.onload=$p,t.onerror=$p,document.head.appendChild(t)}(t):$p()}var Wp=!1;function jp({scrollTop:e,selector:t,duration:n},r){!function(e,t){if(fn(e)){var n=document.querySelector(e);n&&(e=n.getBoundingClientRect().top+window.pageYOffset)}e<0&&(e=0);var r=document.documentElement,{clientHeight:i,scrollHeight:a}=r;if(e=Math.min(e,a-i),0!==t){if(window.scrollY!==e){var o=t=>{if(t<=0)window.scrollTo(0,e);else{var n=e-window.scrollY;requestAnimationFrame((function(){window.scrollTo(0,window.scrollY+n/t*10),o(t-10)}))}};o(t)}}else r.scrollTop=document.body.scrollTop=e}(t||e||0,n),r()}function Vp(e){var t=e[0];1===t[0]?Fp(t[1]):Dp((()=>function(e){var t=e[0],n=function(e){if(!e.length)return e=>e;var t=(n,r=!0)=>{if("number"==typeof n)return e[n];var i={};return n.forEach((([e,n])=>{i[t(e)]=r?t(n):n})),i};return t}(0===t[0]?t[1]:[]);e.forEach((e=>{switch(e[0]){case 1:return Fp(e[1]);case 2:return;case 3:return Pp(e[1],n(e[2]),e[3],e[4],function(e,t){if(t)return t.a&&(t.a=e(t.a)),t.e&&(t.e=e(t.e,!1)),t.w&&(t.w=function(e,t){var n={};return e.forEach((([e,[r,i]])=>{n[t(e)]=[t(r),i]})),n}(t.w,e)),t.s&&(t.s=e(t.s)),t.t&&(t.t=e(t.t)),t}(n,e[5]));case 5:return Lp(e[1]).remove();case 6:return Lp(e[1]).setAttr(n(e[2]),n(e[3]));case 7:return Lp(e[1]).removeAttr(n(e[2]));case 8:return Lp(e[1]).addEvent(n(e[2]),e[3]);case 12:return Lp(e[1]).addWxsEvent(n(e[2]),n(e[3]),e[4]);case 9:return Lp(e[1]).removeEvent(n(e[2]));case 10:return Lp(e[1]).setText(n(e[2]));case 15:return function(e){if(!Wp){Wp=!0;var t={onReachBottomDistance:e,onPageScroll(e){UniViewJSBridge.publishHandler("onPageScroll",{scrollTop:e})},onReachBottom(){UniViewJSBridge.publishHandler("onReachBottom")}};requestAnimationFrame((()=>document.addEventListener("scroll",Ll(t))))}}(e[1])}})),function(){try{[...du].sort(((e,t)=>e.priority-t.priority)).forEach((e=>e()))}finally{du.clear()}}()}(e)))}function zp(e){return window.__$__(e).$}function Hp(e,t){var n={},{top:r}=function(){var e=document.documentElement.style,t=wl(),n=parseInt(e.getPropertyValue("--window-bottom")),r=parseInt(e.getPropertyValue("--window-left")),i=parseInt(e.getPropertyValue("--window-right"));return{top:t,bottom:n?n+_l.bottom:0,left:r?r+_l.left:0,right:i?i+_l.right:0}}();if(t.id&&(n.id=e.id),t.dataset&&(n.dataset=Bn(e)),t.rect||t.size){var i=e.getBoundingClientRect();t.rect&&(n.left=i.left,n.right=i.right,n.top=i.top-r,n.bottom=i.bottom-r),t.size&&(n.width=i.width,n.height=i.height)}if(Array.isArray(t.properties)&&t.properties.forEach((e=>{e=e.replace(/-([a-z])/g,(function(e,t){return t.toUpperCase()}))})),t.scrollOffset)if("UNI-SCROLL-VIEW"===e.tagName){var a=e.children[0].children[0];n.scrollLeft=a.scrollLeft,n.scrollTop=a.scrollTop,n.scrollHeight=a.scrollHeight,n.scrollWidth=a.scrollWidth}else n.scrollLeft=0,n.scrollTop=0,n.scrollHeight=0,n.scrollWidth=0;if(Array.isArray(t.computedStyle)){var o=getComputedStyle(e);t.computedStyle.forEach((e=>{n[e]=o[e]}))}return t.context&&(n.contextInfo=function(e){return e.__uniContextInfo}(e)),n}function qp(e,t){return(e.matches||e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this.parentElement.querySelectorAll(e),n=t.length;--n>=0&&t.item(n)!==this;);return n>-1}).call(e,t)}function Up(e,t,n,r,i){var a=function(e,t){return e?window.__$__(e).$:t.$el}(t,e),o=a.parentElement;if(!o)return r?null:[];var{nodeType:s}=a,l=3===s||8===s;if(r){var u=l?o.querySelector(n):qp(a,n)?a:a.querySelector(n);return u?Hp(u,i):null}var c=[],d=(l?o:a).querySelectorAll(n);return d&&d.length&&[].forEach.call(d,(e=>{c.push(Hp(e,i))})),!l&&qp(a,n)&&c.unshift(Hp(a,i)),c}function Yp(e,t,n){var r=[];t.forEach((({component:t,selector:n,single:i,fields:a})=>{null===t?r.push(function(e){var t={};if(e.id&&(t.id=""),e.dataset&&(t.dataset={}),e.rect&&(t.left=0,t.right=0,t.top=0,t.bottom=0),e.size&&(t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight),e.scrollOffset){var n=document.documentElement,r=document.body;t.scrollLeft=n.scrollLeft||r.scrollLeft||0,t.scrollTop=n.scrollTop||r.scrollTop||0,t.scrollHeight=n.scrollHeight||r.scrollHeight||0,t.scrollWidth=n.scrollWidth||r.scrollWidth||0}return t}(a)):r.push(Up(e,t,n,i,a))})),n(r)}function Xp({reqId:e,component:t,options:n,callback:r},i){var a=zp(t);(a.__io||(a.__io={}))[e]=function(e,t,n){su();var r=t.relativeToSelector?e.querySelector(t.relativeToSelector):null,i=new IntersectionObserver((e=>{e.forEach((e=>{n({intersectionRatio:uu(e),intersectionRect:lu(e.intersectionRect),boundingClientRect:lu(e.boundingClientRect),relativeRect:lu(e.rootBounds),time:Date.now(),dataset:Bn(e.target),id:e.target.id})}))}),{root:r,rootMargin:t.rootMargin,threshold:t.thresholds});if(t.observeAll){i.USE_MUTATION_OBSERVER=!0;for(var a=e.querySelectorAll(t.selector),o=0;o<a.length;o++)i.observe(a[o])}else{i.USE_MUTATION_OBSERVER=!1;var s=e.querySelector(t.selector);s?i.observe(s):console.warn("Node ".concat(t.selector," is not found. Intersection observer will not trigger."))}return i}(a,n,r)}function Gp({family:e,source:t,desc:n},r){(function(e,t,n){var r=document.fonts;if(r){var i=new FontFace(e,t,n);return i.load().then((()=>{r.add(i)}))}return new Promise((r=>{var i=document.createElement("style"),a=[];if(n){var{style:o,weight:s,stretch:l,unicodeRange:u,variant:c,featureSettings:d}=n;o&&a.push("font-style:".concat(o)),s&&a.push("font-weight:".concat(s)),l&&a.push("font-stretch:".concat(l)),u&&a.push("unicode-range:".concat(u)),c&&a.push("font-variant:".concat(c)),d&&a.push("font-feature-settings:".concat(d))}i.innerText='@font-face{font-family:"'.concat(e,'";src:').concat(t,";").concat(a.join(";"),"}"),document.head.appendChild(i),r()}))})(e,t,n).then((()=>{r()})).catch((e=>{r(e.toString())}))}var Jp={$el:document.body};function Kp(){var e=Ol();!function(e,t){UniViewJSBridge.subscribe(Er(e,wr),t?t(Cr):Cr)}(e,(e=>(...t)=>{Dp((()=>{e.apply(null,t)}))})),kr(e,"requestComponentInfo",((e,t)=>{Yp(Jp,e.reqs,t)})),kr(e,"addIntersectionObserver",(e=>{Xp(sn({},e,{callback(t){UniViewJSBridge.publishHandler(e.eventName,t)}}))})),kr(e,"removeIntersectionObserver",(e=>{!function({reqId:e,component:t},n){var r=zp(t),i=r.__io&&r.__io[e];i&&(i.disconnect(),delete r.__io[e])}(e)})),kr(e,"pageScrollTo",jp),kr(e,"loadFontFace",Gp)}function Zp(){Wr(),Kp(),function(){var{subscribe:e}=UniViewJSBridge;e(Vl,Vp)}(),function(){if(0===String(navigator.vendor).indexOf("Apple")){var e,t=null;document.documentElement.addEventListener("click",(n=>{clearTimeout(e),t&&Math.abs(n.pageX-t.pageX)<=44&&Math.abs(n.pageY-t.pageY)<=44&&n.timeStamp-t.timeStamp<=450&&n.preventDefault(),t=n,e=setTimeout((()=>{t=null}),450)}))}}(),zl.publishHandler("onWebviewReady")}window.uni=cu,window.UniViewJSBridge=zl,window.rpx2px=Ql,window.__$__=Lp,"undefined"!=typeof plus?Zp():document.addEventListener("plusready",Zp)}));
+!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";var e={exports:{}},t={exports:{}},n={exports:{}},r=n.exports={version:"2.6.12"};"number"==typeof __e&&(__e=r);var i={exports:{}},a=i.exports=void 0!==a&&a.Math==Math?a:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=a);var o=n.exports,s=i.exports,l="__core-js_shared__",u=s[l]||(s[l]={});(t.exports=function(e,t){return u[e]||(u[e]=void 0!==t?t:{})})("versions",[]).push({version:o.version,mode:"window",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"});var c=0,d=Math.random(),h=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++c+d).toString(36))},p=t.exports("wks"),f=h,v=i.exports.Symbol,g="function"==typeof v;(e.exports=function(e){return p[e]||(p[e]=g&&v[e]||(g?v:f)("Symbol."+e))}).store=p;var m={},y=function(e){return"object"==typeof e?null!==e:"function"==typeof e},_=y,b=function(e){if(!_(e))throw TypeError(e+" is not an object!");return e},w=function(e){try{return!!e()}catch(t){return!0}},x=!w((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})),S=y,T=i.exports.document,E=S(T)&&S(T.createElement),k=function(e){return E?T.createElement(e):{}},C=!x&&!w((function(){return 7!=Object.defineProperty(k("div"),"a",{get:function(){return 7}}).a})),M=y,O=b,I=C,L=function(e,t){if(!M(e))return e;var n,r;if(t&&"function"==typeof(n=e.toString)&&!M(r=n.call(e)))return r;if("function"==typeof(n=e.valueOf)&&!M(r=n.call(e)))return r;if(!t&&"function"==typeof(n=e.toString)&&!M(r=n.call(e)))return r;throw TypeError("Can't convert object to primitive value")},N=Object.defineProperty;m.f=x?Object.defineProperty:function(e,t,n){if(O(e),t=L(t,!0),O(n),I)try{return N(e,t,n)}catch(r){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e};var A=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}},P=m,R=A,B=x?function(e,t,n){return P.f(e,t,R(1,n))}:function(e,t,n){return e[t]=n,e},$=e.exports("unscopables"),D=Array.prototype;null==D[$]&&B(D,$,{});var F={},W={}.toString,j=function(e){return W.call(e).slice(8,-1)},V=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e},z=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==j(e)?e.split(""):Object(e)},H=V,q=function(e){return z(H(e))},U={exports:{}},Y={}.hasOwnProperty,X=function(e,t){return Y.call(e,t)},G=t.exports("native-function-to-string",Function.toString),J=i.exports,K=B,Z=X,Q=h("src"),ee=G,te="toString",ne=(""+ee).split(te);n.exports.inspectSource=function(e){return ee.call(e)},(U.exports=function(e,t,n,r){var i="function"==typeof n;i&&(Z(n,"name")||K(n,"name",t)),e[t]!==n&&(i&&(Z(n,Q)||K(n,Q,e[t]?""+e[t]:ne.join(String(t)))),e===J?e[t]=n:r?e[t]?e[t]=n:K(e,t,n):(delete e[t],K(e,t,n)))})(Function.prototype,te,(function(){return"function"==typeof this&&this[Q]||ee.call(this)}));var re=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e},ie=re,ae=i.exports,oe=n.exports,se=B,le=U.exports,ue=function(e,t,n){if(ie(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,i){return e.call(t,n,r,i)}}return function(){return e.apply(t,arguments)}},ce=function(e,t,n){var r,i,a,o,s=e&ce.F,l=e&ce.G,u=e&ce.S,c=e&ce.P,d=e&ce.B,h=l?ae:u?ae[t]||(ae[t]={}):(ae[t]||{}).prototype,p=l?oe:oe[t]||(oe[t]={}),f=p.prototype||(p.prototype={});for(r in l&&(n=t),n)a=((i=!s&&h&&void 0!==h[r])?h:n)[r],o=d&&i?ue(a,ae):c&&"function"==typeof a?ue(Function.call,a):a,h&&le(h,r,a,e&ce.U),p[r]!=a&&se(p,r,o),c&&f[r]!=a&&(f[r]=a)};ae.core=oe,ce.F=1,ce.G=2,ce.S=4,ce.P=8,ce.B=16,ce.W=32,ce.U=64,ce.R=128;var de,he=ce,pe=Math.ceil,fe=Math.floor,ve=function(e){return isNaN(e=+e)?0:(e>0?fe:pe)(e)},ge=ve,me=Math.min,ye=ve,_e=Math.max,be=Math.min,we=q,xe=function(e){return e>0?me(ge(e),9007199254740991):0},Se=function(e,t){return(e=ye(e))<0?_e(e+t,0):be(e,t)},Te=t.exports("keys"),Ee=h,ke=function(e){return Te[e]||(Te[e]=Ee(e))},Ce=X,Me=q,Oe=(de=!1,function(e,t,n){var r,i=we(e),a=xe(i.length),o=Se(n,a);if(de&&t!=t){for(;a>o;)if((r=i[o++])!=r)return!0}else for(;a>o;o++)if((de||o in i)&&i[o]===t)return de||o||0;return!de&&-1}),Ie=ke("IE_PROTO"),Le="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(","),Ne=function(e,t){var n,r=Me(e),i=0,a=[];for(n in r)n!=Ie&&Ce(r,n)&&a.push(n);for(;t.length>i;)Ce(r,n=t[i++])&&(~Oe(a,n)||a.push(n));return a},Ae=Le,Pe=Object.keys||function(e){return Ne(e,Ae)},Re=m,Be=b,$e=Pe,De=x?Object.defineProperties:function(e,t){Be(e);for(var n,r=$e(t),i=r.length,a=0;i>a;)Re.f(e,n=r[a++],t[n]);return e},Fe=i.exports.document,We=Fe&&Fe.documentElement,je=b,Ve=De,ze=Le,He=ke("IE_PROTO"),qe=function(){},Ue=function(){var e,t=k("iframe"),n=ze.length;for(t.style.display="none",We.appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),Ue=e.F;n--;)delete Ue.prototype[ze[n]];return Ue()},Ye=Object.create||function(e,t){var n;return null!==e?(qe.prototype=je(e),n=new qe,qe.prototype=null,n[He]=e):n=Ue(),void 0===t?n:Ve(n,t)},Xe=m.f,Ge=X,Je=e.exports("toStringTag"),Ke=function(e,t,n){e&&!Ge(e=n?e:e.prototype,Je)&&Xe(e,Je,{configurable:!0,value:t})},Ze=Ye,Qe=A,et=Ke,tt={};B(tt,e.exports("iterator"),(function(){return this}));var nt=V,rt=function(e){return Object(nt(e))},it=X,at=rt,ot=ke("IE_PROTO"),st=Object.prototype,lt=Object.getPrototypeOf||function(e){return e=at(e),it(e,ot)?e[ot]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?st:null},ut=he,ct=U.exports,dt=B,ht=F,pt=function(e,t,n){e.prototype=Ze(tt,{next:Qe(1,n)}),et(e,t+" Iterator")},ft=Ke,vt=lt,gt=e.exports("iterator"),mt=!([].keys&&"next"in[].keys()),yt="keys",_t="values",bt=function(){return this},wt=function(e){D[$][e]=!0},xt=function(e,t){return{value:t,done:!!e}},St=F,Tt=q,Et=function(e,t,n,r,i,a,o){pt(n,t,r);var s,l,u,c=function(e){if(!mt&&e in f)return f[e];switch(e){case yt:case _t:return function(){return new n(this,e)}}return function(){return new n(this,e)}},d=t+" Iterator",h=i==_t,p=!1,f=e.prototype,v=f[gt]||f["@@iterator"]||i&&f[i],g=v||c(i),m=i?h?c("entries"):g:void 0,y="Array"==t&&f.entries||v;if(y&&(u=vt(y.call(new e)))!==Object.prototype&&u.next&&(ft(u,d,!0),"function"!=typeof u[gt]&&dt(u,gt,bt)),h&&v&&v.name!==_t&&(p=!0,g=function(){return v.call(this)}),(mt||p||!f[gt])&&dt(f,gt,g),ht[t]=g,ht[d]=bt,i)if(s={values:h?g:c(_t),keys:a?g:c(yt),entries:m},o)for(l in s)l in f||ct(f,l,s[l]);else ut(ut.P+ut.F*(mt||p),t,s);return s}(Array,"Array",(function(e,t){this._t=Tt(e),this._i=0,this._k=t}),(function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,xt(1)):xt(0,"keys"==t?n:"values"==t?e[n]:[n,e[n]])}),"values");St.Arguments=St.Array,wt("keys"),wt("values"),wt("entries");for(var kt=Et,Ct=Pe,Mt=U.exports,Ot=i.exports,It=B,Lt=F,Nt=e.exports,At=Nt("iterator"),Pt=Nt("toStringTag"),Rt=Lt.Array,Bt={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},$t=Ct(Bt),Dt=0;Dt<$t.length;Dt++){var Ft,Wt=$t[Dt],jt=Bt[Wt],Vt=Ot[Wt],zt=Vt&&Vt.prototype;if(zt&&(zt[At]||It(zt,At,Rt),zt[Pt]||It(zt,Pt,Wt),Lt[Wt]=Rt,jt))for(Ft in kt)zt[Ft]||Mt(zt,Ft,kt[Ft],!0)}function Ht(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}var qt=Ht("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly"),Ut=Ht("animation-iteration-count,border-image-outset,border-image-slice,border-image-width,box-flex,box-flex-group,box-ordinal-group,column-count,columns,flex,flex-grow,flex-positive,flex-shrink,flex-negative,flex-order,grid-row,grid-row-end,grid-row-span,grid-row-start,grid-column,grid-column-end,grid-column-span,grid-column-start,font-weight,line-clamp,line-height,opacity,order,orphans,tab-size,widows,z-index,zoom,fill-opacity,flood-opacity,stop-opacity,stroke-dasharray,stroke-dashoffset,stroke-miterlimit,stroke-opacity,stroke-width");function Yt(e){if(cn(e)){for(var t={},n=0;n<e.length;n++){var r=e[n],i=pn(r)?Jt(r):Yt(r);if(i)for(var a in i)t[a]=i[a]}return t}return pn(e)||vn(e)?e:void 0}var Xt=/;(?![^(]*\))/g,Gt=/:(.+)/;function Jt(e){var t={};return e.split(Xt).forEach((e=>{if(e){var n=e.split(Gt);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function Kt(e){var t="";if(pn(e))t=e;else if(cn(e))for(var n=0;n<e.length;n++){var r=Kt(e[n]);r&&(t+=r+" ")}else if(vn(e))for(var i in e)e[i]&&(t+=i+" ");return t.trim()}var Zt={},Qt=[],en=()=>{},tn=()=>!1,nn=/^on[^a-z]/,rn=e=>nn.test(e),an=e=>e.startsWith("onUpdate:"),on=Object.assign,sn=(e,t)=>{var n=e.indexOf(t);n>-1&&e.splice(n,1)},ln=Object.prototype.hasOwnProperty,un=(e,t)=>ln.call(e,t),cn=Array.isArray,dn=e=>"[object Map]"===yn(e),hn=e=>"function"==typeof e,pn=e=>"string"==typeof e,fn=e=>"symbol"==typeof e,vn=e=>null!==e&&"object"==typeof e,gn=e=>vn(e)&&hn(e.then)&&hn(e.catch),mn=Object.prototype.toString,yn=e=>mn.call(e),_n=e=>"[object Object]"===yn(e),bn=e=>pn(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,wn=Ht(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),xn=e=>{var t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Sn=/-(\w)/g,Tn=xn((e=>e.replace(Sn,((e,t)=>t?t.toUpperCase():"")))),En=/\B([A-Z])/g,kn=xn((e=>e.replace(En,"-$1").toLowerCase())),Cn=xn((e=>e.charAt(0).toUpperCase()+e.slice(1))),Mn=xn((e=>e?"on".concat(Cn(e)):"")),On=(e,t)=>!Object.is(e,t),In=(e,t)=>{for(var n=0;n<e.length;n++)e[n](t)},Ln=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Nn=e=>{var t=parseFloat(e);return isNaN(t)?e:t},An=0;function Pn(e,...t){var n=Date.now(),r=An?n-An:0;return An=n,"[".concat(n,"][").concat(r,"ms][").concat(e,"]：").concat(t.map((e=>JSON.stringify(e))).join(" "))}function Rn(e){return on({},e.dataset,e.__uniDataset)}function Bn(e){return{passive:e}}function $n(e){var{id:t,offsetTop:n,offsetLeft:r}=e;return{id:t,dataset:Rn(e),offsetTop:n,offsetLeft:r}}function Dn(e){if("function"==typeof e)return window.plus?e():void document.addEventListener("plusready",e)}var Fn=/(?:Once|Passive|Capture)$/;function Wn(e){var t,n;if(Fn.test(e))for(t={};n=e.match(Fn);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0;return[kn(e.slice(2)),t]}var jn=1,Vn=2,zn=4,Hn="class",qn="style",Un=".vShow",Yn=".vOwnerId",Xn=".vRenderjs",Gn="change:";function Jn(e,t=null){var n;return(...r)=>(e&&(n=e.apply(t,r),e=null),n)}function Kn(e,t){var n=t.split("."),r=n[0];return e||(e={}),1===n.length?e[r]:Kn(e[r],n.slice(1).join("."))}var Zn="#007aff",Qn=/^([a-z-]+:)?\/\//i,er=/^data:.*,.*/,tr="wxs://",nr="json://";var rr=/^(?:\d)+/,ir=/^(?:\w)+/;var ar,or="zh-Hans",sr="zh-Hant",lr="en",ur="fr",cr="es",dr=Object.prototype.hasOwnProperty,hr=new class{constructor(){this._caches=Object.create(null)}interpolate(e,t){if(!t)return[e];var n=this._caches[e];return n||(n=function(e){var t=[],n=0,r="";for(;n<e.length;){var i=e[n++];if("{"===i){r&&t.push({type:"text",value:r}),r="";var a="";for(i=e[n++];void 0!==i&&"}"!==i;)a+=i,i=e[n++];var o="}"===i,s=rr.test(a)?"list":o&&ir.test(a)?"named":"unknown";t.push({value:a,type:s})}else"%"===i?"{"!==e[n]&&(r+=i):r+=i}return r&&t.push({type:"text",value:r}),t}(e),this._caches[e]=n),function(e,t){var n=[],r=0,i=Array.isArray(t)?"list":(a=t,null!==a&&"object"==typeof a?"named":"unknown");var a;if("unknown"===i)return n;for(;r<e.length;){var o=e[r];switch(o.type){case"text":n.push(o.value);break;case"list":n.push(t[parseInt(o.value,10)]);break;case"named":"named"===i&&n.push(t[o.value])}r++}return n}(n,t)}};function pr(e,t){if(e){if(t[e=e.trim().replace(/_/g,"-")])return e;if(0===(e=e.toLowerCase()).indexOf("zh"))return-1!==e.indexOf("-hans")?or:-1!==e.indexOf("-hant")?sr:(n=e,["-tw","-hk","-mo","-cht"].find((e=>-1!==n.indexOf(e)))?sr:or);var n,r=function(e,t){return t.find((t=>0===e.indexOf(t)))}(e,[lr,ur,cr]);return r||void 0}}class fr{constructor({locale:e,fallbackLocale:t,messages:n,watcher:r,formater:i}){this.locale=lr,this.fallbackLocale=lr,this.message={},this.messages={},this.watchers=[],t&&(this.fallbackLocale=t),this.formater=i||hr,this.messages=n||{},this.setLocale(e),r&&this.watchLocale(r)}setLocale(e){var t=this.locale;this.locale=pr(e,this.messages)||this.fallbackLocale,this.messages[this.locale]||(this.messages[this.locale]={}),this.message=this.messages[this.locale],this.watchers.forEach((e=>{e(this.locale,t)}))}getLocale(){return this.locale}watchLocale(e){var t=this.watchers.push(e)-1;return()=>{this.watchers.splice(t,1)}}add(e,t){this.messages[e]?Object.assign(this.messages[e],t):this.messages[e]=t}t(e,t,n){var r=this.message;return"string"==typeof t?(t=pr(t,this.messages))&&(r=this.messages[t]):n=t,((e,t)=>dr.call(e,t))(r,e)?this.formater.interpolate(r[e],n).join(""):(console.warn("Cannot translate the value of keypath ".concat(e,". Use the value of keypath as default.")),e)}}function vr(){var e;ar||(e=plus.os.language,ar=function(e="en",t={},n="en"){"string"!=typeof e&&([e,t]=[t,e]),"string"!=typeof e&&(e=n);var r=new fr({locale:e||n,fallbackLocale:n,messages:t}),i=(e,t)=>{if("function"!=typeof getApp)i=function(e,t){return r.t(e,t)};else{var n=getApp().$vm;n.$t&&n.$i18n?(function(e,t){e.$i18n&&e.$i18n.vm.$watch("locale",(e=>{t.setLocale(e)}),{immediate:!0})}(n,r),i=function(e,t){var i=n.$i18n,a=i.silentTranslationWarn;i.silentTranslationWarn=!0;var o=n.$t(e,t);return i.silentTranslationWarn=a,o!==e?o:r.t(e,i.locale,t)}):i=function(e,t){return r.t(e,t)}}return i(e,t)};return{i18n:r,t:(e,t)=>i(e,t),add:(e,t)=>r.add(e,t),getLocale:()=>r.getLocale(),setLocale:e=>r.setLocale(e)}}(e));return ar}function gr(e,t){return Object.keys(t).reduce(((n,r)=>(n[e+r]=t[r],n)),{})}var mr=Jn((()=>{var e="uni.picker.";vr().add(lr,gr(e,{done:"Done",cancel:"Cancel"})),vr().add(cr,gr(e,{done:"OK",cancel:"Cancelar"})),vr().add(ur,gr(e,{done:"OK",cancel:"Annuler"})),vr().add(or,gr(e,{done:"完成",cancel:"取消"})),vr().add(sr,gr(e,{done:"完成",cancel:"取消"}))})),yr=Jn((()=>{var e="uni.button.";vr().add(lr,gr(e,{"feedback.title":"feedback","feedback.send":"send"})),vr().add(cr,gr(e,{"feedback.title":"realimentación","feedback.send":"enviar"})),vr().add(ur,gr(e,{"feedback.title":"retour d'information","feedback.send":"envoyer"})),vr().add(or,gr(e,{"feedback.title":"问题反馈","feedback.send":"发送"})),vr().add(sr,gr(e,{"feedback.title":"問題反饋","feedback.send":"發送"}))})),_r=function(){};_r.prototype={on:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){var r=this;function i(){r.off(e,i),t.apply(n,arguments)}return i._=t,this.on(e,i,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),r=0,i=n.length;r<i;r++)n[r].fn.apply(n[r].ctx,t);return this},off:function(e,t){var n=this.e||(this.e={}),r=n[e],i=[];if(r&&t)for(var a=0,o=r.length;a<o;a++)r[a].fn!==t&&r[a].fn._!==t&&i.push(r[a]);return i.length?n[e]=i:delete n[e],this}};var br="invokeViewApi",wr="invokeServiceApi",xr=1,Sr=Object.create(null);function Tr(e,t){return e+"."+t}function Er(e,t,n){t=Tr(e,t),Sr[t]||(Sr[t]=n)}function kr({id:e,name:t,args:n},r){t=Tr(r,t);var i=t=>{e&&UniViewJSBridge.publishHandler("invokeViewApi."+e,t)},a=Sr[t];a?a(n,i):i({})}var Cr,Mr,Or,Ir=on((Cr="service",Mr=new _r,{on:(e,t)=>Mr.on(e,t),once:(e,t)=>Mr.once(e,t),off:(e,t)=>Mr.off(e,t),emit:(e,...t)=>Mr.emit(e,...t),subscribe(e,t,n=!1){Mr[n?"once":"on"]("".concat(Cr,".").concat(e),t)},unsubscribe(e,t){Mr.off("".concat(Cr,".").concat(e),t)},subscribeHandler(e,t,n){Mr.emit("".concat(Cr,".").concat(e),t,n)}}),{invokeServiceMethod:(e,t,n)=>{var{subscribe:r,publishHandler:i}=UniViewJSBridge,a=n?xr++:0;n&&r("invokeServiceApi."+a,n,!0),i(wr,{id:a,name:e,args:t})}}),Lr=Bn(!0);function Nr(){Or&&(clearTimeout(Or),Or=null)}var Ar=0,Pr=0;function Rr(e){if(Nr(),1===e.touches.length){var{pageX:t,pageY:n}=e.touches[0];Ar=t,Pr=n,Or=setTimeout((function(){var t=new CustomEvent("longpress",{bubbles:!0,cancelable:!0,target:e.target,currentTarget:e.currentTarget});t.touches=e.touches,t.changedTouches=e.changedTouches,e.target.dispatchEvent(t)}),350)}}function Br(e){if(Or){if(1!==e.touches.length)return Nr();var{pageX:t,pageY:n}=e.touches[0];return Math.abs(t-Ar)>10||Math.abs(n-Pr)>10?Nr():void 0}}function $r(e,t){var n=Number(e);return isNaN(n)?t:n}function Dr(){function e(){var e,t,n,r=__uniConfig.globalStyle||{},i=$r(r.rpxCalcMaxDeviceWidth,960),a=$r(r.rpxCalcBaseDeviceWidth,375),o=(e=/^Apple/.test(navigator.vendor)&&"number"==typeof window.orientation,t=e&&90===Math.abs(window.orientation),n=e?Math[t?"max":"min"](screen.width,screen.height):screen.width,Math.min(window.innerWidth,document.documentElement.clientWidth,n)||n);o=o<=i?o:a,document.documentElement.style.fontSize=o/23.4375+"px"}e(),document.addEventListener("DOMContentLoaded",e),window.addEventListener("load",e),window.addEventListener("resize",e)}function Fr(){Dr(),window.addEventListener("touchstart",Rr,Lr),window.addEventListener("touchmove",Br,Lr),window.addEventListener("touchend",Nr,Lr),window.addEventListener("touchcancel",Nr,Lr)}var Wr,jr,Vr,zr=w,Hr=he,qr=re,Ur=rt,Yr=w,Xr=[].sort,Gr=[1,2,3];Hr(Hr.P+Hr.F*(Yr((function(){Gr.sort(void 0)}))||!Yr((function(){Gr.sort(null)}))||!((Wr=Xr)&&zr((function(){jr?Wr.call(null,(function(){}),1):Wr.call(null)})))),"Array",{sort:function(e){return void 0===e?Xr.call(Ur(this)):Xr.call(Ur(this),qr(e))}});var Jr=[];class Kr{constructor(e=!1){this.active=!0,this.effects=[],this.cleanups=[],!e&&Vr&&(this.parent=Vr,this.index=(Vr.scopes||(Vr.scopes=[])).push(this)-1)}run(e){if(this.active)try{return this.on(),e()}finally{this.off()}}on(){this.active&&(Jr.push(this),Vr=this)}off(){this.active&&(Jr.pop(),Vr=Jr[Jr.length-1])}stop(e){if(this.active){if(this.effects.forEach((e=>e.stop())),this.cleanups.forEach((e=>e())),this.scopes&&this.scopes.forEach((e=>e.stop(!0))),this.parent&&!e){var t=this.parent.scopes.pop();t&&t!==this&&(this.parent.scopes[this.index]=t,t.index=this.index)}this.active=!1}}}var Zr,Qr=e=>{var t=new Set(e);return t.w=0,t.n=0,t},ei=e=>(e.w&ii)>0,ti=e=>(e.n&ii)>0,ni=new WeakMap,ri=0,ii=1,ai=[],oi=Symbol(""),si=Symbol("");class li{constructor(e,t=null,n){this.fn=e,this.scheduler=t,this.active=!0,this.deps=[],function(e,t){(t=t||Vr)&&t.active&&t.effects.push(e)}(this,n)}run(){if(!this.active)return this.fn();if(!ai.includes(this))try{return ai.push(Zr=this),di.push(ci),ci=!0,ii=1<<++ri,ri<=30?(({deps:e})=>{if(e.length)for(var t=0;t<e.length;t++)e[t].w|=ii})(this):ui(this),this.fn()}finally{ri<=30&&(e=>{var{deps:t}=e;if(t.length){for(var n=0,r=0;r<t.length;r++){var i=t[r];ei(i)&&!ti(i)?i.delete(e):t[n++]=i,i.w&=~ii,i.n&=~ii}t.length=n}})(this),ii=1<<--ri,pi(),ai.pop();var e=ai.length;Zr=e>0?ai[e-1]:void 0}}stop(){this.active&&(ui(this),this.onStop&&this.onStop(),this.active=!1)}}function ui(e){var{deps:t}=e;if(t.length){for(var n=0;n<t.length;n++)t[n].delete(e);t.length=0}}var ci=!0,di=[];function hi(){di.push(ci),ci=!1}function pi(){var e=di.pop();ci=void 0===e||e}function fi(e,t,n){if(vi()){var r=ni.get(e);r||ni.set(e,r=new Map);var i=r.get(n);i||r.set(n,i=Qr()),gi(i)}}function vi(){return ci&&void 0!==Zr}function gi(e,t){var n=!1;ri<=30?ti(e)||(e.n|=ii,n=!ei(e)):n=!e.has(Zr),n&&(e.add(Zr),Zr.deps.push(e))}function mi(e,t,n,r,i,a){var o=ni.get(e);if(o){var s=[];if("clear"===t)s=[...o.values()];else if("length"===n&&cn(e))o.forEach(((e,t)=>{("length"===t||t>=r)&&s.push(e)}));else switch(void 0!==n&&s.push(o.get(n)),t){case"add":cn(e)?bn(n)&&s.push(o.get("length")):(s.push(o.get(oi)),dn(e)&&s.push(o.get(si)));break;case"delete":cn(e)||(s.push(o.get(oi)),dn(e)&&s.push(o.get(si)));break;case"set":dn(e)&&s.push(o.get(oi))}if(1===s.length)s[0]&&yi(s[0]);else{var l=[];for(var u of s)u&&l.push(...u);yi(Qr(l))}}}function yi(e,t){for(var n of cn(e)?e:[...e])(n!==Zr||n.allowRecurse)&&(n.scheduler?n.scheduler():n.run())}var _i=Ht("__proto__,__v_isRef,__isVue"),bi=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(fn)),wi=ki(),xi=ki(!1,!0),Si=ki(!0),Ti=Ei();function Ei(){var e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{e[t]=function(...e){for(var n=da(this),r=0,i=this.length;r<i;r++)fi(n,0,r+"");var a=n[t](...e);return-1===a||!1===a?n[t](...e.map(da)):a}})),["push","pop","shift","unshift","splice"].forEach((t=>{e[t]=function(...e){hi();var n=da(this)[t].apply(this,e);return pi(),n}})),e}function ki(e=!1,t=!1){return function(n,r,i){if("__v_isReactive"===r)return!e;if("__v_isReadonly"===r)return e;if("__v_raw"===r&&i===(e?t?ra:na:t?ta:ea).get(n))return n;var a=cn(n);if(!e&&a&&un(Ti,r))return Reflect.get(Ti,r,i);var o=Reflect.get(n,r,i);return(fn(r)?bi.has(r):_i(r))?o:(e||fi(n,0,r),t?o:ga(o)?!a||!bn(r)?o.value:o:vn(o)?e?oa(o):aa(o):o)}}function Ci(e=!1){return function(t,n,r,i){var a=t[n];if(!e&&(r=da(r),a=da(a),!cn(t)&&ga(a)&&!ga(r)))return a.value=r,!0;var o=cn(t)&&bn(n)?Number(n)<t.length:un(t,n),s=Reflect.set(t,n,r,i);return t===da(i)&&(o?On(r,a)&&mi(t,"set",n,r):mi(t,"add",n,r)),s}}var Mi={get:wi,set:Ci(),deleteProperty:function(e,t){var n=un(e,t);e[t];var r=Reflect.deleteProperty(e,t);return r&&n&&mi(e,"delete",t,void 0),r},has:function(e,t){var n=Reflect.has(e,t);return fn(t)&&bi.has(t)||fi(e,0,t),n},ownKeys:function(e){return fi(e,0,cn(e)?"length":oi),Reflect.ownKeys(e)}},Oi={get:Si,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},Ii=on({},Mi,{get:xi,set:Ci(!0)}),Li=e=>vn(e)?aa(e):e,Ni=e=>vn(e)?oa(e):e,Ai=e=>e,Pi=e=>Reflect.getPrototypeOf(e);function Ri(e,t,n=!1,r=!1){var i=da(e=e.__v_raw),a=da(t);t!==a&&!n&&fi(i,0,t),!n&&fi(i,0,a);var{has:o}=Pi(i),s=r?Ai:n?Ni:Li;return o.call(i,t)?s(e.get(t)):o.call(i,a)?s(e.get(a)):void(e!==i&&e.get(t))}function Bi(e,t=!1){var n=this.__v_raw,r=da(n),i=da(e);return e!==i&&!t&&fi(r,0,e),!t&&fi(r,0,i),e===i?n.has(e):n.has(e)||n.has(i)}function $i(e,t=!1){return e=e.__v_raw,!t&&fi(da(e),0,oi),Reflect.get(e,"size",e)}function Di(e){e=da(e);var t=da(this);return Pi(t).has.call(t,e)||(t.add(e),mi(t,"add",e,e)),this}function Fi(e,t){t=da(t);var n=da(this),{has:r,get:i}=Pi(n),a=r.call(n,e);a||(e=da(e),a=r.call(n,e));var o=i.call(n,e);return n.set(e,t),a?On(t,o)&&mi(n,"set",e,t):mi(n,"add",e,t),this}function Wi(e){var t=da(this),{has:n,get:r}=Pi(t),i=n.call(t,e);i||(e=da(e),i=n.call(t,e)),r&&r.call(t,e);var a=t.delete(e);return i&&mi(t,"delete",e,void 0),a}function ji(){var e=da(this),t=0!==e.size,n=e.clear();return t&&mi(e,"clear",void 0,void 0),n}function Vi(e,t){return function(n,r){var i=this,a=i.__v_raw,o=da(a),s=t?Ai:e?Ni:Li;return!e&&fi(o,0,oi),a.forEach(((e,t)=>n.call(r,s(e),s(t),i)))}}function zi(e,t,n){return function(...r){var i=this.__v_raw,a=da(i),o=dn(a),s="entries"===e||e===Symbol.iterator&&o,l="keys"===e&&o,u=i[e](...r),c=n?Ai:t?Ni:Li;return!t&&fi(a,0,l?si:oi),{next(){var{value:e,done:t}=u.next();return t?{value:e,done:t}:{value:s?[c(e[0]),c(e[1])]:c(e),done:t}},[Symbol.iterator](){return this}}}}function Hi(e){return function(...t){return"delete"!==e&&this}}function qi(){var e={get(e){return Ri(this,e)},get size(){return $i(this)},has:Bi,add:Di,set:Fi,delete:Wi,clear:ji,forEach:Vi(!1,!1)},t={get(e){return Ri(this,e,!1,!0)},get size(){return $i(this)},has:Bi,add:Di,set:Fi,delete:Wi,clear:ji,forEach:Vi(!1,!0)},n={get(e){return Ri(this,e,!0)},get size(){return $i(this,!0)},has(e){return Bi.call(this,e,!0)},add:Hi("add"),set:Hi("set"),delete:Hi("delete"),clear:Hi("clear"),forEach:Vi(!0,!1)},r={get(e){return Ri(this,e,!0,!0)},get size(){return $i(this,!0)},has(e){return Bi.call(this,e,!0)},add:Hi("add"),set:Hi("set"),delete:Hi("delete"),clear:Hi("clear"),forEach:Vi(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((i=>{e[i]=zi(i,!1,!1),n[i]=zi(i,!0,!1),t[i]=zi(i,!1,!0),r[i]=zi(i,!0,!0)})),[e,n,t,r]}var[Ui,Yi,Xi,Gi]=qi();function Ji(e,t){var n=t?e?Gi:Xi:e?Yi:Ui;return(t,r,i)=>"__v_isReactive"===r?!e:"__v_isReadonly"===r?e:"__v_raw"===r?t:Reflect.get(un(n,r)&&r in t?n:t,r,i)}var Ki={get:Ji(!1,!1)},Zi={get:Ji(!1,!0)},Qi={get:Ji(!0,!1)},ea=new WeakMap,ta=new WeakMap,na=new WeakMap,ra=new WeakMap;function ia(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>yn(e).slice(8,-1))(e))}function aa(e){return e&&e.__v_isReadonly?e:sa(e,!1,Mi,Ki,ea)}function oa(e){return sa(e,!0,Oi,Qi,na)}function sa(e,t,n,r,i){if(!vn(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;var a=i.get(e);if(a)return a;var o=ia(e);if(0===o)return e;var s=new Proxy(e,2===o?r:n);return i.set(e,s),s}function la(e){return ua(e)?la(e.__v_raw):!(!e||!e.__v_isReactive)}function ua(e){return!(!e||!e.__v_isReadonly)}function ca(e){return la(e)||ua(e)}function da(e){var t=e&&e.__v_raw;return t?da(t):e}function ha(e){return Ln(e,"__v_skip",!0),e}function pa(e){vi()&&((e=da(e)).dep||(e.dep=Qr()),gi(e.dep))}function fa(e,t){(e=da(e)).dep&&yi(e.dep)}var va=e=>vn(e)?aa(e):e;function ga(e){return Boolean(e&&!0===e.__v_isRef)}function ma(e){return ba(e)}function ya(e){return ba(e,!0)}class _a{constructor(e,t=!1){this._shallow=t,this.dep=void 0,this.__v_isRef=!0,this._rawValue=t?e:da(e),this._value=t?e:va(e)}get value(){return pa(this),this._value}set value(e){e=this._shallow?e:da(e),On(e,this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:va(e),fa(this))}}function ba(e,t=!1){return ga(e)?e:new _a(e,t)}var wa={get:(e,t,n)=>{return ga(r=Reflect.get(e,t,n))?r.value:r;var r},set:(e,t,n,r)=>{var i=e[t];return ga(i)&&!ga(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function xa(e){return la(e)?e:new Proxy(e,wa)}class Sa{constructor(e,t,n){this._setter=t,this.dep=void 0,this._dirty=!0,this.__v_isRef=!0,this.effect=new li(e,(()=>{this._dirty||(this._dirty=!0,fa(this))})),this.__v_isReadonly=n}get value(){var e=da(this);return pa(e),e._dirty&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function Ta(e,t){var n,r;return hn(e)?(n=e,r=en):(n=e.get,r=e.set),new Sa(n,r,hn(e)||!e.set)}function Ea(e,t,...n){var r,i=e.vnode.props||Zt,a=n,o=t.startsWith("update:"),s=o&&t.slice(7);if(s&&s in i){var l="".concat("modelValue"===s?"model":s,"Modifiers"),{number:u,trim:c}=i[l]||Zt;c?a=n.map((e=>e.trim())):u&&(a=n.map(Nn))}var d=i[r=Mn(t)]||i[r=Mn(Tn(t))];!d&&o&&(d=i[r=Mn(kn(t))]),d&&vs(d,e,6,a);var h=i[r+"Once"];if(h){if(e.emitted){if(e.emitted[r])return}else e.emitted={};e.emitted[r]=!0,vs(h,e,6,a)}}function ka(e,t,n=!1){var r=t.emitsCache,i=r.get(e);if(void 0!==i)return i;var a=e.emits,o={},s=!1;if(!hn(e)){var l=e=>{var n=ka(e,t,!0);n&&(s=!0,on(o,n))};!n&&t.mixins.length&&t.mixins.forEach(l),e.extends&&l(e.extends),e.mixins&&e.mixins.forEach(l)}return a||s?(cn(a)?a.forEach((e=>o[e]=null)):on(o,a),r.set(e,o),o):(r.set(e,null),null)}function Ca(e,t){return!(!e||!rn(t))&&(t=t.slice(2).replace(/Once$/,""),un(e,t[0].toLowerCase()+t.slice(1))||un(e,kn(t))||un(e,t))}var Ma=null,Oa=null;function Ia(e){var t=Ma;return Ma=e,Oa=e&&e.type.__scopeId||null,t}function La(e){var t,{type:n,vnode:r,proxy:i,withProxy:a,props:o,propsOptions:[s],slots:l,attrs:u,emit:c,render:d,renderCache:h,data:p,setupState:f,ctx:v,inheritAttrs:g}=e,m=Ia(e);try{var y;if(4&r.shapeFlag){var _=a||i;t=Jo(d.call(_,_,h,o,f,p,v)),y=u}else{var b=n;0,t=Jo(b.length>1?b(o,{attrs:u,slots:l,emit:c}):b(o,null)),y=n.props?u:Na(u)}var w=t;if(y&&!1!==g){var x=Object.keys(y),{shapeFlag:S}=w;if(x.length)if(1&S||6&S)s&&x.some(an)&&(y=Aa(y,s)),w=Xo(w,y);else 0}0,r.dirs&&(w.dirs=w.dirs?w.dirs.concat(r.dirs):r.dirs),r.transition&&(w.transition=r.transition),t=w}catch(T){gs(T,e,1),t=Yo(Fo)}return Ia(m),t}var Na=e=>{var t;for(var n in e)("class"===n||"style"===n||rn(n))&&((t||(t={}))[n]=e[n]);return t},Aa=(e,t)=>{var n={};for(var r in e)an(r)&&r.slice(9)in t||(n[r]=e[r]);return n};function Pa(e,t,n){var r=Object.keys(t);if(r.length!==Object.keys(e).length)return!0;for(var i=0;i<r.length;i++){var a=r[i];if(t[a]!==e[a]&&!Ca(n,a))return!0}return!1}function Ra(e,t){if(as){var n=as.provides,r=as.parent&&as.parent.provides;r===n&&(n=as.provides=Object.create(r)),n[e]=t}else;}function Ba(e,t,n=!1){var r=as||Ma;if(r){var i=null==r.parent?r.vnode.appContext&&r.vnode.appContext.provides:r.parent.provides;if(i&&e in i)return i[e];if(arguments.length>1)return n&&hn(t)?t.call(r.proxy):t}}var $a=e=>!!e.type.__asyncLoader,Da=e=>e.type.__isKeepAlive;function Fa(e,t){ja(e,"a",t)}function Wa(e,t){ja(e,"da",t)}function ja(e,t,n=as){var r=e.__wdc||(e.__wdc=()=>{for(var t=n;t;){if(t.isDeactivated)return;t=t.parent}e()});if(za(t,r,n),n)for(var i=n.parent;i&&i.parent;)Da(i.parent.vnode)&&Va(r,t,n,i),i=i.parent}function Va(e,t,n,r){var i=za(t,e,r,!0);Ja((()=>{sn(r[t],i)}),n)}function za(e,t,n=as,r=!1){if(n){var i=n[e]||(n[e]=[]),a=t.__weh||(t.__weh=(...r)=>{if(!n.isUnmounted){hi(),ss(n);var i=vs(t,n,e,r);return ls(),pi(),i}});return r?i.unshift(a):i.push(a),a}}var Ha=e=>(t,n=as)=>(!cs||"sp"===e)&&za(e,t,n),qa=Ha("bm"),Ua=Ha("m"),Ya=Ha("bu"),Xa=Ha("u"),Ga=Ha("bum"),Ja=Ha("um"),Ka=Ha("sp"),Za=Ha("rtg"),Qa=Ha("rtc");function eo(e,t=as){za("ec",e,t)}var to=!0;function no(e){var t=ao(e),n=e.proxy,r=e.ctx;to=!1,t.beforeCreate&&ro(t.beforeCreate,e,"bc");var i,{data:a,computed:o,methods:s,watch:l,provide:u,inject:c,created:d,beforeMount:h,mounted:p,beforeUpdate:f,updated:v,activated:g,deactivated:m,beforeDestroy:y,beforeUnmount:_,destroyed:b,unmounted:w,render:x,renderTracked:S,renderTriggered:T,errorCaptured:E,serverPrefetch:k,expose:C,inheritAttrs:M,components:O,directives:I,filters:L}=t;if(c&&function(e,t,n=en,r=!1){cn(e)&&(e=uo(e));var i=function(n){var i=e[n],a=void 0;ga(a=vn(i)?"default"in i?Ba(i.from||n,i.default,!0):Ba(i.from||n):Ba(i))&&r?Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>a.value,set:e=>a.value=e}):t[n]=a};for(var a in e)i(a)}(c,r,null,e.appContext.config.unwrapInjectedRef),s)for(var N in s){var A=s[N];hn(A)&&(r[N]=A.bind(n))}if(a&&(i=a.call(n,n),vn(i)&&(e.data=aa(i))),to=!0,o){var P=function(e){var t=o[e],i=Ta({get:hn(t)?t.bind(n,n):hn(t.get)?t.get.bind(n,n):en,set:!hn(t)&&hn(t.set)?t.set.bind(n):en});Object.defineProperty(r,e,{enumerable:!0,configurable:!0,get:()=>i.value,set:e=>i.value=e})};for(var R in o)P(R)}if(l)for(var B in l)io(l[B],r,n,B);if(u){var $=hn(u)?u.call(n):u;Reflect.ownKeys($).forEach((e=>{Ra(e,$[e])}))}function D(e,t){cn(t)?t.forEach((t=>e(t.bind(n)))):t&&e(t.bind(n))}if(d&&ro(d,e,"c"),D(qa,h),D(Ua,p),D(Ya,f),D(Xa,v),D(Fa,g),D(Wa,m),D(eo,E),D(Qa,S),D(Za,T),D(Ga,_),D(Ja,w),D(Ka,k),cn(C))if(C.length){var F=e.exposed||(e.exposed={});C.forEach((e=>{Object.defineProperty(F,e,{get:()=>n[e],set:t=>n[e]=t})}))}else e.exposed||(e.exposed={});x&&e.render===en&&(e.render=x),null!=M&&(e.inheritAttrs=M),O&&(e.components=O),I&&(e.directives=I)}function ro(e,t,n){vs(cn(e)?e.map((e=>e.bind(t.proxy))):e.bind(t.proxy),t,n)}function io(e,t,n,r){var i=r.includes(".")?Vs(n,r):()=>n[r];if(pn(e)){var a=t[e];hn(a)&&Fs(i,a)}else if(hn(e))Fs(i,e.bind(n));else if(vn(e))if(cn(e))e.forEach((e=>io(e,t,n,r)));else{var o=hn(e.handler)?e.handler.bind(n):t[e.handler];hn(o)&&Fs(i,o,e)}}function ao(e){var t,n=e.type,{mixins:r,extends:i}=n,{mixins:a,optionsCache:o,config:{optionMergeStrategies:s}}=e.appContext,l=o.get(n);return l?t=l:a.length||r||i?(t={},a.length&&a.forEach((e=>oo(t,e,s,!0))),oo(t,n,s)):t=n,o.set(n,t),t}function oo(e,t,n,r=!1){var{mixins:i,extends:a}=t;for(var o in a&&oo(e,a,n,!0),i&&i.forEach((t=>oo(e,t,n,!0))),t)if(r&&"expose"===o);else{var s=so[o]||n&&n[o];e[o]=s?s(e[o],t[o]):t[o]}return e}var so={data:lo,props:ho,emits:ho,methods:ho,computed:ho,beforeCreate:co,created:co,beforeMount:co,mounted:co,beforeUpdate:co,updated:co,beforeDestroy:co,destroyed:co,activated:co,deactivated:co,errorCaptured:co,serverPrefetch:co,components:ho,directives:ho,watch:function(e,t){if(!e)return t;if(!t)return e;var n=on(Object.create(null),e);for(var r in t)n[r]=co(e[r],t[r]);return n},provide:lo,inject:function(e,t){return ho(uo(e),uo(t))}};function lo(e,t){return t?e?function(){return on(hn(e)?e.call(this,this):e,hn(t)?t.call(this,this):t)}:t:e}function uo(e){if(cn(e)){for(var t={},n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function co(e,t){return e?[...new Set([].concat(e,t))]:t}function ho(e,t){return e?on(on(Object.create(null),e),t):t}function po(e,t,n,r=!1){var i={},a={};for(var o in Ln(a,Ho,1),e.propsDefaults=Object.create(null),fo(e,t,i,a),e.propsOptions[0])o in i||(i[o]=void 0);n?e.props=r?i:sa(i,!1,Ii,Zi,ta):e.type.props?e.props=i:e.props=a,e.attrs=a}function fo(e,t,n,r){var i,[a,o]=e.propsOptions,s=!1;if(t)for(var l in t)if(!wn(l)){var u=t[l],c=void 0;a&&un(a,c=Tn(l))?o&&o.includes(c)?(i||(i={}))[c]=u:n[c]=u:Ca(e.emitsOptions,l)||u!==r[l]&&(r[l]=u,s=!0)}if(o)for(var d=da(n),h=i||Zt,p=0;p<o.length;p++){var f=o[p];n[f]=vo(a,d,f,h[f],e,!un(h,f))}return s}function vo(e,t,n,r,i,a){var o=e[n];if(null!=o){var s=un(o,"default");if(s&&void 0===r){var l=o.default;if(o.type!==Function&&hn(l)){var{propsDefaults:u}=i;n in u?r=u[n]:(ss(i),r=u[n]=l.call(null,t),ls())}else r=l}o[0]&&(a&&!s?r=!1:!o[1]||""!==r&&r!==kn(n)||(r=!0))}return r}function go(e,t,n=!1){var r=t.propsCache,i=r.get(e);if(i)return i;var a=e.props,o={},s=[],l=!1;if(!hn(e)){var u=e=>{l=!0;var[n,r]=go(e,t,!0);on(o,n),r&&s.push(...r)};!n&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}if(!a&&!l)return r.set(e,Qt),Qt;if(cn(a))for(var c=0;c<a.length;c++){var d=Tn(a[c]);mo(d)&&(o[d]=Zt)}else if(a)for(var h in a){var p=Tn(h);if(mo(p)){var f=a[h],v=o[p]=cn(f)||hn(f)?{type:f}:f;if(v){var g=bo(Boolean,v.type),m=bo(String,v.type);v[0]=g>-1,v[1]=m<0||g<m,(g>-1||un(v,"default"))&&s.push(p)}}}var y=[o,s];return r.set(e,y),y}function mo(e){return"$"!==e[0]}function yo(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:null===e?"null":""}function _o(e,t){return yo(e)===yo(t)}function bo(e,t){return cn(t)?t.findIndex((t=>_o(t,e))):hn(t)&&_o(t,e)?0:-1}var wo=e=>"_"===e[0]||"$stable"===e,xo=e=>cn(e)?e.map(Jo):[Jo(e)],So=(e,t,n)=>{var r=function(e,t=Ma,n){if(!t)return e;if(e._n)return e;var r=(...n)=>{r._d&&jo(-1);var i=Ia(t),a=e(...n);return Ia(i),r._d&&jo(1),a};return r._n=!0,r._c=!0,r._d=!0,r}((e=>xo(t(e))),n);return r._c=!1,r},To=(e,t,n)=>{var r=e._ctx;for(var i in e)if(!wo(i)){var a=e[i];hn(a)?t[i]=So(0,a,r):null!=a&&function(){var e=xo(a);t[i]=()=>e}()}},Eo=(e,t)=>{var n=xo(t);e.slots.default=()=>n};function ko(e,t){if(null===Ma)return e;for(var n=Ma.proxy,r=e.dirs||(e.dirs=[]),i=0;i<t.length;i++){var[a,o,s,l=Zt]=t[i];hn(a)&&(a={mounted:a,updated:a}),a.deep&&zs(o),r.push({dir:a,instance:n,value:o,oldValue:void 0,arg:s,modifiers:l})}return e}function Co(e,t,n,r){for(var i=e.dirs,a=t&&t.dirs,o=0;o<i.length;o++){var s=i[o];a&&(s.oldValue=a[o].value);var l=s.dir[r];l&&(hi(),vs(l,n,8,[e.el,s,e,t]),pi())}}function Mo(){return{app:null,config:{isNativeTag:tn,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}var Oo=0;function Io(e,t){return function(n,r=null){null==r||vn(r)||(r=null);var i=Mo(),a=new Set,o=!1,s=i.app={_uid:Oo++,_component:n,_props:r,_container:null,_context:i,_instance:null,version:Hs,get config(){return i.config},set config(e){},use:(e,...t)=>(a.has(e)||(e&&hn(e.install)?(a.add(e),e.install(s,...t)):hn(e)&&(a.add(e),e(s,...t))),s),mixin:e=>(i.mixins.includes(e)||i.mixins.push(e),s),component:(e,t)=>t?(i.components[e]=t,s):i.components[e],directive:(e,t)=>t?(i.directives[e]=t,s):i.directives[e],mount(a,l,u){if(!o){var c=Yo(n,r);return c.appContext=i,l&&t?t(c,a):e(c,a,u),o=!0,s._container=a,a.__vue_app__=s,c.component.proxy}},unmount(){o&&(e(null,s._container),delete s._container.__vue_app__)},provide:(e,t)=>(i.provides[e]=t,s)};return s}}var Lo=function(e,t){t&&t.pendingBranch?cn(e)?t.effects.push(...e):t.effects.push(e):As(e,Es,Ts,ks)};function No(e){return function(e,t){var n,r,{insert:i,remove:a,patchProp:o,createElement:s,createText:l,createComment:u,setText:c,setElementText:d,parentNode:h,nextSibling:p,setScopeId:f=en,cloneNode:v,insertStaticContent:g}=e,m=(e,t,n,r=null,i=null,a=null,o=!1,s=null,l=!!t.dynamicChildren)=>{if(e!==t){e&&!zo(e,t)&&(r=q(e),W(e,i,a,!0),e=null),-2===t.patchFlag&&(l=!1,t.dynamicChildren=null);var{type:u,ref:c,shapeFlag:d}=t;switch(u){case Do:y(e,t,n,r);break;case Fo:_(e,t,n,r);break;case Wo:null==e&&b(t,n,r,o);break;case $o:I(e,t,n,r,i,a,o,s,l);break;default:1&d?S(e,t,n,r,i,a,o,s,l):6&d?L(e,t,n,r,i,a,o,s,l):(64&d||128&d)&&u.process(e,t,n,r,i,a,o,s,l,Y)}null!=c&&i&&Ao(c,e&&e.ref,a,t||e,!t)}},y=(e,t,n,r)=>{if(null==e)i(t.el=l(t.children),n,r);else{var a=t.el=e.el;t.children!==e.children&&c(a,t.children)}},_=(e,t,n,r)=>{null==e?i(t.el=u(t.children||""),n,r):t.el=e.el},b=(e,t,n,r)=>{[e.el,e.anchor]=g(e.children,t,n,r)},w=({el:e,anchor:t},n,r)=>{for(var a;e&&e!==t;)a=p(e),i(e,n,r),e=a;i(t,n,r)},x=({el:e,anchor:t})=>{for(var n;e&&e!==t;)n=p(e),a(e),e=n;a(t)},S=(e,t,n,r,i,a,o,s,l)=>{o=o||"svg"===t.type,null==e?T(t,n,r,i,a,o,s,l):C(e,t,i,a,o,s,l)},T=(e,t,n,r,a,l,u,c)=>{var h,p,{type:f,props:g,shapeFlag:m,transition:y,patchFlag:_,dirs:b}=e;if(e.el&&void 0!==v&&-1===_)h=e.el=v(e.el);else{if(h=e.el=s(e.type,l,g&&g.is,g),8&m?d(h,e.children):16&m&&k(e.children,h,null,r,a,l&&"foreignObject"!==f,u,c),b&&Co(e,null,r,"created"),g){for(var w in g)"value"===w||wn(w)||o(h,w,null,g[w],l,e.children,r,a,H);"value"in g&&o(h,"value",null,g.value),(p=g.onVnodeBeforeMount)&&Po(p,r,e)}E(h,e,e.scopeId,u,r)}Object.defineProperty(h,"__vueParentComponent",{value:r,enumerable:!1}),b&&Co(e,null,r,"beforeMount");var x=(!a||a&&!a.pendingBranch)&&y&&!y.persisted;x&&y.beforeEnter(h),i(h,t,n),((p=g&&g.onVnodeMounted)||x||b)&&Lo((()=>{p&&Po(p,r,e),x&&y.enter(h),b&&Co(e,null,r,"mounted")}),a)},E=(e,t,n,r,i)=>{if(n&&f(e,n),r)for(var a=0;a<r.length;a++)f(e,r[a]);if(i&&t===i.subTree){var o=i.vnode;E(e,o,o.scopeId,o.slotScopeIds,i.parent)}},k=(e,t,n,r,i,a,o,s,l=0)=>{for(var u=l;u<e.length;u++){var c=e[u]=s?Ko(e[u]):Jo(e[u]);m(null,c,t,n,r,i,a,o,s)}},C=(e,t,n,r,i,a,s)=>{var l=t.el=e.el,{patchFlag:u,dynamicChildren:c,dirs:h}=t;u|=16&e.patchFlag;var p,f=e.props||Zt,v=t.props||Zt;if((p=v.onVnodeBeforeUpdate)&&Po(p,n,t,e),h&&Co(t,e,n,"beforeUpdate"),u>0){if(16&u)O(l,t,f,v,n,r,i);else if(2&u&&f.class!==v.class&&o(l,"class",null,v.class,i),4&u&&o(l,"style",f.style,v.style,i),8&u)for(var g=t.dynamicProps,m=0;m<g.length;m++){var y=g[m],_=f[y],b=v[y];b===_&&"value"!==y||o(l,y,_,b,i,e.children,n,r,H)}1&u&&e.children!==t.children&&d(l,t.children)}else s||null!=c||O(l,t,f,v,n,r,i);var w=i&&"foreignObject"!==t.type;c?M(e.dynamicChildren,c,l,n,r,w,a):s||B(e,t,l,null,n,r,w,a,!1),((p=v.onVnodeUpdated)||h)&&Lo((()=>{p&&Po(p,n,t,e),h&&Co(t,e,n,"updated")}),r)},M=(e,t,n,r,i,a,o)=>{for(var s=0;s<t.length;s++){var l=e[s],u=t[s],c=l.el&&(l.type===$o||!zo(l,u)||6&l.shapeFlag||64&l.shapeFlag)?h(l.el):n;m(l,u,c,null,r,i,a,o,!0)}},O=(e,t,n,r,i,a,s)=>{if(n!==r){for(var l in r)if(!wn(l)){var u=r[l],c=n[l];u!==c&&"value"!==l&&o(e,l,c,u,s,t.children,i,a,H)}if(n!==Zt)for(var d in n)wn(d)||d in r||o(e,d,n[d],null,s,t.children,i,a,H);"value"in r&&o(e,"value",n.value,r.value)}},I=(e,t,n,r,a,o,s,u,c)=>{var d=t.el=e?e.el:l(""),h=t.anchor=e?e.anchor:l(""),{patchFlag:p,dynamicChildren:f,slotScopeIds:v}=t;v&&(u=u?u.concat(v):v),null==e?(i(d,n,r),i(h,n,r),k(t.children,n,h,a,o,s,u,c)):p>0&&64&p&&f&&e.dynamicChildren?(M(e.dynamicChildren,f,n,a,o,s,u),(null!=t.key||a&&t===a.subTree)&&Ro(e,t,!0)):B(e,t,n,h,a,o,s,u,c)},L=(e,t,n,r,i,a,o,s,l)=>{t.slotScopeIds=s,null==e?512&t.shapeFlag?i.ctx.activate(t,n,r,o,l):N(t,n,r,i,a,o,l):A(e,t,l)},N=(e,t,n,r,i,a,o)=>{var s=e.component=function(e,t,n){var r=e.type,i=(t?t.appContext:e.appContext)||rs,a={uid:is++,vnode:e,type:r,parent:t,appContext:i,root:null,next:null,subTree:null,update:null,scope:new Kr(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(i.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:go(r,i),emitsOptions:ka(r,i),emit:null,emitted:null,propsDefaults:Zt,inheritAttrs:r.inheritAttrs,ctx:Zt,data:Zt,props:Zt,attrs:Zt,slots:Zt,refs:Zt,setupState:Zt,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};a.ctx={_:a},a.root=t?t.root:a,a.emit=Ea.bind(null,a),e.ce&&e.ce(a);return a}(e,r,i);if(Da(e)&&(s.ctx.renderer=Y),function(e,t=!1){cs=t;var{props:n,children:r}=e.vnode,i=us(e);po(e,n,i,t),((e,t)=>{if(32&e.vnode.shapeFlag){var n=t._;n?(e.slots=da(t),Ln(t,"_",n)):To(t,e.slots={})}else e.slots={},t&&Eo(e,t);Ln(e.slots,Ho,1)})(e,r);var a=i?function(e,t){var n=e.type;e.accessCache=Object.create(null),e.proxy=ha(new Proxy(e.ctx,ns));var{setup:r}=n;if(r){var i=e.setupContext=r.length>1?function(e){var t,n=t=>{e.exposed=t||{}};return{get attrs(){return t||(t=function(e){return new Proxy(e.attrs,{get:(t,n)=>(fi(e,0,"$attrs"),t[n])})}(e))},slots:e.slots,emit:e.emit,expose:n}}(e):null;ss(e),hi();var a=fs(r,e,0,[e.props,i]);if(pi(),ls(),gn(a)){if(a.then(ls,ls),t)return a.then((t=>{ds(e,t)})).catch((t=>{gs(t,e,0)}));e.asyncDep=a}else ds(e,a)}else hs(e)}(e,t):void 0;cs=!1}(s),s.asyncDep){if(i&&i.registerDep(s,P),!e.el){var l=s.subTree=Yo(Fo);_(null,l,t,n)}}else P(s,e,t,n,i,a,o)},A=(e,t,n)=>{var r,i,a=t.component=e.component;if(function(e,t,n){var{props:r,children:i,component:a}=e,{props:o,children:s,patchFlag:l}=t,u=a.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&l>=0))return!(!i&&!s||s&&s.$stable)||r!==o&&(r?!o||Pa(r,o,u):!!o);if(1024&l)return!0;if(16&l)return r?Pa(r,o,u):!!o;if(8&l)for(var c=t.dynamicProps,d=0;d<c.length;d++){var h=c[d];if(o[h]!==r[h]&&!Ca(u,h))return!0}return!1}(e,t,n)){if(a.asyncDep&&!a.asyncResolved)return void R(a,t,n);a.next=t,r=a.update,(i=_s.indexOf(r))>bs&&_s.splice(i,1),a.update()}else t.component=e.component,t.el=e.el,a.vnode=t},P=(e,t,n,i,a,o,s)=>{var l=new li((()=>{if(e.isMounted){var u,{next:c,bu:d,u:p,parent:f,vnode:v}=e,g=c;c?(c.el=v.el,R(e,c,s)):c=v,l.allowRecurse=!1,d&&In(d),(u=c.props&&c.props.onVnodeBeforeUpdate)&&Po(u,f,c,v),l.allowRecurse=!0;var y=La(e),_=e.subTree;e.subTree=y,m(_,y,h(_.el),q(_),e,a,o),c.el=y.el,null===g&&function({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}(e,y.el),p&&Lo(p,a),(u=c.props&&c.props.onVnodeUpdated)&&Lo((()=>Po(u,f,c,v)),a)}else{var b,{el:w,props:x}=t,{bm:S,m:T,parent:E}=e;if(l.allowRecurse=!1,S&&In(S),(b=x&&x.onVnodeBeforeMount)&&Po(b,E,t),l.allowRecurse=!0,w&&r){var k=()=>{e.subTree=La(e),r(w,e.subTree,e,a,null)};$a(t)?t.type.__asyncLoader().then((()=>!e.isUnmounted&&k())):k()}else{var C=e.subTree=La(e);m(null,C,n,i,e,a,o),t.el=C.el}if(T&&Lo(T,a),b=x&&x.onVnodeMounted){var M=t;Lo((()=>Po(b,E,M)),a)}256&t.shapeFlag&&e.a&&Lo(e.a,a),e.isMounted=!0,t=n=i=null}}),(()=>Ls(e.update)),e.scope),u=e.update=l.run.bind(l);u.id=e.uid,l.allowRecurse=u.allowRecurse=!0,u()},R=(e,t,n)=>{t.component=e;var r=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,r){var{props:i,attrs:a,vnode:{patchFlag:o}}=e,s=da(i),[l]=e.propsOptions,u=!1;if(!(r||o>0)||16&o){var c;for(var d in fo(e,t,i,a)&&(u=!0),s)t&&(un(t,d)||(c=kn(d))!==d&&un(t,c))||(l?!n||void 0===n[d]&&void 0===n[c]||(i[d]=vo(l,s,d,void 0,e,!0)):delete i[d]);if(a!==s)for(var h in a)t&&un(t,h)||(delete a[h],u=!0)}else if(8&o)for(var p=e.vnode.dynamicProps,f=0;f<p.length;f++){var v=p[f],g=t[v];if(l)if(un(a,v))g!==a[v]&&(a[v]=g,u=!0);else{var m=Tn(v);i[m]=vo(l,s,m,g,e,!1)}else g!==a[v]&&(a[v]=g,u=!0)}u&&mi(e,"set","$attrs")}(e,t.props,r,n),((e,t,n)=>{var{vnode:r,slots:i}=e,a=!0,o=Zt;if(32&r.shapeFlag){var s=t._;s?n&&1===s?a=!1:(on(i,t),n||1!==s||delete i._):(a=!t.$stable,To(t,i)),o=t}else t&&(Eo(e,t),o={default:1});if(a)for(var l in i)wo(l)||l in o||delete i[l]})(e,t.children,n),hi(),Ps(void 0,e.update),pi()},B=(e,t,n,r,i,a,o,s,l=!1)=>{var u=e&&e.children,c=e?e.shapeFlag:0,h=t.children,{patchFlag:p,shapeFlag:f}=t;if(p>0){if(128&p)return void D(u,h,n,r,i,a,o,s,l);if(256&p)return void $(u,h,n,r,i,a,o,s,l)}8&f?(16&c&&H(u,i,a),h!==u&&d(n,h)):16&c?16&f?D(u,h,n,r,i,a,o,s,l):H(u,i,a,!0):(8&c&&d(n,""),16&f&&k(h,n,r,i,a,o,s,l))},$=(e,t,n,r,i,a,o,s,l)=>{t=t||Qt;var u,c=(e=e||Qt).length,d=t.length,h=Math.min(c,d);for(u=0;u<h;u++){var p=t[u]=l?Ko(t[u]):Jo(t[u]);m(e[u],p,n,null,i,a,o,s,l)}c>d?H(e,i,a,!0,!1,h):k(t,n,r,i,a,o,s,l,h)},D=(e,t,n,r,i,a,o,s,l)=>{for(var u=0,c=t.length,d=e.length-1,h=c-1;u<=d&&u<=h;){var p=e[u],f=t[u]=l?Ko(t[u]):Jo(t[u]);if(!zo(p,f))break;m(p,f,n,null,i,a,o,s,l),u++}for(;u<=d&&u<=h;){var v=e[d],g=t[h]=l?Ko(t[h]):Jo(t[h]);if(!zo(v,g))break;m(v,g,n,null,i,a,o,s,l),d--,h--}if(u>d){if(u<=h)for(var y=h+1,_=y<c?t[y].el:r;u<=h;)m(null,t[u]=l?Ko(t[u]):Jo(t[u]),n,_,i,a,o,s,l),u++}else if(u>h)for(;u<=d;)W(e[u],i,a,!0),u++;else{var b,w=u,x=u,S=new Map;for(u=x;u<=h;u++){var T=t[u]=l?Ko(t[u]):Jo(t[u]);null!=T.key&&S.set(T.key,u)}var E=0,k=h-x+1,C=!1,M=0,O=new Array(k);for(u=0;u<k;u++)O[u]=0;for(u=w;u<=d;u++){var I=e[u];if(E>=k)W(I,i,a,!0);else{var L=void 0;if(null!=I.key)L=S.get(I.key);else for(b=x;b<=h;b++)if(0===O[b-x]&&zo(I,t[b])){L=b;break}void 0===L?W(I,i,a,!0):(O[L-x]=u+1,L>=M?M=L:C=!0,m(I,t[L],n,null,i,a,o,s,l),E++)}}var N=C?function(e){var t,n,r,i,a,o=e.slice(),s=[0],l=e.length;for(t=0;t<l;t++){var u=e[t];if(0!==u){if(e[n=s[s.length-1]]<u){o[t]=n,s.push(t);continue}for(r=0,i=s.length-1;r<i;)e[s[a=r+i>>1]]<u?r=a+1:i=a;u<e[s[r]]&&(r>0&&(o[t]=s[r-1]),s[r]=t)}}r=s.length,i=s[r-1];for(;r-- >0;)s[r]=i,i=o[i];return s}(O):Qt;for(b=N.length-1,u=k-1;u>=0;u--){var A=x+u,P=t[A],R=A+1<c?t[A+1].el:r;0===O[u]?m(null,P,n,R,i,a,o,s,l):C&&(b<0||u!==N[b]?F(P,n,R,2):b--)}}},F=(e,t,n,r,a=null)=>{var{el:o,type:s,transition:l,children:u,shapeFlag:c}=e;if(6&c)F(e.component.subTree,t,n,r);else if(128&c)e.suspense.move(t,n,r);else if(64&c)s.move(e,t,n,Y);else if(s!==$o){if(s!==Wo)if(2!==r&&1&c&&l)if(0===r)l.beforeEnter(o),i(o,t,n),Lo((()=>l.enter(o)),a);else{var{leave:d,delayLeave:h,afterLeave:p}=l,f=()=>i(o,t,n),v=()=>{d(o,(()=>{f(),p&&p()}))};h?h(o,f,v):v()}else i(o,t,n);else w(e,t,n)}else{i(o,t,n);for(var g=0;g<u.length;g++)F(u[g],t,n,r);i(e.anchor,t,n)}},W=(e,t,n,r=!1,i=!1)=>{var{type:a,props:o,ref:s,children:l,dynamicChildren:u,shapeFlag:c,patchFlag:d,dirs:h}=e;if(null!=s&&Ao(s,null,n,e,!0),256&c)t.ctx.deactivate(e);else{var p,f=1&c&&h;if((p=o&&o.onVnodeBeforeUnmount)&&Po(p,t,e),6&c)z(e.component,n,r);else{if(128&c)return void e.suspense.unmount(n,r);f&&Co(e,null,t,"beforeUnmount"),64&c?e.type.remove(e,t,n,i,Y,r):u&&(a!==$o||d>0&&64&d)?H(u,t,n,!1,!0):(a===$o&&(128&d||256&d)||!i&&16&c)&&H(l,t,n),r&&j(e)}((p=o&&o.onVnodeUnmounted)||f)&&Lo((()=>{p&&Po(p,t,e),f&&Co(e,null,t,"unmounted")}),n)}},j=e=>{var{type:t,el:n,anchor:r,transition:i}=e;if(t!==$o)if(t!==Wo){var o=()=>{a(n),i&&!i.persisted&&i.afterLeave&&i.afterLeave()};if(1&e.shapeFlag&&i&&!i.persisted){var{leave:s,delayLeave:l}=i,u=()=>s(n,o);l?l(e.el,o,u):u()}else o()}else x(e);else V(n,r)},V=(e,t)=>{for(var n;e!==t;)n=p(e),a(e),e=n;a(t)},z=(e,t,n)=>{var{bum:r,scope:i,update:a,subTree:o,um:s}=e;r&&In(r),i.stop(),a&&(a.active=!1,W(o,e,t,n)),s&&Lo(s,t),Lo((()=>{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},H=(e,t,n,r=!1,i=!1,a=0)=>{for(var o=a;o<e.length;o++)W(e[o],t,n,r,i)},q=e=>6&e.shapeFlag?q(e.component.subTree):128&e.shapeFlag?e.suspense.next():p(e.anchor||e.el),U=(e,t,n)=>{if(null==e)t._vnode&&W(t._vnode,null,null,!0);else{var r=t.__vueParent;m(t._vnode||null,e,t,null,r,null,n)}t._vnode=e},Y={p:m,um:W,m:F,r:j,mt:N,mc:k,pc:B,pbc:M,n:q,o:e};t&&([n,r]=t(Y));return{render:U,hydrate:n,createApp:Io(U,n)}}(e)}function Ao(e,t,n,r,i=!1){if(cn(e))e.forEach(((e,a)=>Ao(e,t&&(cn(t)?t[a]:t),n,r,i)));else if(!$a(r)||i){var a=4&r.shapeFlag?ps(r.component)||r.component.proxy:r.el,o=i?null:a,{i:s,r:l}=e,u=t&&t.r,c=s.refs===Zt?s.refs={}:s.refs,d=s.setupState;if(null!=u&&u!==l&&(pn(u)?(c[u]=null,un(d,u)&&(d[u]=null)):ga(u)&&(u.value=null)),pn(l)){var h=()=>{c[l]=o,un(d,l)&&(d[l]=o)};o?(h.id=-1,Lo(h,n)):h()}else if(ga(l)){var p=()=>{l.value=o};o?(p.id=-1,Lo(p,n)):p()}else hn(l)&&fs(l,s,12,[o,c])}}function Po(e,t,n,r=null){vs(e,t,7,[n,r])}function Ro(e,t,n=!1){var r=e.children,i=t.children;if(cn(r)&&cn(i))for(var a=0;a<r.length;a++){var o=r[a],s=i[a];1&s.shapeFlag&&!s.dynamicChildren&&((s.patchFlag<=0||32===s.patchFlag)&&((s=i[a]=Ko(i[a])).el=o.el),n||Ro(o,s))}}var Bo=Symbol(),$o=Symbol(void 0),Do=Symbol(void 0),Fo=Symbol(void 0),Wo=Symbol(void 0);function jo(e){e}function Vo(e){return!!e&&!0===e.__v_isVNode}function zo(e,t){return e.type===t.type&&e.key===t.key}var Ho="__vInternal",qo=({key:e})=>null!=e?e:null,Uo=({ref:e})=>null!=e?pn(e)||ga(e)||hn(e)?{i:Ma,r:e}:e:null;var Yo=function(e,t=null,n=null,r=0,i=null,a=!1){e&&e!==Bo||(e=Fo);if(Vo(e)){var o=Xo(e,t,!0);return n&&Zo(o,n),o}s=e,hn(s)&&"__vccOpts"in s&&(e=e.__vccOpts);var s;if(t){t=function(e){return e?ca(e)||Ho in e?on({},e):e:null}(t);var{class:l,style:u}=t;l&&!pn(l)&&(t.class=Kt(l)),vn(u)&&(ca(u)&&!cn(u)&&(u=on({},u)),t.style=Yt(u))}var c=pn(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:vn(e)?4:hn(e)?2:0;return function(e,t=null,n=null,r=0,i=null,a=(e===$o?0:1),o=!1,s=!1){var l={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&qo(t),ref:t&&Uo(t),scopeId:Oa,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null};return s?(Zo(l,n),128&a&&e.normalize(l)):n&&(l.shapeFlag|=pn(n)?8:16),l}(e,t,n,r,i,c,a,!0)};function Xo(e,t,n=!1){var{props:r,ref:i,patchFlag:a,children:o}=e,s=t?Qo(r||{},t):r;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:s,key:s&&qo(s),ref:t&&t.ref?n&&i?cn(i)?i.concat(Uo(t)):[i,Uo(t)]:Uo(t):i,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:o,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==$o?-1===a?16:16|a:a,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Xo(e.ssContent),ssFallback:e.ssFallback&&Xo(e.ssFallback),el:e.el,anchor:e.anchor}}function Go(e=" ",t=0){return Yo(Do,null,e,t)}function Jo(e){return null==e||"boolean"==typeof e?Yo(Fo):cn(e)?Yo($o,null,e.slice()):"object"==typeof e?Ko(e):Yo(Do,null,String(e))}function Ko(e){return null===e.el||e.memo?e:Xo(e)}function Zo(e,t){var n=0,{shapeFlag:r}=e;if(null==t)t=null;else if(cn(t))n=16;else if("object"==typeof t){if(1&r||64&r){var i=t.default;return void(i&&(i._c&&(i._d=!1),Zo(e,i()),i._c&&(i._d=!0)))}n=32;var a=t._;a||Ho in t?3===a&&Ma&&(1===Ma.slots._?t._=1:(t._=2,e.patchFlag|=1024)):t._ctx=Ma}else hn(t)?(t={default:t,_ctx:Ma},n=32):(t=String(t),64&r?(n=16,t=[Go(t)]):n=8);e.children=t,e.shapeFlag|=n}function Qo(...e){for(var t={},n=0;n<e.length;n++){var r=e[n];for(var i in r)if("class"===i)t.class!==r.class&&(t.class=Kt([t.class,r.class]));else if("style"===i)t.style=Yt([t.style,r.style]);else if(rn(i)){var a=t[i],o=r[i];a!==o&&(t[i]=a?[].concat(a,o):o)}else""!==i&&(t[i]=r[i])}return t}var es=e=>e?us(e)?ps(e)||e.proxy:es(e.parent):null,ts=on(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>es(e.parent),$root:e=>es(e.root),$emit:e=>e.emit,$options:e=>ao(e),$forceUpdate:e=>()=>Ls(e.update),$nextTick:e=>Is.bind(e.proxy),$watch:e=>js.bind(e)}),ns={get({_:e},t){var n,{ctx:r,setupState:i,data:a,props:o,accessCache:s,type:l,appContext:u}=e;if("$"!==t[0]){var c=s[t];if(void 0!==c)switch(c){case 0:return i[t];case 1:return a[t];case 3:return r[t];case 2:return o[t]}else{if(i!==Zt&&un(i,t))return s[t]=0,i[t];if(a!==Zt&&un(a,t))return s[t]=1,a[t];if((n=e.propsOptions[0])&&un(n,t))return s[t]=2,o[t];if(r!==Zt&&un(r,t))return s[t]=3,r[t];to&&(s[t]=4)}}var d,h,p=ts[t];return p?("$attrs"===t&&fi(e,0,t),p(e)):(d=l.__cssModules)&&(d=d[t])?d:r!==Zt&&un(r,t)?(s[t]=3,r[t]):(h=u.config.globalProperties,un(h,t)?h[t]:void 0)},set({_:e},t,n){var{data:r,setupState:i,ctx:a}=e;if(i!==Zt&&un(i,t))i[t]=n;else if(r!==Zt&&un(r,t))r[t]=n;else if(un(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(a[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:i,propsOptions:a}},o){var s;return void 0!==n[o]||e!==Zt&&un(e,o)||t!==Zt&&un(t,o)||(s=a[0])&&un(s,o)||un(r,o)||un(ts,o)||un(i.config.globalProperties,o)}},rs=Mo(),is=0;var as=null,os=()=>as||Ma,ss=e=>{as=e,e.scope.on()},ls=()=>{as&&as.scope.off(),as=null};function us(e){return 4&e.vnode.shapeFlag}var cs=!1;function ds(e,t,n){hn(t)?e.render=t:vn(t)&&(e.setupState=xa(t)),hs(e)}function hs(e,t,n){var r=e.type;e.render||(e.render=r.render||en),ss(e),hi(),no(e),pi(),ls()}function ps(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(xa(ha(e.exposed)),{get:(t,n)=>n in t?t[n]:n in ts?ts[n](e):void 0}))}function fs(e,t,n,r){var i;try{i=r?e(...r):e()}catch(a){gs(a,t,n)}return i}function vs(e,t,n,r){if(hn(e)){var i=fs(e,t,n,r);return i&&gn(i)&&i.catch((e=>{gs(e,t,n)})),i}for(var a=[],o=0;o<e.length;o++)a.push(vs(e[o],t,n,r));return a}function gs(e,t,n,r=!0){t&&t.vnode;if(t){for(var i=t.parent,a=t.proxy,o=n;i;){var s=i.ec;if(s)for(var l=0;l<s.length;l++)if(!1===s[l](e,a,o))return;i=i.parent}var u=t.appContext.config.errorHandler;if(u)return void fs(u,null,10,[e,a,o])}!function(e,t,n,r=!0){e instanceof Error?console.error(e.message+"\n"+e.stack):console.error(e)}(e,0,0,r)}var ms=!1,ys=!1,_s=[],bs=0,ws=[],xs=null,Ss=0,Ts=[],Es=null,ks=0,Cs=Promise.resolve(),Ms=null,Os=null;function Is(e){var t=Ms||Cs;return e?t.then(this?e.bind(this):e):t}function Ls(e){_s.length&&_s.includes(e,ms&&e.allowRecurse?bs+1:bs)||e===Os||(null==e.id?_s.push(e):_s.splice(function(e){for(var t=bs+1,n=_s.length;t<n;){var r=t+n>>>1;Bs(_s[r])<e?t=r+1:n=r}return t}(e.id),0,e),Ns())}function Ns(){ms||ys||(ys=!0,Ms=Cs.then($s))}function As(e,t,n,r){cn(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?r+1:r)||n.push(e),Ns()}function Ps(e,t=null){if(ws.length){for(Os=t,xs=[...new Set(ws)],ws.length=0,Ss=0;Ss<xs.length;Ss++)xs[Ss]();xs=null,Ss=0,Os=null,Ps(e,t)}}function Rs(e){if(Ts.length){var t=[...new Set(Ts)];if(Ts.length=0,Es)return void Es.push(...t);for((Es=t).sort(((e,t)=>Bs(e)-Bs(t))),ks=0;ks<Es.length;ks++)Es[ks]();Es=null,ks=0}}var Bs=e=>null==e.id?1/0:e.id;function $s(e){ys=!1,ms=!0,Ps(e),_s.sort(((e,t)=>Bs(e)-Bs(t)));try{for(bs=0;bs<_s.length;bs++){var t=_s[bs];t&&!1!==t.active&&fs(t,null,14)}}finally{bs=0,_s.length=0,Rs(),ms=!1,Ms=null,(_s.length||ws.length||Ts.length)&&$s(e)}}var Ds={};function Fs(e,t,n){return Ws(e,t,n)}function Ws(e,t,{immediate:n,deep:r,flush:i,onTrack:a,onTrigger:o}=Zt){var s,l,u=as,c=!1,d=!1;if(ga(e)?(s=()=>e.value,c=!!e._shallow):la(e)?(s=()=>e,r=!0):cn(e)?(d=!0,c=e.some(la),s=()=>e.map((e=>ga(e)?e.value:la(e)?zs(e):hn(e)?fs(e,u,2):void 0))):s=hn(e)?t?()=>fs(e,u,2):()=>{if(!u||!u.isUnmounted)return l&&l(),vs(e,u,3,[p])}:en,t&&r){var h=s;s=()=>zs(h())}var p=e=>{l=g.onStop=()=>{fs(e,u,4)}},f=d?[]:Ds,v=()=>{if(g.active)if(t){var e=g.run();(r||c||(d?e.some(((e,t)=>On(e,f[t]))):On(e,f)))&&(l&&l(),vs(t,u,3,[e,f===Ds?void 0:f,p]),f=e)}else g.run()};v.allowRecurse=!!t;var g=new li(s,"sync"===i?v:"post"===i?()=>Lo(v,u&&u.suspense):()=>{!u||u.isMounted?function(e){As(e,xs,ws,Ss)}(v):v()});return t?n?v():f=g.run():"post"===i?Lo(g.run.bind(g),u&&u.suspense):g.run(),()=>{g.stop(),u&&u.scope&&sn(u.scope.effects,g)}}function js(e,t,n){var r,i=this.proxy,a=pn(e)?e.includes(".")?Vs(i,e):()=>i[e]:e.bind(i,i);hn(t)?r=t:(r=t.handler,n=t);var o=as;ss(this);var s=Ws(a,r.bind(i),n);return o?ss(o):ls(),s}function Vs(e,t){var n=t.split(".");return()=>{for(var t=e,r=0;r<n.length&&t;r++)t=t[n[r]];return t}}function zs(e,t=new Set){if(!vn(e)||e.__v_skip)return e;if((t=t||new Set).has(e))return e;if(t.add(e),ga(e))zs(e.value,t);else if(cn(e))for(var n=0;n<e.length;n++)zs(e[n],t);else if("[object Set]"===yn(e)||dn(e))e.forEach((e=>{zs(e,t)}));else if(_n(e))for(var r in e)zs(e[r],t);return e}var Hs="3.2.2",qs="undefined"!=typeof document?document:null,Us=new Map,Ys={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{var t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{var i=t?qs.createElementNS("http://www.w3.org/2000/svg",e):qs.createElement(e,n?{is:n}:void 0);return"select"===e&&r&&null!=r.multiple&&i.setAttribute("multiple",r.multiple),i},createText:e=>qs.createTextNode(e),createComment:e=>qs.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>qs.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){var t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,r){var i=n?n.previousSibling:t.lastChild,a=Us.get(e);if(!a){var o=qs.createElement("template");if(o.innerHTML=r?"<svg>".concat(e,"</svg>"):e,a=o.content,r){for(var s=a.firstChild;s.firstChild;)a.appendChild(s.firstChild);a.removeChild(s)}Us.set(e,a)}return t.insertBefore(a.cloneNode(!0),n),[i?i.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};var Xs=/\s*!important$/;function Gs(e,t,n){if(cn(n))n.forEach((n=>Gs(e,t,n)));else if(n=Qs(n),t.startsWith("--"))e.setProperty(t,n);else{var r=function(e,t){var n=Ks[t];if(n)return n;var r=Tn(t);if("filter"!==r&&r in e)return Ks[t]=r;r=Cn(r);for(var i=0;i<Js.length;i++){var a=Js[i]+r;if(a in e)return Ks[t]=a}return t}(e,t);Xs.test(n)?e.setProperty(kn(r),n.replace(Xs,""),"important"):e[r]=n}}var Js=["Webkit","Moz","ms"],Ks={};var Zs=/\b([+-]?\d+(\.\d+)?)[r|u]px\b/g,Qs=e=>"function"!=typeof rpx2px?e:pn(e)?e.replace(Zs,((e,t)=>rpx2px(t)+"px")):e,el="http://www.w3.org/1999/xlink";var tl=Date.now,nl=!1;if("undefined"!=typeof window){tl()>document.createEvent("Event").timeStamp&&(tl=()=>performance.now());var rl=navigator.userAgent.match(/firefox\/(\d+)/i);nl=!!(rl&&Number(rl[1])<=53)}var il=0,al=Promise.resolve(),ol=()=>{il=0};function sl(e,t,n,r,i=null){var a=e._vei||(e._vei={}),o=a[t];if(r&&o)o.value=r;else{var[s,l]=function(e){var t;if(ll.test(e)){var n;for(t={};n=e.match(ll);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[kn(e.slice(2)),t]}(t);if(r)!function(e,t,n,r){e.addEventListener(t,n,r)}(e,s,a[t]=function(e,t){var n=e=>{var r=e.timeStamp||tl();(nl||r>=n.attached-1)&&vs(function(e,t){if(cn(t)){var n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>il||(al.then(ol),il=tl()))(),n}(r,i),l);else o&&(!function(e,t,n,r){e.removeEventListener(t,n,r)}(e,s,o,l),a[t]=void 0)}}var ll=/(?:Once|Passive|Capture)$/;var ul=/^on[a-z]/;var cl=["ctrl","shift","alt","meta"],dl={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>cl.some((n=>e["".concat(n,"Key")]&&!t.includes(n)))},hl=(e,t)=>(n,...r)=>{for(var i=0;i<t.length;i++){var a=dl[t[i]];if(a&&a(n,t))return}return e(n,...r)},pl={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):fl(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),fl(e,!0),r.enter(e)):r.leave(e,(()=>{fl(e,!1)})):fl(e,t))},beforeUnmount(e,{value:t}){fl(e,t)}};function fl(e,t){e.style.display=t?e._vod:"none"}var vl,gl=on({patchProp:(e,t,n,r,i=!1,a,o,s,l)=>{"class"===t?function(e,t,n){var r=e._vtc;r&&(t=(t?[t,...r]:[...r]).join(" ")),null==t?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}(e,r,i):"style"===t?function(e,t,n){var r=e.style;if(n)if(pn(n)){if(t!==n){var i=r.display;r.cssText=Qs(n),"_vod"in e&&(r.display=i)}}else{for(var a in n)Gs(r,a,n[a]);if(t&&!pn(t))for(var o in t)null==n[o]&&Gs(r,o,"")}else e.removeAttribute("style")}(e,n,r):rn(t)?an(t)||sl(e,t,0,r,o):("."===t[0]?(t=t.slice(1),1):"^"===t[0]?(t=t.slice(1),0):function(e,t,n,r){if(r)return"innerHTML"===t||"textContent"===t||!!(t in e&&ul.test(t)&&hn(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if(ul.test(t)&&pn(n))return!1;return t in e}(e,t,r,i))?function(e,t,n,r,i,a,o){if("innerHTML"===t||"textContent"===t)return r&&o(r,i,a),void(e[t]=null==n?"":n);if("value"===t&&"PROGRESS"!==e.tagName){e._value=n;var s=null==n?"":n;return e.value!==s&&(e.value=s),void(null==n&&e.removeAttribute(t))}if(""===n||null==n){var l=typeof e[t];if(""===n&&"boolean"===l)return void(e[t]=!0);if(null==n&&"string"===l)return e[t]="",void e.removeAttribute(t);if("number"===l){try{e[t]=0}catch(u){}return void e.removeAttribute(t)}}try{e[t]=n}catch(c){}}(e,t,r,a,o,s,l):("true-value"===t?e._trueValue=r:"false-value"===t&&(e._falseValue=r),function(e,t,n,r,i){if(r&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(el,t.slice(6,t.length)):e.setAttributeNS(el,t,n);else{var a=qt(t);null==n||a&&!1===n?e.removeAttribute(t):e.setAttribute(t,a?"":n)}}(e,t,r,i))}},Ys);var ml=(...e)=>{var t=(vl||(vl=No(gl))).createApp(...e),{mount:n}=t;return t.mount=e=>{var r=function(e){if(pn(e)){return document.querySelector(e)}return e}(e);if(r){var i=t._component;hn(i)||i.render||i.template||(i.template=r.innerHTML),r.innerHTML="";var a=n(r,!1,r instanceof SVGElement);return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),a}},t};var yl,_l,bl=["top","left","right","bottom"],wl={};function xl(){return _l="CSS"in window&&"function"==typeof CSS.supports?CSS.supports("top: env(safe-area-inset-top)")?"env":CSS.supports("top: constant(safe-area-inset-top)")?"constant":"":""}function Sl(){if(_l="string"==typeof _l?_l:xl()){var e=[],t=!1;try{var n=Object.defineProperty({},"passive",{get:function(){t={passive:!0}}});window.addEventListener("test",null,n)}catch(s){}var r=document.createElement("div");i(r,{position:"absolute",left:"0",top:"0",width:"0",height:"0",zIndex:"-1",overflow:"hidden",visibility:"hidden"}),bl.forEach((function(e){o(r,e)})),document.body.appendChild(r),a(),yl=!0}else bl.forEach((function(e){wl[e]=0}));function i(e,t){var n=e.style;Object.keys(t).forEach((function(e){var r=t[e];n[e]=r}))}function a(t){t?e.push(t):e.forEach((function(e){e()}))}function o(e,n){var r=document.createElement("div"),o=document.createElement("div"),s=document.createElement("div"),l=document.createElement("div"),u={position:"absolute",width:"100px",height:"200px",boxSizing:"border-box",overflow:"hidden",paddingBottom:_l+"(safe-area-inset-"+n+")"};i(r,u),i(o,u),i(s,{transition:"0s",animation:"none",width:"400px",height:"400px"}),i(l,{transition:"0s",animation:"none",width:"250%",height:"250%"}),r.appendChild(s),o.appendChild(l),e.appendChild(r),e.appendChild(o),a((function(){r.scrollTop=o.scrollTop=1e4;var e=r.scrollTop,i=o.scrollTop;function a(){this.scrollTop!==(this===r?e:i)&&(r.scrollTop=o.scrollTop=1e4,e=r.scrollTop,i=o.scrollTop,function(e){El.length||setTimeout((function(){var e={};El.forEach((function(t){e[t]=wl[t]})),El.length=0,kl.forEach((function(t){t(e)}))}),0);El.push(e)}(n))}r.addEventListener("scroll",a,t),o.addEventListener("scroll",a,t)}));var c=getComputedStyle(r);Object.defineProperty(wl,n,{configurable:!0,get:function(){return parseFloat(c.paddingBottom)}})}}function Tl(e){return yl||Sl(),wl[e]}var El=[];var kl=[];var Cl={get support(){return 0!=("string"==typeof _l?_l:xl()).length},get top(){return Tl("top")},get left(){return Tl("left")},get right(){return Tl("right")},get bottom(){return Tl("bottom")},onChange:function(e){xl()&&(yl||Sl(),"function"==typeof e&&kl.push(e))},offChange:function(e){var t=kl.indexOf(e);t>=0&&kl.splice(t,1)}},Ml=hl((()=>{}),["prevent"]);function Ol(){var e=document.documentElement.style,t=parseInt(e.getPropertyValue("--window-top"));return t?t+Cl.top:0}function Il(e){return Symbol(e)}function Ll(e){return-1!==(e+="").indexOf("rpx")||-1!==e.indexOf("upx")}function Nl(e,t=!1){if(t)return function(e){if(!Ll(e))return e;return e.replace(/(\d+(\.\d+)?)[ru]px/g,((e,t)=>uni.upx2px(parseFloat(t))+"px"))}(e);if("string"==typeof e){var n=parseInt(e)||0;return Ll(e)?uni.upx2px(n):n}return e}var Al,Pl="M1.952 18.080q-0.32-0.352-0.416-0.88t0.128-0.976l0.16-0.352q0.224-0.416 0.64-0.528t0.8 0.176l6.496 4.704q0.384 0.288 0.912 0.272t0.88-0.336l17.312-14.272q0.352-0.288 0.848-0.256t0.848 0.352l-0.416-0.416q0.32 0.352 0.32 0.816t-0.32 0.816l-18.656 18.912q-0.32 0.352-0.8 0.352t-0.8-0.32l-7.936-8.064z";function Rl(e,t="#000",n=27){return Yo("svg",{width:n,height:n,viewBox:"0 0 32 32"},[Yo("path",{d:e,fill:t},null,8,["d","fill"])],8,["width","height"])}function Bl(){return $l()}function $l(){return window.__id__||(window.__id__=plus.webview.currentWebview().id),parseInt(window.__id__)}function Dl(e){e.preventDefault()}var Fl=0;function Wl({onPageScroll:e,onReachBottom:t,onReachBottomDistance:n}){var r=!1,i=!1,a=!0,o=()=>{function o(){if((()=>{var{scrollHeight:e}=document.documentElement,t=window.innerHeight,r=window.scrollY,a=r>0&&e>t&&r+t+n>=e,o=Math.abs(e-Fl)>n;return!a||i&&!o?(!a&&i&&(i=!1),!1):(Fl=e,i=!0,!0)})())return t&&t(),a=!1,setTimeout((function(){a=!0}),350),!0}e&&e(window.pageYOffset),t&&a&&(o()||(Al=setTimeout(o,300))),r=!1};return function(){clearTimeout(Al),r||requestAnimationFrame(o),r=!0}}function jl(e,t){if(0===t.indexOf("/"))return t;if(0===t.indexOf("./"))return jl(e,t.substr(2));for(var n=t.split("/"),r=n.length,i=0;i<r&&".."===n[i];i++);n.splice(0,i),t=n.join("/");var a=e.length>0?e.split("/"):[];return a.splice(a.length-i-1,i+1),"/"+a.concat(n).join("/")}class Vl{constructor(e){this.$bindClass=!1,this.$bindStyle=!1,this.$vm=e,this.$el=e.$el,this.$el.getAttribute&&(this.$bindClass=!!this.$el.getAttribute("class"),this.$bindStyle=!!this.$el.getAttribute("style"))}selectComponent(e){if(this.$el&&e){var t=this.$el.querySelector(e);return t&&t.__vueParentComponent&&zl(t.__vueParentComponent.proxy,!1)}}selectAllComponents(e){if(!this.$el||!e)return[];for(var t=[],n=this.$el.querySelectorAll(e),r=0;r<n.length;r++){var i=n[r];i.__vueParentComponent&&t.push(zl(i.__vueParentComponent.proxy,!1))}return t}forceUpdate(e){"class"===e?this.$bindClass?(this.$el.__wxsClassChanged=!0,this.$vm.$forceUpdate()):this.updateWxsClass():"style"===e&&(this.$bindStyle?(this.$el.__wxsStyleChanged=!0,this.$vm.$forceUpdate()):this.updateWxsStyle())}updateWxsClass(){var{__wxsAddClass:e}=this.$el;e.length&&(this.$el.className=e.join(" "))}updateWxsStyle(){var{__wxsStyle:e}=this.$el;e&&this.$el.setAttribute("style",function(e){var t="";if(!e||pn(e))return t;for(var n in e){var r=e[n],i=n.startsWith("--")?n:kn(n);(pn(r)||"number"==typeof r&&Ut(i))&&(t+="".concat(i,":").concat(r,";"))}return t}(e))}setStyle(e){return this.$el&&e?("string"==typeof e&&(e=Jt(e)),_n(e)&&(this.$el.__wxsStyle=e,this.forceUpdate("style")),this):this}addClass(e){if(!this.$el||!e)return this;var t=this.$el.__wxsAddClass||(this.$el.__wxsAddClass=[]);return-1===t.indexOf(e)&&(t.push(e),this.forceUpdate("class")),this}removeClass(e){if(!this.$el||!e)return this;var{__wxsAddClass:t}=this.$el;if(t){var n=t.indexOf(e);n>-1&&t.splice(n,1)}var r=this.$el.__wxsRemoveClass||(this.$el.__wxsRemoveClass=[]);return-1===r.indexOf(e)&&(r.push(e),this.forceUpdate("class")),this}hasClass(e){return this.$el&&this.$el.classList.contains(e)}getDataset(){return this.$el&&this.$el.dataset}callMethod(e,t={}){var n=this.$vm[e];hn(n)?n(JSON.parse(JSON.stringify(t))):this.$vm.ownerId&&UniViewJSBridge.publishHandler("onWxsInvokeCallMethod",{nodeId:this.$el.__id,ownerId:this.$vm.ownerId,method:e,args:t})}requestAnimationFrame(e){return window.requestAnimationFrame(e)}getState(){return this.$el&&(this.$el.__wxsState||(this.$el.__wxsState={}))}triggerEvent(e,t={}){return this.$vm.$emit(e,t),this}getComputedStyle(e){if(this.$el){var t=window.getComputedStyle(this.$el);return e&&e.length?e.reduce(((e,n)=>(e[n]=t[n],e)),{}):t}return{}}setTimeout(e,t){return window.setTimeout(e,t)}clearTimeout(e){return window.clearTimeout(e)}getBoundingClientRect(){return this.$el.getBoundingClientRect()}}function zl(e,t=!0){if(e&&e.$el)return e.$el.__wxsComponentDescriptor||(e.$el.__wxsComponentDescriptor=new Vl(e)),e.$el.__wxsComponentDescriptor}function Hl(e,t){return zl(e,t)}function ql(e,t,n){var{currentTarget:r}=e;if(!(e instanceof Event&&r instanceof HTMLElement))return[e];if(0!==r.tagName.indexOf("UNI-"))return[e];var i=Yl(e);if("click"===e.type)!function(e,t){var{x:n,y:r}=t,i=Ol();e.detail={x:n,y:r-i},e.touches=e.changedTouches=[Xl(t)]}(i,e);else if(e instanceof TouchEvent){var a=Ol();i.touches=Gl(e.touches,a),i.changedTouches=Gl(e.changedTouches,a)}return[i]}function Ul(e){for(;e&&0!==e.tagName.indexOf("UNI-");)e=e.parentElement;return e}function Yl(e){var{type:t,timeStamp:n,target:r,currentTarget:i}=e,a={type:t,timeStamp:n,target:$n(Ul(r)),detail:{},currentTarget:$n(i)};return e._stopped&&(a._stopped=!0),e.type.startsWith("touch")&&(a.touches=e.touches,a.changedTouches=e.changedTouches),a}function Xl(e){return{force:1,identifier:0,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY}}function Gl(e,t){for(var n=[],r=0;r<e.length;r++){var{identifier:i,pageX:a,pageY:o,clientX:s,clientY:l,force:u}=e[r];n.push({identifier:i,pageX:a,pageY:o-t,clientX:s,clientY:l-t,force:u||0})}return n}var Jl="vdSync",Kl=on(Ir,{publishHandler:function(e,t={}){var n=$l()+"";plus.webview.postMessageToUniNView({type:"subscribeHandler",args:{type:e,data:t,pageId:n}},"__uniapp__service")}});function Zl(e,t,n,r){if(r&&r.beforeInvoke){var i=r.beforeInvoke(t);if(pn(i))return i}var a=function(e,t){var n=e[0];if(t&&(_n(t.formatArgs)||!_n(n)))for(var r=t.formatArgs,i=Object.keys(r),a=0;a<i.length;a++){var o=i[a],s=r[o];if(hn(s)){var l=s(e[0][o],n);if(pn(l))return l}else un(n,o)||(n[o]=s)}}(t,r);if(a)return a}function Ql(e,t,n,r){return function(e,t,n,r){return(...e)=>{var n=Zl(0,e,0,r);if(n)throw new Error(n);return t.apply(null,e)}}(0,t,0,r)}function eu(e){if(0===e.indexOf("//"))return"https:"+e;if(Qn.test(e)||er.test(e))return e;if(function(e){if(0===e.indexOf("_www")||0===e.indexOf("_doc")||0===e.indexOf("_documents")||0===e.indexOf("_downloads"))return!0;return!1}(e))return"file://"+tu(e);var t="file://"+tu("_www");if(0===e.indexOf("/"))return e.startsWith("/storage/")||e.includes("/Containers/Data/Application/")?"file://"+e:t+e;if(0===e.indexOf("../")||0===e.indexOf("./")){if("string"==typeof __id__)return t+jl("/"+__id__,e);var n=window.__PAGE_INFO__;if(n)return t+jl("/"+n.route,e)}return e}var tu=function(e){var t=Object.create(null);return n=>t[n]||(t[n]=e(n))}((e=>plus.io.convertLocalFileSystemURL(e).replace(/^\/?apps\//,"/android_asset/apps/").replace(/\/$/,"")));var nu=!1,ru=0,iu=0;function au(){var{platform:e,pixelRatio:t,windowWidth:n}=function(){if("undefined"!=typeof __SYSTEM_INFO__)return window.__SYSTEM_INFO__;var{resolutionWidth:e}=plus.screen.getCurrentSize();return{platform:(plus.os.name||"").toLowerCase(),pixelRatio:plus.screen.scale,windowWidth:Math.round(e)}}();ru=n,iu=t,nu="ios"===e}function ou(e,t){var n=Number(e);return isNaN(n)?t:n}var su=Ql(0,((e,t)=>{if(0===ru&&au(),0===(e=Number(e)))return 0;var n=t||ru,r=__uniConfig.globalStyle||{},i=ou(r.rpxCalcMaxDeviceWidth,960),a=ou(r.rpxCalcBaseDeviceWidth,375),o=e/750*(n=n<=i?n:a);return o<0&&(o=-o),0===(o=Math.floor(o+1e-4))&&(o=1!==iu&&nu?.5:1),e<0?-o:o})),lu={};lu.f={}.propertyIsEnumerable;var uu,cu=x,du=Pe,hu=q,pu=lu.f,fu=(uu=!1,function(e){for(var t,n=hu(e),r=du(n),i=r.length,a=0,o=[];i>a;)t=r[a++],cu&&!pu.call(n,t)||o.push(uu?[t,n[t]]:n[t]);return o});he(he.S,"Object",{values:function(e){return fu(e)}});var vu=function(){if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var e=function(e){for(var t=window.document,n=i(t);n;)n=i(t=n.ownerDocument);return t}(),t=[],n=null,r=null;o.prototype.THROTTLE_TIMEOUT=100,o.prototype.POLL_INTERVAL=null,o.prototype.USE_MUTATION_OBSERVER=!0,o._setupCrossOriginUpdater=function(){return n||(n=function(e,n){r=e&&n?d(e,n):{top:0,bottom:0,left:0,right:0,width:0,height:0},t.forEach((function(e){e._checkForIntersections()}))}),n},o._resetCrossOriginUpdater=function(){n=null,r=null},o.prototype.observe=function(e){if(!this._observationTargets.some((function(t){return t.element==e}))){if(!e||1!=e.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:e,entry:null}),this._monitorIntersections(e.ownerDocument),this._checkForIntersections()}},o.prototype.unobserve=function(e){this._observationTargets=this._observationTargets.filter((function(t){return t.element!=e})),this._unmonitorIntersections(e.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},o.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},o.prototype.takeRecords=function(){var e=this._queuedEntries.slice();return this._queuedEntries=[],e},o.prototype._initThresholds=function(e){var t=e||[0];return Array.isArray(t)||(t=[t]),t.sort().filter((function(e,t,n){if("number"!=typeof e||isNaN(e)||e<0||e>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return e!==n[t-1]}))},o.prototype._parseRootMargin=function(e){var t=(e||"0px").split(/\s+/).map((function(e){var t=/^(-?\d*\.?\d+)(px|%)$/.exec(e);if(!t)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(t[1]),unit:t[2]}}));return t[1]=t[1]||t[0],t[2]=t[2]||t[0],t[3]=t[3]||t[1],t},o.prototype._monitorIntersections=function(t){var n=t.defaultView;if(n&&-1==this._monitoringDocuments.indexOf(t)){var r=this._checkForIntersections,a=null,o=null;this.POLL_INTERVAL?a=n.setInterval(r,this.POLL_INTERVAL):(s(n,"resize",r,!0),s(t,"scroll",r,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in n&&(o=new n.MutationObserver(r)).observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push((function(){var e=t.defaultView;e&&(a&&e.clearInterval(a),l(e,"resize",r,!0)),l(t,"scroll",r,!0),o&&o.disconnect()}));var u=this.root&&(this.root.ownerDocument||this.root)||e;if(t!=u){var c=i(t);c&&this._monitorIntersections(c.ownerDocument)}}},o.prototype._unmonitorIntersections=function(t){var n=this._monitoringDocuments.indexOf(t);if(-1!=n){var r=this.root&&(this.root.ownerDocument||this.root)||e;if(!this._observationTargets.some((function(e){var n=e.element.ownerDocument;if(n==t)return!0;for(;n&&n!=r;){var a=i(n);if((n=a&&a.ownerDocument)==t)return!0}return!1}))){var a=this._monitoringUnsubscribes[n];if(this._monitoringDocuments.splice(n,1),this._monitoringUnsubscribes.splice(n,1),a(),t!=r){var o=i(t);o&&this._unmonitorIntersections(o.ownerDocument)}}}},o.prototype._unmonitorAllIntersections=function(){var e=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var t=0;t<e.length;t++)e[t]()},o.prototype._checkForIntersections=function(){if(this.root||!n||r){var e=this._rootIsInDom(),t=e?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach((function(r){var i=r.element,o=u(i),s=this._rootContainsTarget(i),l=r.entry,c=e&&s&&this._computeTargetAndRootIntersection(i,o,t),d=null;this._rootContainsTarget(i)?n&&!this.root||(d=t):d={top:0,bottom:0,left:0,right:0,width:0,height:0};var h=r.entry=new a({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:o,rootBounds:d,intersectionRect:c});l?e&&s?this._hasCrossedThreshold(l,h)&&this._queuedEntries.push(h):l&&l.isIntersecting&&this._queuedEntries.push(h):this._queuedEntries.push(h)}),this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},o.prototype._computeTargetAndRootIntersection=function(t,i,a){if("none"!=window.getComputedStyle(t).display){for(var o,s,l,c,h,f,v,g,m=i,y=p(t),_=!1;!_&&y;){var b=null,w=1==y.nodeType?window.getComputedStyle(y):{};if("none"==w.display)return null;if(y==this.root||9==y.nodeType)if(_=!0,y==this.root||y==e)n&&!this.root?!r||0==r.width&&0==r.height?(y=null,b=null,m=null):b=r:b=a;else{var x=p(y),S=x&&u(x),T=x&&this._computeTargetAndRootIntersection(x,S,a);S&&T?(y=x,b=d(S,T)):(y=null,m=null)}else{var E=y.ownerDocument;y!=E.body&&y!=E.documentElement&&"visible"!=w.overflow&&(b=u(y))}if(b&&(o=b,s=m,l=void 0,c=void 0,h=void 0,f=void 0,v=void 0,g=void 0,l=Math.max(o.top,s.top),c=Math.min(o.bottom,s.bottom),h=Math.max(o.left,s.left),f=Math.min(o.right,s.right),g=c-l,m=(v=f-h)>=0&&g>=0&&{top:l,bottom:c,left:h,right:f,width:v,height:g}||null),!m)break;y=y&&p(y)}return m}},o.prototype._getRootRect=function(){var t;if(this.root&&!f(this.root))t=u(this.root);else{var n=f(this.root)?this.root:e,r=n.documentElement,i=n.body;t={top:0,left:0,right:r.clientWidth||i.clientWidth,width:r.clientWidth||i.clientWidth,bottom:r.clientHeight||i.clientHeight,height:r.clientHeight||i.clientHeight}}return this._expandRectByRootMargin(t)},o.prototype._expandRectByRootMargin=function(e){var t=this._rootMarginValues.map((function(t,n){return"px"==t.unit?t.value:t.value*(n%2?e.width:e.height)/100})),n={top:e.top-t[0],right:e.right+t[1],bottom:e.bottom+t[2],left:e.left-t[3]};return n.width=n.right-n.left,n.height=n.bottom-n.top,n},o.prototype._hasCrossedThreshold=function(e,t){var n=e&&e.isIntersecting?e.intersectionRatio||0:-1,r=t.isIntersecting?t.intersectionRatio||0:-1;if(n!==r)for(var i=0;i<this.thresholds.length;i++){var a=this.thresholds[i];if(a==n||a==r||a<n!=a<r)return!0}},o.prototype._rootIsInDom=function(){return!this.root||h(e,this.root)},o.prototype._rootContainsTarget=function(t){var n=this.root&&(this.root.ownerDocument||this.root)||e;return h(n,t)&&(!this.root||n==t.ownerDocument)},o.prototype._registerInstance=function(){t.indexOf(this)<0&&t.push(this)},o.prototype._unregisterInstance=function(){var e=t.indexOf(this);-1!=e&&t.splice(e,1)},window.IntersectionObserver=o,window.IntersectionObserverEntry=a}function i(e){try{return e.defaultView&&e.defaultView.frameElement||null}catch(t){return null}}function a(e){this.time=e.time,this.target=e.target,this.rootBounds=c(e.rootBounds),this.boundingClientRect=c(e.boundingClientRect),this.intersectionRect=c(e.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!e.intersectionRect;var t=this.boundingClientRect,n=t.width*t.height,r=this.intersectionRect,i=r.width*r.height;this.intersectionRatio=n?Number((i/n).toFixed(4)):this.isIntersecting?1:0}function o(e,t){var n=t||{};if("function"!=typeof e)throw new Error("callback must be a function");if(n.root&&1!=n.root.nodeType&&9!=n.root.nodeType)throw new Error("root must be a Document or Element");this._checkForIntersections=function(e,t){var n=null;return function(){n||(n=setTimeout((function(){e(),n=null}),t))}}(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT),this._callback=e,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(n.rootMargin),this.thresholds=this._initThresholds(n.threshold),this.root=n.root||null,this.rootMargin=this._rootMarginValues.map((function(e){return e.value+e.unit})).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function s(e,t,n,r){"function"==typeof e.addEventListener?e.addEventListener(t,n,r||!1):"function"==typeof e.attachEvent&&e.attachEvent("on"+t,n)}function l(e,t,n,r){"function"==typeof e.removeEventListener?e.removeEventListener(t,n,r||!1):"function"==typeof e.detatchEvent&&e.detatchEvent("on"+t,n)}function u(e){var t;try{t=e.getBoundingClientRect()}catch(n){}return t?(t.width&&t.height||(t={top:t.top,right:t.right,bottom:t.bottom,left:t.left,width:t.right-t.left,height:t.bottom-t.top}),t):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function c(e){return!e||"x"in e?e:{top:e.top,y:e.top,bottom:e.bottom,left:e.left,x:e.left,right:e.right,width:e.width,height:e.height}}function d(e,t){var n=t.top-e.top,r=t.left-e.left;return{top:n,left:r,height:t.height,width:t.width,bottom:n+t.height,right:r+t.width}}function h(e,t){for(var n=t;n;){if(n==e)return!0;n=p(n)}return!1}function p(t){var n=t.parentNode;return 9==t.nodeType&&t!=e?i(t):(n&&n.assignedSlot&&(n=n.assignedSlot.parentNode),n&&11==n.nodeType&&n.host?n.host:n)}function f(e){return e&&9===e.nodeType}};function gu(e){var{bottom:t,height:n,left:r,right:i,top:a,width:o}=e||{};return{bottom:t,height:n,left:r,right:i,top:a,width:o}}function mu(e){var{intersectionRatio:t,boundingClientRect:{height:n,width:r},intersectionRect:{height:i,width:a}}=e;return 0!==t?t:i===n?a/r:i/n}var yu=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",upx2px:su,navigateTo:function(e){UniViewJSBridge.invokeServiceMethod("navigateTo",e)},navigateBack:function(e){UniViewJSBridge.invokeServiceMethod("navigateBack",e)},reLaunch:function(e){UniViewJSBridge.invokeServiceMethod("reLaunch",e)},redirectTo:function(e){UniViewJSBridge.invokeServiceMethod("redirectTo",e)},switchTab:function(e){UniViewJSBridge.invokeServiceMethod("switchTab",e)}});var _u=new Set;function bu(e,t){_u.add(function(e,t){return e.priority=t,e}(e,t))}function wu(e,t){var n=window.__wxsModules,r=n&&n[e];return r||(t&&t.__renderjsInstances?t.__renderjsInstances[e]:void 0)}var xu=tr.length;function Su(e,t,n){var[r,i,a,o]=Eu(t),s=Tu(e,r);if(cn(n)||cn(o)){var[l,u]=a.split(".");return ku(s,i,l,u,n||o)}return function(e,t,n){var r=wu(t,e);if(!r)return console.error(Pn("wxs","module "+n+" not found"));return Kn(r,n.substr(n.indexOf(".")+1))}(s,i,a)}function Tu(e,t){if(e.__ownerId===t)return e;for(var n=e.parentElement;n;){if(n.__ownerId===t)return n;n=n.parentElement}return e}function Eu(e){return JSON.parse(e.substr(xu))}function ku(e,t,n,r,i){var a=wu(t,e);if(!a)return console.error(Pn("wxs","module "+n+" not found"));var o=a[r];return hn(o)?o.apply(a,i):console.error(n+"."+r+" is not a function")}function Cu(e,t,n){var r=n;return n=>{try{!function(e,t,n,r){var[i,a,o]=Eu(e),s=Tu(t,i),[l,u]=o.split(".");ku(s,a,l,u,[n,r,Hl(Ou(s),!1),Hl(Ou(t),!1)])}(t,e.$,n,r)}catch(i){console.error(i)}r=n}}function Mu(e,t){var n=Ou(t);return Object.defineProperty(e,"instance",{get:()=>Hl(n,!1)}),e}function Ou(e){return e.__wxsVm||(e.__wxsVm={ownerId:e.__ownerId,$el:e,$emit(){},$forceUpdate(){var t,n,{__wxsStyle:r,__wxsAddClass:i,__wxsRemoveClass:a,__wxsStyleChanged:o,__wxsClassChanged:s}=e;o&&(e.__wxsStyleChanged=!1,r&&(n=()=>{Object.keys(r).forEach((t=>{e.style[t]=r[t]}))})),s&&(e.__wxsClassChanged=!1,t=()=>{a&&a.forEach((t=>{e.classList.remove(t)})),i&&i.forEach((t=>{e.classList.add(t)}))}),requestAnimationFrame((()=>{t&&t(),n&&n()}))}})}function Iu(e,t){Object.keys(t).forEach((n=>{!function(e,t){var n=function(e){var t=window.__renderjsModules,n=t&&t[e];if(!n)return console.error(Pn("renderjs",e+" not found"));return n}(t);if(!n)return;var r=e.$;(r.__renderjsInstances||(r.__renderjsInstances={}))[t]=function(e){return(e=e.default||e).render=()=>{},ml(e).mount(document.createElement("div"))}(n)}(e,t[n])}))}class Lu{constructor(e,t,n,r){this.isMounted=!1,this.isUnmounted=!1,this.$hasWxsProps=!1,this.id=e,this.tag=t,this.pid=n,r&&(this.$=r),this.$wxsProps=new Map}init(e){un(e,"t")&&(this.$.textContent=e.t)}setText(e){this.$.textContent=e}insert(e,t){var n=this.$,r=Wp(e);-1===t?r.appendChild(n):r.insertBefore(n,Wp(t).$),this.isMounted=!0}remove(){var{$:e}=this;e.parentNode.removeChild(e),this.isUnmounted=!0,jp(this.id),function(e){var{__renderjsInstances:t}=e.$;t&&Object.keys(t).forEach((e=>{t[e].$.appContext.app.unmount()}))}(this)}appendChild(e){return this.$.appendChild(e)}insertBefore(e,t){return this.$.insertBefore(e,t)}setWxsProps(e){Object.keys(e).forEach((t=>{if(0===t.indexOf(Gn)){var n=t.replace(Gn,""),r=e[n],i=Cu(this,e[t],r);bu((()=>i(r)),4),this.$wxsProps.set(t,i),delete e[t],delete e[n],this.$hasWxsProps=!0}}))}addWxsEvents(e){Object.keys(e).forEach((t=>{var[n,r]=e[t];this.addWxsEvent(t,n,r)}))}addWxsEvent(e,t,n){}wxsPropsInvoke(e,t,n=!1){var r=this.$hasWxsProps&&this.$wxsProps.get(Gn+e);if(r)return bu((()=>n?Is((()=>r(t))):r(t)),4),!0}}function Nu(e,t){var{__wxsAddClass:n,__wxsRemoveClass:r}=e;r&&r.length&&(t=t.split(/\s+/).filter((e=>-1===r.indexOf(e))).join(" "),r.length=0),n&&n.length&&(t=t+" "+n.join(" ")),e.className=t}function Au(e,t){var n=e.style;if(pn(t))""===t?e.removeAttribute("style"):n.cssText=Nl(t,!0);else for(var r in t)Ru(n,r,t[r]);var{__wxsStyle:i}=e;if(i)for(var a in i)Ru(n,a,i[a])}var Pu=/\s*!important$/;function Ru(e,t,n){if(cn(n))n.forEach((n=>Ru(e,t,n)));else if(n=Nl(n,!0),t.startsWith("--"))e.setProperty(t,n);else{var r=function(e,t){var n=$u[t];if(n)return n;var r=Tn(t);if("filter"!==r&&r in e)return $u[t]=r;r=Cn(r);for(var i=0;i<Bu.length;i++){var a=Bu[i]+r;if(a in e)return $u[t]=a}return t}(e,t);Pu.test(n)?e.setProperty(kn(r),n.replace(Pu,""),"important"):e[r]=n}}var Bu=["Webkit"],$u={};function Du(e,t){var n=e.__listeners[t];n&&e.removeEventListener(t,n)}function Fu(e,t){if(e.__listeners[t])return!0}function Wu(e,t,n){var[r,i]=Wn(t);-1===n?Du(e,r):Fu(e,r)||e.addEventListener(r,e.__listeners[r]=ju(e.__id,n,i),i)}function ju(e,t,n){var r=t=>{var[r]=ql(t);r.type=function(e,t){return t&&(t.capture&&(e+="Capture"),t.once&&(e+="Once"),t.passive&&(e+="Passive")),"on".concat(Cn(Tn(e)))}(t.type,n),UniViewJSBridge.publishHandler(Jl,[[20,e,r]])};return t?hl(r,Vu(t)):r}function Vu(e){var t=[];return e&Vn&&t.push("prevent"),e&zn&&t.push("self"),e&jn&&t.push("stop"),t}function zu(e,t,n){var r=n=>{!function(e,t,n){var[r,i,a]=Eu(t),[o,s]=a.split("."),l=Tu(e,r);ku(l,i,o,s,[Mu(n,e),Hl(Ou(l),!1)])}(e,t,ql(n)[0])};return n?hl(r,Vu(n)):r}var Hu=nr.length;function qu(e,t){return pn(t)?(0===t.indexOf(nr)?t=JSON.parse(t.substr(Hu)):0===t.indexOf(tr)&&(t=Su(e,t)),t):t}function Uu(e,t){e._vod="none"===e.style.display?"":e.style.display,e.style.display=t?e._vod:"none"}class Yu extends Lu{constructor(e,t,n,r,i,a=[]){super(e,t.tagName,n,t),this.$props=aa({}),this.$.__id=e,this.$.__listeners=Object.create(null),this.$propNames=a,this._update=this.update.bind(this),this.init(i),this.insert(n,r)}init(e){un(e,"a")&&this.setAttrs(e.a),un(e,"s")&&this.setAttr("style",e.s),un(e,"e")&&this.addEvents(e.e),un(e,"w")&&this.addWxsEvents(e.w),super.init(e),Fs(this.$props,(()=>{bu(this._update,1)}),{flush:"sync"}),this.update(!0)}setAttrs(e){this.setWxsProps(e),Object.keys(e).forEach((t=>{this.setAttr(t,e[t])}))}addEvents(e){Object.keys(e).forEach((t=>{this.addEvent(t,e[t])}))}addWxsEvent(e,t,n){!function(e,t,n,r){var[i,a]=Wn(t);-1===r?Du(e,i):Fu(e,i)||e.addEventListener(i,e.__listeners[i]=zu(e,n,r),a)}(this.$,e,t,n)}addEvent(e,t){Wu(this.$,e,t)}removeEvent(e){Wu(this.$,e,-1)}setAttr(e,t){e===Hn?Nu(this.$,t):e===qn?Au(this.$,t):e===Un?Uu(this.$,t):e===Yn?this.$.__ownerId=t:e===Xn?bu((()=>Iu(this,t)),3):"innerHTML"===e?this.$.innerHTML=t:"textContent"===e?this.setText(t):this.setAttribute(e,t)}removeAttr(e){e===Hn?Nu(this.$,""):e===qn?Au(this.$,""):this.removeAttribute(e)}setAttribute(e,t){t=qu(this.$,t),-1!==this.$propNames.indexOf(e)?this.$props[e]=t:this.wxsPropsInvoke(e,t)||this.$.setAttribute(e,t)}removeAttribute(e){-1!==this.$propNames.indexOf(e)?delete this.$props[e]:this.$.removeAttribute(e)}update(e=!1){}}function Xu(e){return/^-?\d+[ur]px$/i.test(e)?e.replace(/(^-?\d+)[ur]px$/i,((e,t)=>"".concat(uni.upx2px(parseFloat(t)),"px"))):/^-?[\d\.]+$/.test(e)?"".concat(e,"px"):e||""}function Gu(e){var t=e.animation;if(t&&t.actions&&t.actions.length){var n=0,r=t.actions,i=t.actions.length;setTimeout((()=>{a()}),0)}function a(){var t=r[n],o=t.option.transition,s=function(e){var t=["matrix","matrix3d","scale","scale3d","rotate3d","skew","translate","translate3d"],n=["scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skewX","skewY","translateX","translateY","translateZ"],r=["opacity","background-color"],i=["width","height","left","right","top","bottom"],a=e.animates,o=e.option,s=o.transition,l={},u=[];return a.forEach((e=>{var a=e.type,o=[...e.args];if(t.concat(n).includes(a))a.startsWith("rotate")||a.startsWith("skew")?o=o.map((e=>parseFloat(e)+"deg")):a.startsWith("translate")&&(o=o.map(Xu)),n.indexOf(a)>=0&&(o.length=1),u.push("".concat(a,"(").concat(o.join(","),")"));else if(r.concat(i).includes(o[0])){a=o[0];var s=o[1];l[a]=i.includes(a)?Xu(s):s}})),l.transform=l.webkitTransform=u.join(" "),l.transition=l.webkitTransition=Object.keys(l).map((e=>"".concat(function(e){return e.replace(/[A-Z]/g,(e=>"-".concat(e.toLowerCase()))).replace("webkit","-webkit")}(e)," ").concat(s.duration,"ms ").concat(s.timingFunction," ").concat(s.delay,"ms"))).join(","),l.transformOrigin=l.webkitTransformOrigin=o.transformOrigin,l}(t);Object.keys(s).forEach((t=>{e.$el.style[t]=s[t]})),(n+=1)<i&&setTimeout(a,o.duration+o.delay)}}var Ju={props:["animation"],watch:{animation:{deep:!0,handler(){Gu(this)}}},mounted(){Gu(this)}},Ku=e=>{var{props:t,mixins:n}=e;return t&&t.animation||(n||(e.mixins=[])).push(Ju),Zu(e)},Zu=e=>(e.compatConfig={MODE:3},function(e){return hn(e)?{setup:e,name:e.name}:e}(e)),Qu={hoverClass:{type:String,default:"none"},hoverStopPropagation:{type:Boolean,default:!1},hoverStartTime:{type:[Number,String],default:50},hoverStayTime:{type:[Number,String],default:400}};function ec(e){var t,n,r=ma(!1),i=!1;function a(){requestAnimationFrame((()=>{clearTimeout(n),n=setTimeout((()=>{r.value=!1}),parseInt(e.hoverStayTime))}))}return{hovering:r,binding:{onTouchstartPassive:function(n){n._hoverPropagationStopped||e.hoverClass&&"none"!==e.hoverClass&&!e.disabled&&(n.touches.length>1||(e.hoverStopPropagation&&(n._hoverPropagationStopped=!0),i=!0,t=setTimeout((()=>{r.value=!0,i||a()}),parseInt(e.hoverStartTime))))},onTouchend:function(){i=!1,r.value&&a()},onTouchcancel:function(){i=!1,r.value=!1,clearTimeout(t)}}}}function tc(e,t){return pn(t)&&(t=[t]),t.reduce(((t,n)=>(e[n]&&(t[n]=!0),t)),Object.create(null))}function nc(e){return e.__wwe=!0,e}function rc(e,t){return(n,r,i)=>{e.value&&t(n,function(e,t,n,r){var i=$n(n);return{type:r.type||e,timeStamp:t.timeStamp||0,target:i,currentTarget:i,detail:r}}(n,r,e.value,i||{}))}}var ic=Il("uf"),ac=Ku({name:"Form",emits:["submit","reset"],setup(e,{slots:t,emit:n}){var r,i,a=ma(null);return r=rc(a,n),i=[],Ra(ic,{addField(e){i.push(e)},removeField(e){i.splice(i.indexOf(e),1)},submit(e){r("submit",e,{value:i.reduce(((e,t)=>{if(t.submit){var[n,r]=t.submit();n&&(e[n]=r)}return e}),Object.create(null))})},reset(e){i.forEach((e=>e.reset&&e.reset())),r("reset",e)}}),()=>Yo("uni-form",{ref:a},{default:()=>[Yo("span",null,[t.default&&t.default()])]},512)}});var oc=Il("ul"),sc=Ku({name:"Label",props:{for:{type:String,default:""}},setup(e,{slots:t}){var n=Bl(),r=function(){var e=[];return Ra(oc,{addHandler(t){e.push(t)},removeHandler(t){e.splice(e.indexOf(t),1)}}),e}(),i=Ta((()=>e.for||t.default&&t.default.length)),a=nc((t=>{var i=t.target,a=/^uni-(checkbox|radio|switch)-/.test(i.className);a||(a=/^uni-(checkbox|radio|switch|button)$|^(svg|path)$/i.test(i.tagName)),a||(e.for?UniViewJSBridge.emit("uni-label-click-"+n+"-"+e.for,t,!0):r.length&&r[0](t,!0))}));return()=>Yo("uni-label",{class:{"uni-label-pointer":i},onClick:a},{default:()=>[t.default&&t.default()]},8,["class","onClick"])}});function lc(e,t){uc(e.id,t),Fs((()=>e.id),((e,n)=>{cc(n,t,!0),uc(e,t,!0)})),Ja((()=>{cc(e.id,t)}))}function uc(e,t,n){var r=Bl();n&&!e||_n(t)&&Object.keys(t).forEach((i=>{n?0!==i.indexOf("@")&&0!==i.indexOf("uni-")&&UniViewJSBridge.on("uni-".concat(i,"-").concat(r,"-").concat(e),t[i]):0===i.indexOf("uni-")?UniViewJSBridge.on(i,t[i]):e&&UniViewJSBridge.on("uni-".concat(i,"-").concat(r,"-").concat(e),t[i])}))}function cc(e,t,n){var r=Bl();n&&!e||_n(t)&&Object.keys(t).forEach((i=>{n?0!==i.indexOf("@")&&0!==i.indexOf("uni-")&&UniViewJSBridge.off("uni-".concat(i,"-").concat(r,"-").concat(e),t[i]):0===i.indexOf("uni-")?UniViewJSBridge.off(i,t[i]):e&&UniViewJSBridge.off("uni-".concat(i,"-").concat(r,"-").concat(e),t[i])}))}var dc=Ku({name:"Button",props:{id:{type:String,default:""},hoverClass:{type:String,default:"button-hover"},hoverStartTime:{type:[Number,String],default:20},hoverStayTime:{type:[Number,String],default:70},hoverStopPropagation:{type:Boolean,default:!1},disabled:{type:[Boolean,String],default:!1},formType:{type:String,default:""},openType:{type:String,default:""},loading:{type:[Boolean,String],default:!1}},setup(e,{slots:t}){var n=ma(null);yr();var r=Ba(ic,!1),{hovering:i,binding:a}=ec(e),{t:o}=vr(),s=nc(((t,i)=>{if(e.disabled)return t.stopImmediatePropagation();i&&n.value.click();var a=e.formType;if(a){if(!r)return;"submit"===a?r.submit(t):"reset"===a&&r.reset(t)}else{var s,l,u;"feedback"===e.openType&&(s=o("uni.button.feedback.title"),l=o("uni.button.feedback.send"),(u=plus.webview.create("https://service.dcloud.net.cn/uniapp/feedback.html","feedback",{titleNView:{titleText:s,autoBackButton:!0,backgroundColor:"#F7F7F7",titleColor:"#007aff",buttons:[{text:l,color:"#007aff",fontSize:"16px",fontWeight:"bold",onclick:function(){u.evalJS('typeof mui !== "undefined" && mui.trigger(document.getElementById("submit"),"tap")')}}]}})).show("slide-in-right"))}})),l=Ba(oc,!1);return l&&(l.addHandler(s),Ga((()=>{l.removeHandler(s)}))),lc(e,{"label-click":s}),()=>{var r=e.hoverClass,o=tc(e,"disabled"),l=tc(e,"loading"),u=r&&"none"!==r;return Yo("uni-button",Qo({ref:n,onClick:s,class:u&&i.value?r:""},u&&a,o,l),{default:()=>[t.default&&t.default()]},16,["onClick","class"])}}});var hc=Ku({name:"ResizeSensor",props:{initial:{type:Boolean,default:!1}},emits:["resize"],setup(e,{emit:t}){var n=ma(null),r=function(e){return()=>{var{firstElementChild:t,lastElementChild:n}=e.value;t.scrollLeft=1e5,t.scrollTop=1e5,n.scrollLeft=1e5,n.scrollTop=1e5}}(n),i=function(e,t,n){var r=aa({width:-1,height:-1});return Fs((()=>on({},r)),(e=>t("resize",e))),()=>{var t=e.value;r.width=t.offsetWidth,r.height=t.offsetHeight,n()}}(n,t,r);return function(e,t,n,r){Fa(r),Ua((()=>{t.initial&&Is(n);var i=e.value;i.offsetParent!==i.parentElement&&(i.parentElement.style.position="relative"),"AnimationEvent"in window||r()}))}(n,e,i,r),()=>Yo("uni-resize-sensor",{ref:n,onAnimationstartOnce:i},{default:()=>[Yo("div",{onScroll:i},[Yo("div",null,null)],40,["onScroll"]),Yo("div",{onScroll:i},[Yo("div",null,null)],40,["onScroll"])],_:1},8,["onAnimationstartOnce"])}});var pc=function(){var e=document.createElement("canvas");e.height=e.width=0;var t=e.getContext("2d"),n=t.backingStorePixelRatio||t.webkitBackingStorePixelRatio||t.mozBackingStorePixelRatio||t.msBackingStorePixelRatio||t.oBackingStorePixelRatio||t.backingStorePixelRatio||1;return(window.devicePixelRatio||1)/n}();function fc(e){e.width=e.offsetWidth*pc,e.height=e.offsetHeight*pc,e.getContext("2d").__hidpi__=!0}var vc=!1;var gc,mc=Jn((()=>function(){if(!vc){vc=!0;var e,t=CanvasRenderingContext2D.prototype;t.drawImageByCanvas=(e=t.drawImage,function(t,n,r,i,a,o,s,l,u,c){if(!this.__hidpi__)return e.apply(this,arguments);n*=pc,r*=pc,i*=pc,a*=pc,o*=pc,s*=pc,l=c?l*pc:l,u=c?u*pc:u,e.call(this,t,n,r,i,a,o,s,l,u)}),1!==pc&&(function(e,t){for(var n in e)un(e,n)&&t(e[n],n)}({fillRect:"all",clearRect:"all",strokeRect:"all",moveTo:"all",lineTo:"all",arc:[0,1,2],arcTo:"all",bezierCurveTo:"all",isPointinPath:"all",isPointinStroke:"all",quadraticCurveTo:"all",rect:"all",translate:"all",createRadialGradient:"all",createLinearGradient:"all",setTransform:[4,5]},(function(e,n){t[n]=function(t){return function(){if(!this.__hidpi__)return t.apply(this,arguments);var n=Array.prototype.slice.call(arguments);if("all"===e)n=n.map((function(e){return e*pc}));else if(Array.isArray(e))for(var r=0;r<e.length;r++)n[e[r]]*=pc;return t.apply(this,n)}}(t[n])})),t.stroke=function(e){return function(){if(!this.__hidpi__)return e.apply(this,arguments);this.lineWidth*=pc,e.apply(this,arguments),this.lineWidth/=pc}}(t.stroke),t.fillText=function(e){return function(){if(!this.__hidpi__)return e.apply(this,arguments);var t=Array.prototype.slice.call(arguments);t[1]*=pc,t[2]*=pc;var n=this.font;this.font=n.replace(/(\d+\.?\d*)(px|em|rem|pt)/g,(function(e,t,n){return t*pc+n})),e.apply(this,t),this.font=n}}(t.fillText),t.strokeText=function(e){return function(){if(!this.__hidpi__)return e.apply(this,arguments);var t=Array.prototype.slice.call(arguments);t[1]*=pc,t[2]*=pc;var n=this.font;this.font=n.replace(/(\d+\.?\d*)(px|em|rem|pt)/g,(function(e,t,n){return t*pc+n})),e.apply(this,t),this.font=n}}(t.strokeText),t.drawImage=function(e){return function(){if(!this.__hidpi__)return e.apply(this,arguments);this.scale(pc,pc),e.apply(this,arguments),this.scale(1/pc,1/pc)}}(t.drawImage))}}()));function yc(e){return e?eu(e):e}function _c(e){return(e=e.slice(0))[3]=e[3]/255,"rgba("+e.join(",")+")"}function bc(e,t){var n=e;return Array.from(t).map((e=>{var t=n.getBoundingClientRect();return{identifier:e.identifier,x:e.clientX-t.left,y:e.clientY-t.top}}))}function wc(e=0,t=0){return gc||(gc=document.createElement("canvas")),gc.width=e,gc.height=t,gc}var xc=Ku({inheritAttrs:!1,name:"Canvas",compatConfig:{MODE:3},props:{canvasId:{type:String,default:""},disableScroll:{type:[Boolean,String],default:!1}},computed:{id(){return this.canvasId}},setup(e,{emit:t,slots:n}){mc();var r=ma(null),i=ma(null),a=ma(!1),o=function(e){return(t,n)=>{e(t,Yl(n))}}(t),{$attrs:s,$excludeAttrs:l,$listeners:u}=Bd({excludeListeners:!0}),{_listeners:c}=function(e,t,n){return{_listeners:Ta((()=>{var r=["onTouchstart","onTouchmove","onTouchend"],i=t.value,a=on({},(()=>{var e={};for(var t in i)if(Object.prototype.hasOwnProperty.call(i,t)){var n=i[t];e[t]=n}return e})());return r.forEach((t=>{var r=[];a[t]&&r.push(nc((e=>{n(t.replace("on","").toLocaleLowerCase(),on({},(()=>{var t={};for(var n in e)t[n]=e[n];return t})(),{touches:bc(e.currentTarget,e.touches),changedTouches:bc(e.currentTarget,e.changedTouches)}))}))),e.disableScroll&&"onTouchmove"===t&&r.push(Ml),a[t]=r})),a}))}}(e,u,o),{_handleSubscribe:d,_resize:h}=function(e,t){var n=[],r={};function i(){var t=e.value;if(t.width>0&&t.height>0){var n=t.getContext("2d"),r=n.getImageData(0,0,t.width,t.height);fc(t),n.putImageData(r,0,0)}else fc(t)}function a({actions:i,reserve:a},l){if(i)if(t.value)n.push([i,a]);else{var u=e.value,c=u.getContext("2d");a||(c.fillStyle="#000000",c.strokeStyle="#000000",c.shadowColor="#000000",c.shadowBlur=0,c.shadowOffsetX=0,c.shadowOffsetY=0,c.setTransform(1,0,0,1,0,0),c.clearRect(0,0,u.width,u.height)),o(i);for(var d=function(e){var t=i[e],n=t.method,a=t.data;if(/^set/.test(n)&&"setTransform"!==n){var o,u=n[3].toLowerCase()+n.slice(4);if("fillStyle"===u||"strokeStyle"===u){if("normal"===a[0])o=_c(a[1]);else if("linear"===a[0]){var d=c.createLinearGradient(...a[1]);a[2].forEach((function(e){var t=e[0],n=_c(e[1]);d.addColorStop(t,n)})),o=d}else if("radial"===a[0]){var h=a[1][0],f=a[1][1],v=a[1][2],g=c.createRadialGradient(h,f,0,h,f,v);a[2].forEach((function(e){var t=e[0],n=_c(e[1]);g.addColorStop(t,n)})),o=g}else if("pattern"===a[0]){return s(a[1],i.slice(e+1),l,(function(e){e&&(c[u]=c.createPattern(e,a[2]))}))?"continue":"break"}c[u]=o}else if("globalAlpha"===u)c[u]=Number(a[0])/255;else if("shadow"===u)p=["shadowOffsetX","shadowOffsetY","shadowBlur","shadowColor"],a.forEach((function(e,t){c[p[t]]="shadowColor"===p[t]?_c(e):e}));else if("fontSize"===u){var m=c.__font__||c.font;c.__font__=c.font=m.replace(/\d+\.?\d*px/,a[0]+"px")}else"lineDash"===u?(c.setLineDash(a[0]),c.lineDashOffset=a[1]||0):"textBaseline"===u?("normal"===a[0]&&(a[0]="alphabetic"),c[u]=a[0]):"font"===u?c.__font__=c.font=a[0]:c[u]=a[0]}else if("fillPath"===n||"strokePath"===n)n=n.replace(/Path/,""),c.beginPath(),a.forEach((function(e){c[e.method].apply(c,e.data)})),c[n]();else if("fillText"===n)c.fillText.apply(c,a);else if("drawImage"===n){if("break"===function(){var t=[...a],n=t[0],o=t.slice(1);if(r=r||{},s(n,i.slice(e+1),l,(function(e){e&&c.drawImage.apply(c,[e].concat([...o.slice(4,8)],[...o.slice(0,4)]))})))return"break"}())return"break"}else"clip"===n?(a.forEach((function(e){c[e.method].apply(c,e.data)})),c.clip()):c[n].apply(c,a)},h=0;h<i.length;h++){var p,f=d(h);if("break"===f)break}t.value||l({errMsg:"drawCanvas:ok"})}}function o(e){e.forEach((function(e){var t=e.method,n=e.data,i="";function a(){var e,t=r[i]=new Image;if(t.onload=function(){t.ready=!0},"Google Inc."===navigator.vendor)return 0===i.indexOf("file://")&&(t.crossOrigin="anonymous"),void(t.src=i);(e=i,Promise.resolve(e)).then((e=>{t.src=e})).catch((()=>{t.src=i}))}"drawImage"===t?(i=yc(i=n[0]),n[0]=i):"setFillStyle"===t&&"pattern"===n[0]&&(i=yc(i=n[1]),n[1]=i),i&&!r[i]&&a()}))}function s(e,i,o,s){var l=r[e];return l.ready?(s(l),!0):(n.unshift([i,!0]),t.value=!0,l.onload=function(){l.ready=!0,s(l),t.value=!1;var e=n.slice(0);n=[];for(var r=e.shift();r;)a({actions:r[0],reserve:r[1]},o),r=e.shift()},!1)}function l({x:t=0,y:n=0,width:r,height:i,destWidth:a,destHeight:o,hidpi:s=!0,dataType:l,quality:u=1,type:c="png"},d){var h,p=e.value,f=p.offsetWidth-t;r=r?Math.min(r,f):f;var v=p.offsetHeight-n;i=i?Math.min(i,v):v,s?(a=r,o=i):a||o?a?o||(o=Math.round(i/r*a)):a=Math.round(r/i*o):(a=Math.round(r*pc),o=Math.round(i*pc));var g,m=wc(a,o),y=m.getContext("2d");"jpeg"!==c&&"jpg"!==c||(c="jpeg",y.fillStyle="#fff",y.fillRect(0,0,a,o)),y.__hidpi__=!0,y.drawImageByCanvas(p,t,n,r,i,0,0,a,o,!1);try{var _;if("base64"===l)h=m.toDataURL("image/".concat(c),u);else{var b=y.getImageData(0,0,a,o);h=require("pako").deflateRaw(b.data,{to:"string"}),_=!0}g={data:h,compressed:_,width:a,height:o}}catch(w){g={errMsg:"canvasGetImageData:fail ".concat(w)}}if(m.height=m.width=0,y.__hidpi__=!1,!d)return g;d(g)}function u({data:t,x:n,y:r,width:i,height:a,compressed:o},s){try{a||(a=Math.round(t.length/4/i));var l=wc(i,a),u=l.getContext("2d");if(o)t=require("pako").inflateRaw(t);u.putImageData(new ImageData(new Uint8ClampedArray(t),i,a),0,0),e.value.getContext("2d").drawImage(l,n,r,i,a),l.height=l.width=0}catch(c){return void s({errMsg:"canvasPutImageData:fail"})}s({errMsg:"canvasPutImageData:ok"})}function c({x:e=0,y:t=0,width:n,height:r,destWidth:i,destHeight:a,fileType:o,quality:s,dirname:u},c){var d=l({x:e,y:t,width:n,height:r,destWidth:i,destHeight:a,hidpi:!1,dataType:"base64",type:o,quality:s});d.data&&d.data.length?d.data:c({errMsg:d.errMsg.replace("canvasPutImageData","toTempFilePath")})}var d={actionsChanged:a,getImageData:l,putImageData:u,toTempFilePath:c};function h(e,t,n){var r=d[e];0!==e.indexOf("_")&&"function"==typeof r&&r(t,n)}return on(d,{_resize:i,_handleSubscribe:h})}(r,a);return Uh(d,Xh(e.canvasId),!0),Ua((()=>{h()})),()=>{var{canvasId:t,disableScroll:a}=e;return Yo("uni-canvas",Qo({"canvas-id":t,"disable-scroll":a},s.value,l.value,c.value),{default:()=>[Yo("canvas",{ref:r,class:"uni-canvas-canvas",width:"300",height:"150"},null,512),Yo("div",{style:"position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;"},[n.default&&n.default()]),Yo(hc,{ref:i,onResize:h},null,8,["onResize"])],_:1},16,["canvas-id","disable-scroll"])}}});var Sc=Il("ucg"),Tc=Ku({name:"CheckboxGroup",props:{name:{type:String,default:""}},emits:["change"],setup(e,{emit:t,slots:n}){var r=ma(null);return function(e,t){var n=[],r=()=>n.reduce(((e,t)=>(t.value.checkboxChecked&&e.push(t.value.value),e)),new Array);Ra(Sc,{addField(e){n.push(e)},removeField(e){n.splice(n.indexOf(e),1)},checkboxChange(e){t("change",e,{value:r()})}});var i=Ba(ic,!1);i&&i.addField({submit:()=>{var t=["",null];return""!==e.name&&(t[0]=e.name,t[1]=r()),t}})}(e,rc(r,t)),()=>Yo("uni-checkbox-group",{ref:r},{default:()=>[n.default&&n.default()]},512)}});var Ec,kc,Cc,Mc,Oc,Ic,Lc=Ku({name:"Checkbox",props:{checked:{type:[Boolean,String],default:!1},id:{type:String,default:""},disabled:{type:[Boolean,String],default:!1},color:{type:String,default:"#007aff"},value:{type:String,default:""}},setup(e,{slots:t}){var n=ma(e.checked),r=ma(e.value);Fs([()=>e.checked,()=>e.value],(([e,t])=>{n.value=e,r.value=t}));var{uniCheckGroup:i,uniLabel:a}=function(e,t,n){var r=Ta((()=>({checkboxChecked:Boolean(e.value),value:t.value}))),i={reset:n},a=Ba(Sc,!1);a&&a.addField(r);var o=Ba(ic,!1);o&&o.addField(i);var s=Ba(oc,!1);return Ga((()=>{a&&a.removeField(r),o&&o.removeField(i)})),{uniCheckGroup:a,uniForm:o,uniLabel:s}}(n,r,(()=>{n.value=!1})),o=t=>{e.disabled||(n.value=!n.value,i&&i.checkboxChange(t))};return a&&(a.addHandler(o),Ga((()=>{a.removeHandler(o)}))),lc(e,{"label-click":o}),()=>{var{booleanAttrs:r}=tc(e,"disabled");return Yo("uni-checkbox",Qo(r,{onClick:o}),{default:()=>[Yo("div",{class:"uni-checkbox-wrapper"},[Yo("div",{class:["uni-checkbox-input",{"uni-checkbox-input-disabled":e.disabled}]},[n.value?Rl(Pl,e.color,22):""],2),t.default&&t.default()])]},16,["onClick"])}}});function Nc(){}function Ac(e,t,n){Dn((()=>{var r="adjustResize",i="adjustPan",a=plus.webview.currentWebview(),o=Ic||a.getStyle()||{},s={mode:n||o.softinputMode===r?r:e.adjustPosition?i:"nothing",position:{top:0,height:0}};if(s.mode===i){var l=t.getBoundingClientRect();s.position.top=l.top,s.position.height=l.height+(Number(e.cursorSpacing)||0)}a.setSoftinputTemporary(s)}))}Dn((()=>{kc="Android"===plus.os.name,Cc=plus.os.version||""})),document.addEventListener("keyboardchange",(function(e){Mc=e.height,Oc&&Oc()}),!1);var Pc={cursorSpacing:{type:[Number,String],default:0},showConfirmBar:{type:[Boolean,String],default:"auto"},adjustPosition:{type:[Boolean,String],default:!0},autoBlur:{type:[Boolean,String],default:!1}},Rc=["keyboardheightchange"];function Bc(e,t,n){var r={};function i(t){var i,a=()=>{n("keyboardheightchange",{},{height:Mc,duration:.25}),i&&0===Mc&&Ac(e,t),e.autoBlur&&i&&0===Mc&&(kc||parseInt(Cc)>=13)&&document.activeElement.blur()};t.addEventListener("focus",(()=>{i=!0,clearTimeout(Ec),document.addEventListener("click",Nc,!1),Oc=a,Mc&&n("keyboardheightchange",{},{height:Mc,duration:0}),function(e,t){"auto"!==e.showConfirmBar?Dn((()=>{var n=plus.webview.currentWebview(),{softinputNavBar:r}=n.getStyle()||{};"none"!==r!==e.showConfirmBar?(t.softinputNavBar=r||"auto",n.setStyle({softinputNavBar:e.showConfirmBar?"auto":"none"})):delete t.softinputNavBar})):delete t.softinputNavBar}(e,r),Ac(e,t)})),kc&&t.addEventListener("click",(()=>{e.disabled||e.readOnly||!i||0!==Mc||Ac(e,t)})),kc||(parseInt(Cc)<12&&t.addEventListener("touchstart",(()=>{e.disabled||e.readOnly||i||Ac(e,t)})),parseFloat(Cc)>=14.6&&!Ic&&Dn((()=>{var e=plus.webview.currentWebview();Ic=e.getStyle()||{}})));var o=()=>{document.removeEventListener("click",Nc,!1),Oc=null,Mc&&n("keyboardheightchange",{},{height:0,duration:0}),function(e){var t=e.softinputNavBar;t&&Dn((()=>{plus.webview.currentWebview().setStyle({softinputNavBar:t})}))}(r),kc&&(Ec=setTimeout((()=>{Ac(e,t,!0)}),300)),0===String(navigator.vendor).indexOf("Apple")&&document.documentElement.scrollTo(document.documentElement.scrollLeft,document.documentElement.scrollTop)};t.addEventListener("blur",(()=>{t.blur(),i=!1,o()}))}Fs((()=>t.value),(e=>i(e)))}var $c=/^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,Dc=/^<\/([-A-Za-z0-9_]+)[^>]*>/,Fc=/([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g,Wc=Yc("area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr"),jc=Yc("a,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video"),Vc=Yc("abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var"),zc=Yc("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr"),Hc=Yc("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected"),qc=Yc("script,style");function Uc(e,t){var n,r,i,a=[],o=e;for(a.last=function(){return this[this.length-1]};e;){if(r=!0,a.last()&&qc[a.last()])e=e.replace(new RegExp("([\\s\\S]*?)</"+a.last()+"[^>]*>"),(function(e,n){return n=n.replace(/<!--([\s\S]*?)-->|<!\[CDATA\[([\s\S]*?)]]>/g,"$1$2"),t.chars&&t.chars(n),""})),u("",a.last());else if(0==e.indexOf("\x3c!--")?(n=e.indexOf("--\x3e"))>=0&&(t.comment&&t.comment(e.substring(4,n)),e=e.substring(n+3),r=!1):0==e.indexOf("</")?(i=e.match(Dc))&&(e=e.substring(i[0].length),i[0].replace(Dc,u),r=!1):0==e.indexOf("<")&&(i=e.match($c))&&(e=e.substring(i[0].length),i[0].replace($c,l),r=!1),r){var s=(n=e.indexOf("<"))<0?e:e.substring(0,n);e=n<0?"":e.substring(n),t.chars&&t.chars(s)}if(e==o)throw"Parse Error: "+e;o=e}function l(e,n,r,i){if(n=n.toLowerCase(),jc[n])for(;a.last()&&Vc[a.last()];)u("",a.last());if(zc[n]&&a.last()==n&&u("",n),(i=Wc[n]||!!i)||a.push(n),t.start){var o=[];r.replace(Fc,(function(e,t){var n=arguments[2]?arguments[2]:arguments[3]?arguments[3]:arguments[4]?arguments[4]:Hc[t]?t:"";o.push({name:t,value:n,escaped:n.replace(/(^|[^\\])"/g,'$1\\"')})})),t.start&&t.start(n,o,i)}}function u(e,n){if(n)for(r=a.length-1;r>=0&&a[r]!=n;r--);else var r=0;if(r>=0){for(var i=a.length-1;i>=r;i--)t.end&&t.end(a[i]);a.length=r}}u()}function Yc(e){for(var t={},n=e.split(","),r=0;r<n.length;r++)t[n[r]]=!0;return t}var Xc={};function Gc(e,t,n){if("string"==typeof e?window[e]:e)n();else{var r=Xc[t];if(!r){r=Xc[t]=[];var i=document.createElement("script");i.src=t,document.body.appendChild(i),i.onload=function(){r.forEach((e=>e())),delete Xc[t]}}r.push(n)}}function Jc(e){var t=e.import("blots/block/embed");class n extends t{}return n.blotName="divider",n.tagName="HR",{"formats/divider":n}}function Kc(e){var t=e.import("blots/inline");class n extends t{}return n.blotName="ins",n.tagName="INS",{"formats/ins":n}}function Zc(e){var{Scope:t,Attributor:n}=e.import("parchment"),r={scope:t.BLOCK,whitelist:["left","right","center","justify"]};return{"formats/align":new n.Style("align","text-align",r)}}function Qc(e){var{Scope:t,Attributor:n}=e.import("parchment"),r={scope:t.BLOCK,whitelist:["rtl"]};return{"formats/direction":new n.Style("direction","direction",r)}}function ed(e){var t=e.import("parchment"),n=e.import("blots/container"),r=e.import("formats/list/item");class i extends n{static create(e){var t="ordered"===e?"OL":"UL",n=super.create(t);return"checked"!==e&&"unchecked"!==e||n.setAttribute("data-checked","checked"===e),n}static formats(e){return"OL"===e.tagName?"ordered":"UL"===e.tagName?e.hasAttribute("data-checked")?"true"===e.getAttribute("data-checked")?"checked":"unchecked":"bullet":void 0}constructor(e){super(e);e.addEventListener("click",(n=>{if(n.target.parentNode===e){var r=this.statics.formats(e),i=t.find(n.target);"checked"===r?i.format("list","unchecked"):"unchecked"===r&&i.format("list","checked")}}))}format(e,t){this.children.length>0&&this.children.tail.format(e,t)}formats(){return{[this.statics.blotName]:this.statics.formats(this.domNode)}}insertBefore(e,t){if(e instanceof r)super.insertBefore(e,t);else{var n=null==t?this.length():t.offset(this),i=this.split(n);i.parent.insertBefore(e,i)}}optimize(e){super.optimize(e);var t=this.next;null!=t&&t.prev===this&&t.statics.blotName===this.statics.blotName&&t.domNode.tagName===this.domNode.tagName&&t.domNode.getAttribute("data-checked")===this.domNode.getAttribute("data-checked")&&(t.moveChildren(this),t.remove())}replace(e){if(e.statics.blotName!==this.statics.blotName){var n=t.create(this.statics.defaultChild);e.moveChildren(n),this.appendChild(n)}super.replace(e)}}return i.blotName="list",i.scope=t.Scope.BLOCK_BLOT,i.tagName=["OL","UL"],i.defaultChild="list-item",i.allowedChildren=[r],{"formats/list":i}}function td(e){var{Scope:t}=e.import("parchment");return{"formats/backgroundColor":new(e.import("formats/background").constructor)("backgroundColor","background-color",{scope:t.INLINE})}}function nd(e){var{Scope:t,Attributor:n}=e.import("parchment"),r={scope:t.BLOCK},i={};return["margin","marginTop","marginBottom","marginLeft","marginRight"].concat(["padding","paddingTop","paddingBottom","paddingLeft","paddingRight"]).forEach((e=>{i["formats/".concat(e)]=new n.Style(e,kn(e),r)})),i}function rd(e){var{Scope:t,Attributor:n}=e.import("parchment"),r={scope:t.INLINE},i={};return["font","fontSize","fontStyle","fontVariant","fontWeight","fontFamily"].forEach((e=>{i["formats/".concat(e)]=new n.Style(e,kn(e),r)})),i}function id(e){var{Scope:t,Attributor:n}=e.import("parchment"),r=[{name:"lineHeight",scope:t.BLOCK},{name:"letterSpacing",scope:t.INLINE},{name:"textDecoration",scope:t.INLINE},{name:"textIndent",scope:t.BLOCK}],i={};return r.forEach((({name:e,scope:t})=>{i["formats/".concat(e)]=new n.Style(e,kn(e),{scope:t})})),i}function ad(e){var t=e.import("formats/image"),n=["alt","height","width","data-custom","class","data-local"];t.sanitize=e=>e,t.formats=function(e){return n.reduce((function(t,n){return e.hasAttribute(n)&&(t[n]=e.getAttribute(n)),t}),{})};var r=t.prototype.format;t.prototype.format=function(e,t){n.indexOf(e)>-1?t?this.domNode.setAttribute(e,t):this.domNode.removeAttribute(e):r.call(this,e,t)}}function od(e,t,n){var r,i,a,o=!1;function s(){return{html:a.root.innerHTML,text:a.getText(),delta:a.getContents()}}Fs((()=>e.readOnly),(e=>{r&&(a.enable(!e),e||a.blur())})),Fs((()=>e.placeholder),(e=>{r&&a.root.setAttribute("data-placeholder",e)}));var l={};function u(e){var t=e?a.getFormat(e):{},r=Object.keys(t);(r.length!==Object.keys(l).length||r.find((e=>t[e]!==l[e])))&&(l=t,n("statuschange",{},t))}function c(l){var c=window.Quill;!function(e){var t={divider:Jc,ins:Kc,align:Zc,direction:Qc,list:ed,background:td,box:nd,font:rd,text:id,image:ad},n={};Object.values(t).forEach((t=>on(n,t(e)))),e.register(n,!0)}(c);var d={toolbar:!1,readOnly:e.readOnly,placeholder:e.placeholder};l.length&&(c.register("modules/ImageResize",window.ImageResize.default),d.modules={ImageResize:{modules:l}});var h=t.value,p=(a=new c(h,d)).root;["focus","blur","input"].forEach((e=>{p.addEventListener(e,(t=>{"input"===e?t.stopPropagation():n(e,t,s())}))})),a.on("text-change",(()=>{o||n("input",{},s())})),a.on("selection-change",u),a.on("scroll-optimize",(()=>{u(a.selection.getRange()[0])})),a.clipboard.addMatcher(Node.ELEMENT_NODE,((e,t)=>(i||t.ops&&(t.ops=t.ops.filter((({insert:e})=>"string"==typeof e)).map((({insert:e})=>({insert:e})))),t))),r=!0,n("ready",{},{})}Ua((()=>{var t=[];e.showImgSize&&t.push("DisplaySize"),e.showImgToolbar&&t.push("Toolbar"),e.showImgResize&&t.push("Resize");Gc(window.Quill,"./__uniappquill.js",(()=>{if(t.length){Gc(window.ImageResize,"./__uniappquillimageresize.js",(()=>{c(t)}))}else c(t)}))})),Uh(((e,t,n)=>{var l,c,d,{options:h,callbackId:p}=t;if(r){var f=window.Quill;switch(e){case"format":var{name:v="",value:g=!1}=h;c=a.getSelection(!0);var m=a.getFormat(c)[v]||!1;if(["bold","italic","underline","strike","ins"].includes(v))g=!m;else if("direction"===v){g=("rtl"!==g||!m)&&g;var y=a.getFormat(c).align;"rtl"!==g||y?g||"right"!==y||a.format("align",!1,"user"):a.format("align","right","user")}else if("indent"===v){g="+1"===g,"rtl"===a.getFormat(c).direction&&(g=!g),g=g?"+1":"-1"}else"list"===v&&(g="check"===g?"unchecked":g,m="checked"===m?"unchecked":m),g=m&&m!==(g||!1)||!m&&g?g:!m;a.format(v,g,"user");break;case"insertDivider":c=a.getSelection(!0),a.insertText(c.index,"\n","user"),a.insertEmbed(c.index+1,"divider",!0,"user"),a.setSelection(c.index+2,0,"silent");break;case"insertImage":c=a.getSelection(!0);var{src:_="",alt:b="",width:w="",height:x="",extClass:S="",data:T={}}=h,E=eu(_);a.insertEmbed(c.index,"image",E,"user");var k=!!/^(file|blob):/.test(E)&&E;o=!0,a.formatText(c.index,1,"data-local",k),a.formatText(c.index,1,"alt",b),a.formatText(c.index,1,"width",w),a.formatText(c.index,1,"height",x),a.formatText(c.index,1,"class",S),o=!1,a.formatText(c.index,1,"data-custom",Object.keys(T).map((e=>"".concat(e,"=").concat(T[e]))).join("&")),a.setSelection(c.index+1,0,"silent");break;case"insertText":c=a.getSelection(!0);var{text:C=""}=h;a.insertText(c.index,C,"user"),a.setSelection(c.index+C.length,0,"silent");break;case"setContents":var{delta:M,html:O}=h;"object"==typeof M?a.setContents(M,"silent"):"string"==typeof O?a.setContents(function(e){var t,n=["span","strong","b","ins","em","i","u","a","del","s","sub","sup","img","div","p","h1","h2","h3","h4","h5","h6","hr","ol","ul","li","br"],r="";Uc(e,{start:function(e,i,a){if(n.includes(e)){t=!1;var o=i.map((({name:e,value:t})=>"".concat(e,'="').concat(t,'"'))).join(" "),s="<".concat(e," ").concat(o," ").concat(a?"/":"",">");r+=s}else t=!a},end:function(e){t||(r+="</".concat(e,">"))},chars:function(e){t||(r+=e)}}),i=!0;var o=a.clipboard.convert(r);return i=!1,o}(O),"silent"):d="contents is missing";break;case"getContents":l=s();break;case"clear":a.setText("");break;case"removeFormat":c=a.getSelection(!0);var I=f.import("parchment");c.length?a.removeFormat(c.index,c.length,"user"):Object.keys(a.getFormat(c)).forEach((e=>{I.query(e,I.Scope.INLINE)&&a.format(e,!1)}));break;case"undo":a.history.undo();break;case"redo":a.history.redo();break;case"blur":a.blur();break;case"getSelectionText":l={text:""},(c=a.selection.savedRange)&&0!==c.length&&(l.text=a.getText(c.index,c.length));break;case"scrollIntoView":a.scrollIntoView()}u(c)}else d="not ready";p&&n({callbackId:p,data:on({},l,{errMsg:"".concat(e,":").concat(d?"fail "+d:"ok")})})}),Xh(),!0)}var sd=Ku({name:"Editor",props:on({},Pc,{id:{type:String,default:""},readOnly:{type:[Boolean,String],default:!1},placeholder:{type:String,default:""},showImgSize:{type:[Boolean,String],default:!1},showImgToolbar:{type:[Boolean,String],default:!1},showImgResize:{type:[Boolean,String],default:!1}}),emit:["ready","focus","blur","input","statuschange",...Rc],setup(e,{emit:t}){var n=ma(null),r=rc(n,t);return od(e,n,r),Bc(e,n,r),()=>Yo("uni-editor",{ref:n,id:e.id,class:"ql-container"},null,8,["id"])}}),ld="#10aeff",ud="#b2b2b2",cd={success:{d:"M15.808 0.16q-4.224 0-7.872 2.176-3.552 2.112-5.632 5.728-2.144 3.744-2.144 8.128 0 4.192 2.144 7.872 2.112 3.52 5.632 5.632 3.68 2.144 7.872 2.144 4.384 0 8.128-2.144 3.616-2.080 5.728-5.632 2.176-3.648 2.176-7.872 0-4.384-2.176-8.128-2.112-3.616-5.728-5.728-3.744-2.176-8.128-2.176zM24.832 11.328l-11.264 11.104q-0.032 0.032-0.112 0.032t-0.112-0.032l-5.216-5.376q-0.096-0.128 0-0.288l0.704-0.96q0.032-0.064 0.112-0.064t0.112 0.032l4.256 3.264q0.064 0.032 0.144 0.032t0.112-0.032l10.336-8.608q0.064-0.064 0.144-0.064t0.112 0.064l0.672 0.672q0.128 0.128 0 0.224z",c:Zn},success_no_circle:{d:Pl,c:Zn},info:{d:"M15.808 0.128q-4.224 0-7.872 2.176-3.552 2.112-5.632 5.728-2.176 3.776-2.176 8.16 0 4.224 2.176 7.872 2.080 3.552 5.632 5.632 3.648 2.176 7.872 2.176 4.384 0 8.16-2.176 3.616-2.080 5.728-5.632 2.176-3.648 2.176-7.872 0-4.416-2.176-8.16-2.112-3.616-5.728-5.728-3.744-2.176-8.16-2.176zM16.864 23.776q0 0.064-0.064 0.064h-1.568q-0.096 0-0.096-0.064l-0.256-11.328q0-0.064 0.064-0.064h2.112q0.096 0 0.064 0.064l-0.256 11.328zM16 10.88q-0.576 0-0.976-0.4t-0.4-0.96 0.4-0.96 0.976-0.4 0.976 0.4 0.4 0.96-0.4 0.96-0.976 0.4z",c:ld},warn:{d:"M15.808 0.16q-4.224 0-7.872 2.176-3.552 2.112-5.632 5.728-2.144 3.744-2.144 8.128 0 4.192 2.144 7.872 2.112 3.52 5.632 5.632 3.68 2.144 7.872 2.144 4.384 0 8.128-2.144 3.616-2.080 5.728-5.632 2.176-3.648 2.176-7.872 0-4.384-2.176-8.128-2.112-3.616-5.728-5.728-3.744-2.176-8.128-2.176zM15.136 8.672h1.728q0.128 0 0.224 0.096t0.096 0.256l-0.384 10.24q0 0.064-0.048 0.112t-0.112 0.048h-1.248q-0.096 0-0.144-0.048t-0.048-0.112l-0.384-10.24q0-0.16 0.096-0.256t0.224-0.096zM16 23.328q-0.48 0-0.832-0.352t-0.352-0.848 0.352-0.848 0.832-0.352 0.832 0.352 0.352 0.848-0.352 0.848-0.832 0.352z",c:"#f76260"},waiting:{d:"M15.84 0.096q-4.224 0-7.872 2.176-3.552 2.112-5.632 5.728-2.144 3.744-2.144 8.128 0 4.192 2.144 7.872 2.112 3.52 5.632 5.632 3.68 2.144 7.872 2.144 4.384 0 8.128-2.144 3.616-2.080 5.728-5.632 2.176-3.648 2.176-7.872 0-4.384-2.176-8.128-2.112-3.616-5.728-5.728-3.744-2.176-8.128-2.176zM23.008 21.92l-0.512 0.896q-0.096 0.128-0.224 0.064l-8-3.808q-0.096-0.064-0.16-0.128-0.128-0.096-0.128-0.288l0.512-12.096q0-0.064 0.048-0.112t0.112-0.048h1.376q0.064 0 0.112 0.048t0.048 0.112l0.448 10.848 6.304 4.256q0.064 0.064 0.080 0.128t-0.016 0.128z",c:ld},cancel:{d:"M20.928 10.176l-4.928 4.928-4.928-4.928-0.896 0.896 4.928 4.928-4.928 4.928 0.896 0.896 4.928-4.928 4.928 4.928 0.896-0.896-4.928-4.928 4.928-4.928-0.896-0.896zM16 2.080q-3.776 0-7.040 1.888-3.136 1.856-4.992 4.992-1.888 3.264-1.888 7.040t1.888 7.040q1.856 3.136 4.992 4.992 3.264 1.888 7.040 1.888t7.040-1.888q3.136-1.856 4.992-4.992 1.888-3.264 1.888-7.040t-1.888-7.040q-1.856-3.136-4.992-4.992-3.264-1.888-7.040-1.888zM16 28.64q-3.424 0-6.4-1.728-2.848-1.664-4.512-4.512-1.728-2.976-1.728-6.4t1.728-6.4q1.664-2.848 4.512-4.512 2.976-1.728 6.4-1.728t6.4 1.728q2.848 1.664 4.512 4.512 1.728 2.976 1.728 6.4t-1.728 6.4q-1.664 2.848-4.512 4.512-2.976 1.728-6.4 1.728z",c:"#f43530"},download:{d:"M15.808 1.696q-3.776 0-7.072 1.984-3.2 1.888-5.088 5.152-1.952 3.392-1.952 7.36 0 3.776 1.952 7.072 1.888 3.2 5.088 5.088 3.296 1.952 7.072 1.952 3.968 0 7.36-1.952 3.264-1.888 5.152-5.088 1.984-3.296 1.984-7.072 0-4-1.984-7.36-1.888-3.264-5.152-5.152-3.36-1.984-7.36-1.984zM20.864 18.592l-3.776 4.928q-0.448 0.576-1.088 0.576t-1.088-0.576l-3.776-4.928q-0.448-0.576-0.24-0.992t0.944-0.416h2.976v-8.928q0-0.256 0.176-0.432t0.4-0.176h1.216q0.224 0 0.4 0.176t0.176 0.432v8.928h2.976q0.736 0 0.944 0.416t-0.24 0.992z",c:Zn},search:{d:"M20.928 22.688q-1.696 1.376-3.744 2.112-2.112 0.768-4.384 0.768-3.488 0-6.464-1.728-2.88-1.696-4.576-4.608-1.76-2.976-1.76-6.464t1.76-6.464q1.696-2.88 4.576-4.576 2.976-1.76 6.464-1.76t6.464 1.76q2.912 1.696 4.608 4.576 1.728 2.976 1.728 6.464 0 2.272-0.768 4.384-0.736 2.048-2.112 3.744l9.312 9.28-1.824 1.824-9.28-9.312zM12.8 23.008q2.784 0 5.184-1.376 2.304-1.376 3.68-3.68 1.376-2.4 1.376-5.184t-1.376-5.152q-1.376-2.336-3.68-3.68-2.4-1.408-5.184-1.408t-5.152 1.408q-2.336 1.344-3.68 3.68-1.408 2.368-1.408 5.152t1.408 5.184q1.344 2.304 3.68 3.68 2.368 1.376 5.152 1.376zM12.8 23.008v0z",c:ud},clear:{d:"M16 0q-4.352 0-8.064 2.176-3.616 2.144-5.76 5.76-2.176 3.712-2.176 8.064t2.176 8.064q2.144 3.616 5.76 5.76 3.712 2.176 8.064 2.176t8.064-2.176q3.616-2.144 5.76-5.76 2.176-3.712 2.176-8.064t-2.176-8.064q-2.144-3.616-5.76-5.76-3.712-2.176-8.064-2.176zM22.688 21.408q0.32 0.32 0.304 0.752t-0.336 0.736-0.752 0.304-0.752-0.32l-5.184-5.376-5.376 5.184q-0.32 0.32-0.752 0.304t-0.736-0.336-0.304-0.752 0.32-0.752l5.376-5.184-5.184-5.376q-0.32-0.32-0.304-0.752t0.336-0.752 0.752-0.304 0.752 0.336l5.184 5.376 5.376-5.184q0.32-0.32 0.752-0.304t0.752 0.336 0.304 0.752-0.336 0.752l-5.376 5.184 5.184 5.376z",c:ud}},dd=Ku({name:"Icon",props:{type:{type:String,required:!0,default:""},size:{type:[String,Number],default:23},color:{type:String,default:""}},setup(e){var t=Ta((()=>cd[e.type]));return()=>{var{value:n}=t;return Yo("uni-icon",null,{default:()=>[n&&n.d&&Rl(n.d,e.color||n.c,Nl(e.size))]})}}}),hd={src:{type:String,default:""},mode:{type:String,default:"scaleToFill"},lazyLoad:{type:[Boolean,String],default:!1},draggable:{type:Boolean,default:!0}},pd={widthFix:["offsetWidth","height"],heightFix:["offsetHeight","width"]},fd={aspectFit:["center center","contain"],aspectFill:["center center","cover"],widthFix:[,"100% 100%"],heightFix:[,"100% 100%"],top:["center top"],bottom:["center bottom"],center:["center center"],left:["left center"],right:["right center"],"top left":["left top"],"top right":["right top"],"bottom left":["left bottom"],"bottom right":["right bottom"]},vd=Ku({name:"Image",props:hd,setup(e,{emit:t}){var n=ma(null),r=function(e,t){var n=ma(""),r=Ta((()=>{var e="auto",r="",i=fd[t.mode];i?(i[0]&&(r=i[0]),i[1]&&(e=i[1])):(r="0% 0%",e="100% 100%");var a=n.value;return"background-image:".concat(a?'url("'+a+'")':"none",";background-position:").concat(r,";background-size:").concat(e,";background-repeat:no-repeat;")})),i=aa({rootEl:e,src:Ta((()=>t.src?eu(t.src):"")),origWidth:0,origHeight:0,origStyle:{width:"",height:""},modeStyle:r,imgSrc:n});return Ua((()=>{var t=e.value.style;i.origWidth=Number(t.width)||0,i.origHeight=Number(t.height)||0})),i}(n,e),i=rc(n,t),{fixSize:a}=function(e,t,n){var r=()=>{var{mode:r}=t,i=pd[r];if(i){var{origWidth:a,origHeight:o}=n,s=a&&o?a/o:0;if(s){var l=e.value,u=l[i[0]];u&&(l.style[i[1]]=function(e){gd&&e>10&&(e=2*Math.round(e/2));return e}(u/s)+"px"),window.dispatchEvent(new CustomEvent("updateview"))}}},i=()=>{var{style:t}=e.value,{origStyle:{width:r,height:i}}=n;t.width=r,t.height=i};return Fs((()=>t.mode),((e,t)=>{pd[t]&&i(),pd[e]&&r()})),{fixSize:r,resetSize:i}}(n,e,r);return function(e,{trigger:t,fixSize:n}){var r,i=(t=0,n=0,r="")=>{e.origWidth=t,e.origHeight=n,e.imgSrc=r},a=a=>{if(!a)return o(),void i();r||(r=new Image),r.onload=e=>{var{width:s,height:l}=r;i(s,l,a),n(),o(),t("load",e,{width:s,height:l})},r.onerror=n=>{i(),o(),t("error",n,{errMsg:"GET ".concat(e.src," 404 (Not Found)")})},r.src=a},o=()=>{r&&(r.onload=null,r.onerror=null,r=null)};Fs((()=>e.src),(e=>a(e))),Ua((()=>a(e.src))),Ga((()=>o()))}(r,{trigger:i,fixSize:a}),()=>{var{mode:t}=e,{imgSrc:i,modeStyle:o}=r;return Yo("uni-image",{ref:n},{default:()=>[Yo("div",{style:o},null,4),i?Yo("img",{src:i,draggable:e.draggable},null,8,["src","draggable"]):Yo("img",null,null),pd[t]?Yo(hc,{onResize:a},null,8,["onResize"]):Yo("span",null,null)],_:1},512)}}});var gd="Google Inc."===navigator.vendor;var md,yd=Bn(!0),_d=[],bd=0;function wd(){var e=aa({userAction:!1});return Ua((()=>{!function(e){md||(["touchstart","touchmove","touchend","mousedown","mouseup"].forEach((e=>{document.addEventListener(e,(function(){_d.forEach((e=>{e.userAction=!0,bd++,setTimeout((()=>{--bd||(e.userAction=!1)}),0)}))}),yd)})),md=!0);_d.push(e)}(e)})),Ga((()=>{var t,n;t=e,(n=_d.indexOf(t))>=0&&_d.splice(n,1)})),{state:e}}function xd(){var e=aa({attrs:{}});return Ua((()=>{for(var t=os();t;){var n=t.type.__scopeId;n&&(e.attrs[n]=""),t=t.proxy&&"page"===t.proxy.$mpType?null:t.parent}})),{state:e}}function Sd(e,t){var n=document.activeElement;if(!n)return t({});var r={};["input","textarea"].includes(n.tagName.toLowerCase())&&(r.start=n.selectionStart,r.end=n.selectionEnd),t(r)}var Td;function Ed(e){return null===e?"":String(e)}var kd=on({},{name:{type:String,default:""},modelValue:{type:[String,Number],default:""},value:{type:[String,Number],default:""},disabled:{type:[Boolean,String],default:!1},autoFocus:{type:[Boolean,String],default:!1},focus:{type:[Boolean,String],default:!1},cursor:{type:[Number,String],default:-1},selectionStart:{type:[Number,String],default:-1},selectionEnd:{type:[Number,String],default:-1},type:{type:String,default:"text"},password:{type:[Boolean,String],default:!1},placeholder:{type:String,default:""},placeholderStyle:{type:String,default:""},placeholderClass:{type:String,default:""},maxlength:{type:[Number,String],default:140},confirmType:{type:String,default:"done"}},Pc),Cd=["input","focus","blur","update:value","update:modelValue","update:focus",...Rc];function Md(e,t,n,r){var i=function(e,t){var n,r=function(){clearTimeout(n),n=setTimeout((()=>e.apply(this,arguments)),t)};return r.cancel=function(){clearTimeout(n)},r}((e=>{t.value=Ed(e)}),100);Fs((()=>e.modelValue),i),Fs((()=>e.value),i);var a=function(e,t){var n,r,i=0,a=function(...a){var o=Date.now();clearTimeout(n),r=()=>{r=null,i=o,e.apply(this,a)},o-i<t?n=setTimeout(r,t-(o-i)):r()};return a.cancel=function(){clearTimeout(n),r=null},a.flush=function(){clearTimeout(n),r&&r()},a}(((e,t)=>{i.cancel(),n("update:modelValue",t.value),n("update:value",t.value),r("input",e,t)}),100);return qa((()=>{i.cancel(),a.cancel()})),{trigger:r,triggerInput:(e,t,n)=>{i.cancel(),a(e,t),n&&a.flush()}}}function Od(e,t){var{state:n}=wd(),r=Ta((()=>e.autoFocus||e.focus));function i(){if(r.value){var e=t.value;if(e&&"plus"in window){var a=200-(Date.now()-Td);a>0?setTimeout(i,a):(e.focus(),n.userAction||plus.key.showSoftKeybord())}else setTimeout(i,100)}}Fs((()=>e.focus),(e=>{var n;e?i():(n=t.value)&&n.blur()})),Ua((()=>{Td=Td||Date.now(),r.value&&Is(i)}))}function Id(e,t,n,r){Er($l(),"getSelectedTextRange",Sd);var{fieldRef:i,state:a,trigger:o}=function(e,t,n){var r=ma(null),i=rc(t,n),a=Ta((()=>{var t=Number(e.selectionStart);return isNaN(t)?-1:t})),o=Ta((()=>{var t=Number(e.selectionEnd);return isNaN(t)?-1:t})),s=Ta((()=>{var t=Number(e.cursor);return isNaN(t)?-1:t})),l=Ta((()=>{var t=Number(e.maxlength);return isNaN(t)?140:t})),u=Ed(e.modelValue)||Ed(e.value),c=aa({value:u,valueOrigin:u,maxlength:l,focus:e.focus,composing:!1,selectionStart:a,selectionEnd:o,cursor:s});return Fs((()=>c.focus),(e=>n("update:focus",e))),Fs((()=>c.maxlength),(e=>c.value=c.value.slice(0,e))),{fieldRef:r,state:c,trigger:i}}(e,t,n),{triggerInput:s}=Md(e,a,n,o);Od(e,i),Bc(e,i,o);var{state:l}=xd();return function(e,t){var n=Ba(ic,!1);if(n){var r=os(),i={submit(){var n=r.proxy;return[n[e],"string"==typeof t?n[t]:t.value]},reset(){"string"==typeof t?r.proxy[t]="":t.value=""}};n.addField(i),Ga((()=>{n.removeField(i)}))}}("name",a),function(e,t,n,r,i){function a(){var n=e.value;n&&t.focus&&t.selectionStart>-1&&t.selectionEnd>-1&&(n.selectionStart=t.selectionStart,n.selectionEnd=t.selectionEnd)}function o(){var n=e.value;n&&t.focus&&t.selectionStart<0&&t.selectionEnd<0&&t.cursor>-1&&(n.selectionEnd=n.selectionStart=t.cursor)}Fs([()=>t.selectionStart,()=>t.selectionEnd],a),Fs((()=>t.cursor),o),Fs((()=>e.value),(function(){var s=e.value,l=function(e,n){e.stopPropagation(),"function"==typeof i&&!1===i(e,t)||(t.value=s.value,t.composing||r(e,{value:s.value,cursor:s.selectionEnd},n))};s.addEventListener("change",(e=>e.stopPropagation())),s.addEventListener("focus",(function(e){t.focus=!0,n("focus",e,{value:t.value}),a(),o()})),s.addEventListener("blur",(function(e){t.composing&&(t.composing=!1,l(e,!0)),t.focus=!1,n("blur",e,{value:t.value,cursor:e.target.selectionEnd})})),s.addEventListener("input",l),s.addEventListener("compositionstart",(e=>{e.stopPropagation(),t.composing=!0})),s.addEventListener("compositionend",(e=>{e.stopPropagation(),t.composing&&(t.composing=!1,l(e))}))}))}(i,a,o,s,r),{fieldRef:i,state:a,scopedAttrsState:l,fixDisabledColor:0===String(navigator.vendor).indexOf("Apple")&&CSS.supports("image-orientation:from-image"),trigger:o}}var Ld=Ku({name:"Input",props:on({},kd,{placeholderClass:{type:String,default:"input-placeholder"},textContentType:{type:String,default:""}}),emits:["confirm",...Cd],setup(e,{emit:t}){var n,r=["text","number","idcard","digit","password","tel"],i=["off","one-time-code"],a=Ta((()=>{var t="";switch(e.type){case"text":"search"===e.confirmType&&(t="search");break;case"idcard":t="text";break;case"digit":t="number";break;default:t=~r.includes(e.type)?e.type:"text"}return e.password?"password":t})),o=Ta((()=>{var t=i.indexOf(e.textContentType),n=i.indexOf(kn(e.textContentType));return i[-1!==t?t:-1!==n?n:0]})),s=ma(""),l=ma(null),{fieldRef:u,state:c,scopedAttrsState:d,fixDisabledColor:h,trigger:p}=Id(e,l,t,((e,t)=>{var r=e.target;if("number"===a.value){if(n&&(r.removeEventListener("blur",n),n=null),r.validity&&!r.validity.valid)return!s.value&&"-"===e.data||"-"===s.value[0]&&"deleteContentBackward"===e.inputType?(s.value="-",t.value="",n=()=>{s.value=r.value=""},r.addEventListener("blur",n),!1):(s.value=t.value=r.value="-"===s.value?"":s.value,!1);s.value=r.value;var i=t.maxlength;if(i>0&&r.value.length>i)return r.value=r.value.slice(0,i),t.value=r.value,!1}})),f=["number","digit"],v=Ta((()=>f.includes(e.type)?"0.000000000000000001":""));function g(e){"Enter"===e.key&&(e.stopPropagation(),p("confirm",e,{value:e.target.value}))}return()=>{var t=e.disabled&&h?Yo("input",{ref:u,value:c.value,tabindex:"-1",readonly:!!e.disabled,type:a.value,maxlength:c.maxlength,step:v.value,class:"uni-input-input",onFocus:e=>e.target.blur()},null,40,["value","readonly","type","maxlength","step","onFocus"]):Yo("input",{ref:u,value:c.value,disabled:!!e.disabled,type:a.value,maxlength:c.maxlength,step:v.value,enterkeyhint:e.confirmType,pattern:"number"===e.type?"[0-9]*":void 0,class:"uni-input-input",autocomplete:o.value,onKeyup:g},null,40,["value","disabled","type","maxlength","step","enterkeyhint","pattern","autocomplete","onKeyup"]);return Yo("uni-input",{ref:l},{default:()=>[Yo("div",{class:"uni-input-wrapper"},[ko(Yo("div",Qo(d.attrs,{style:e.placeholderStyle,class:["uni-input-placeholder",e.placeholderClass]}),[e.placeholder],16),[[pl,!(c.value.length||"-"===s.value)]]),"search"===e.confirmType?Yo("form",{action:"",onSubmit:e=>e.preventDefault(),class:"uni-input-form"},[t],40,["onSubmit"]):t])]},512)}}});var Nd,Ad,Pd=["class","style"],Rd=/^on[A-Z]+/,Bd=(e={})=>{var t,{excludeListeners:n=!1,excludeKeys:r=[]}=e,i=os(),a=ya({}),o=ya({}),s=ya({}),l=r.concat(Pd);return i.attrs=aa(i.attrs),Ws((()=>{var e,t=(e=i.attrs,Object.keys(e).map((t=>[t,e[t]]))).reduce(((e,[t,r])=>(l.includes(t)?e.exclude[t]=r:Rd.test(t)?(n||(e.attrs[t]=r),e.listeners[t]=r):e.attrs[t]=r,e)),{exclude:{},attrs:{},listeners:{}});a.value=t.attrs,o.value=t.listeners,s.value=t.exclude}),null,t),{$attrs:a,$listeners:o,$excludeAttrs:s}};function $d(){Dn((()=>{Nd||(Nd=plus.webview.currentWebview()),Ad||(Ad=(Nd.getStyle()||{}).pullToRefresh||{})}))}function Dd({disable:e}){Ad&&Ad.support&&Nd.setPullToRefresh(Object.assign({},Ad,{support:!e}))}function Fd(e){var t=[];return Array.isArray(e)&&e.forEach((e=>{Vo(e)?e.type===$o?t.push(...Fd(e.children)):t.push(e):Array.isArray(e)&&t.push(...Fd(e))})),t}function Wd(e){os().rebuild=e}var jd=Ku({inheritAttrs:!1,name:"MovableArea",props:{scaleArea:{type:Boolean,default:!1}},setup(e,{slots:t}){var n=ma(null),r=ma(!1),{setContexts:i,events:a}=function(e,t){var n=ma(0),r=ma(0),i=aa({x:null,y:null}),a=ma(null),o=null,s=[];function l(t){t&&1!==t&&(e.scaleArea?s.forEach((function(e){e._setScale(t)})):o&&o._setScale(t))}function u(e,n=s){var r=t.value;function i(e){for(var t=0;t<n.length;t++){var a=n[t];if(e===a.rootRef.value)return a}return e===r||e===document.body||e===document?null:i(e.parentNode)}return i(e)}var c=nc((t=>{Dd({disable:!0});var n=t.touches;if(n&&n.length>1){var r={x:n[1].pageX-n[0].pageX,y:n[1].pageY-n[0].pageY};if(a.value=Vd(r),i.x=r.x,i.y=r.y,!e.scaleArea){var s=u(n[0].target),l=u(n[1].target);o=s&&s===l?s:null}}})),d=nc((e=>{var t=e.touches;if(t&&t.length>1){e.preventDefault();var n={x:t[1].pageX-t[0].pageX,y:t[1].pageY-t[0].pageY};if(null!==i.x&&a.value&&a.value>0)l(Vd(n)/a.value);i.x=n.x,i.y=n.y}})),h=nc((t=>{Dd({disable:!1});var n=t.touches;n&&n.length||t.changedTouches&&(i.x=0,i.y=0,a.value=null,e.scaleArea?s.forEach((function(e){e._endScale()})):o&&o._endScale())}));function p(){f(),s.forEach((function(e,t){e.setParent()}))}function f(){var e=window.getComputedStyle(t.value),i=t.value.getBoundingClientRect();n.value=i.width-["Left","Right"].reduce((function(t,n){var r="padding"+n;return t+parseFloat(e["border"+n+"Width"])+parseFloat(e[r])}),0),r.value=i.height-["Top","Bottom"].reduce((function(t,n){var r="padding"+n;return t+parseFloat(e["border"+n+"Width"])+parseFloat(e[r])}),0)}return Ra("movableAreaWidth",n),Ra("movableAreaHeight",r),{setContexts(e){s=e},events:{_onTouchstart:c,_onTouchmove:d,_onTouchend:h,_resize:p}}}(e,n),{$listeners:o,$attrs:s,$excludeAttrs:l}=Bd(),u=o.value;["onTouchstart","onTouchmove","onTouchend"].forEach((e=>{var t=u[e],n=a["_".concat(e)];u[e]=t?[].concat(t,n):n})),Ua((()=>{a._resize(),$d(),r.value=!0}));var c=[],d=[];function h(){for(var e=[],t=function(t){var n=c[t];n instanceof Element||(n=n.el);var r=d.find((e=>n===e.rootRef.value));r&&e.push(ha(r))},n=0;n<c.length;n++)t(n);i(e)}Wd((()=>{c=n.value.children,h()}));return Ra("_isMounted",r),Ra("movableAreaRootRef",n),Ra("addMovableViewContext",(e=>{d.push(e),h()})),Ra("removeMovableViewContext",(e=>{var t=d.indexOf(e);t>=0&&(d.splice(t,1),h())})),()=>(t.default&&t.default(),Yo("uni-movable-area",Qo({ref:n},s.value,l.value,u),{default:()=>[Yo(hc,{onReize:a._resize},null,8,["onReize"]),c],_:2},16))}});function Vd(e){return Math.sqrt(e.x*e.x+e.y*e.y)}var zd,Hd,qd=function(e,t,n,r){e.addEventListener(t,(e=>{"function"==typeof n&&!1===n(e)&&((void 0===e.cancelable||e.cancelable)&&e.preventDefault(),e.stopPropagation())}),{passive:!1})};function Ud(e,t,n){Ga((()=>{document.removeEventListener("mousemove",zd),document.removeEventListener("mouseup",Hd)}));var r,i,a=0,o=0,s=0,l=0,u=function(e,n,r,i){if(!1===t({target:e.target,currentTarget:e.currentTarget,preventDefault:e.preventDefault.bind(e),stopPropagation:e.stopPropagation.bind(e),touches:e.touches,changedTouches:e.changedTouches,detail:{state:n,x:r,y:i,dx:r-a,dy:i-o,ddx:r-s,ddy:i-l,timeStamp:e.timeStamp}}))return!1},c=null;qd(e,"touchstart",(function(e){if(r=!0,1===e.touches.length&&!c)return c=e,a=s=e.touches[0].pageX,o=l=e.touches[0].pageY,u(e,"start",a,o)})),qd(e,"mousedown",(function(e){if(i=!0,!r&&!c)return c=e,a=s=e.pageX,o=l=e.pageY,u(e,"start",a,o)})),qd(e,"touchmove",(function(e){if(1===e.touches.length&&c){var t=u(e,"move",e.touches[0].pageX,e.touches[0].pageY);return s=e.touches[0].pageX,l=e.touches[0].pageY,t}}));var d=zd=function(e){if(!r&&i&&c){var t=u(e,"move",e.pageX,e.pageY);return s=e.pageX,l=e.pageY,t}};document.addEventListener("mousemove",d),qd(e,"touchend",(function(e){if(0===e.touches.length&&c)return r=!1,c=null,u(e,"end",e.changedTouches[0].pageX,e.changedTouches[0].pageY)}));var h=Hd=function(e){if(i=!1,!r&&c)return c=null,u(e,"end",e.pageX,e.pageY)};document.addEventListener("mouseup",h),qd(e,"touchcancel",(function(e){if(c){r=!1;var t=c;return c=null,u(e,n?"cancel":"end",t.touches[0].pageX,t.touches[0].pageY)}}))}function Yd(e,t,n){return e>t-n&&e<t+n}function Xd(e,t){return Yd(e,0,t)}function Gd(){}function Jd(e,t){this._m=e,this._f=1e3*t,this._startTime=0,this._v=0}function Kd(e,t,n){this._m=e,this._k=t,this._c=n,this._solution=null,this._endPosition=0,this._startTime=0}function Zd(e,t,n){this._springX=new Kd(e,t,n),this._springY=new Kd(e,t,n),this._springScale=new Kd(e,t,n),this._startTime=0}Gd.prototype.x=function(e){return Math.sqrt(e)},Jd.prototype.setV=function(e,t){var n=Math.pow(Math.pow(e,2)+Math.pow(t,2),.5);this._x_v=e,this._y_v=t,this._x_a=-this._f*this._x_v/n,this._y_a=-this._f*this._y_v/n,this._t=Math.abs(e/this._x_a)||Math.abs(t/this._y_a),this._lastDt=null,this._startTime=(new Date).getTime()},Jd.prototype.setS=function(e,t){this._x_s=e,this._y_s=t},Jd.prototype.s=function(e){void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),e>this._t&&(e=this._t,this._lastDt=e);var t=this._x_v*e+.5*this._x_a*Math.pow(e,2)+this._x_s,n=this._y_v*e+.5*this._y_a*Math.pow(e,2)+this._y_s;return(this._x_a>0&&t<this._endPositionX||this._x_a<0&&t>this._endPositionX)&&(t=this._endPositionX),(this._y_a>0&&n<this._endPositionY||this._y_a<0&&n>this._endPositionY)&&(n=this._endPositionY),{x:t,y:n}},Jd.prototype.ds=function(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),e>this._t&&(e=this._t),{dx:this._x_v+this._x_a*e,dy:this._y_v+this._y_a*e}},Jd.prototype.delta=function(){return{x:-1.5*Math.pow(this._x_v,2)/this._x_a||0,y:-1.5*Math.pow(this._y_v,2)/this._y_a||0}},Jd.prototype.dt=function(){return-this._x_v/this._x_a},Jd.prototype.done=function(){var e=Yd(this.s().x,this._endPositionX)||Yd(this.s().y,this._endPositionY)||this._lastDt===this._t;return this._lastDt=null,e},Jd.prototype.setEnd=function(e,t){this._endPositionX=e,this._endPositionY=t},Jd.prototype.reconfigure=function(e,t){this._m=e,this._f=1e3*t},Kd.prototype._solve=function(e,t){var n=this._c,r=this._m,i=this._k,a=n*n-4*r*i;if(0===a){var o=-n/(2*r),s=e,l=t/(o*e);return{x:function(e){return(s+l*e)*Math.pow(Math.E,o*e)},dx:function(e){var t=Math.pow(Math.E,o*e);return o*(s+l*e)*t+l*t}}}if(a>0){var u=(-n-Math.sqrt(a))/(2*r),c=(-n+Math.sqrt(a))/(2*r),d=(t-u*e)/(c-u),h=e-d;return{x:function(e){var t,n;return e===this._t&&(t=this._powER1T,n=this._powER2T),this._t=e,t||(t=this._powER1T=Math.pow(Math.E,u*e)),n||(n=this._powER2T=Math.pow(Math.E,c*e)),h*t+d*n},dx:function(e){var t,n;return e===this._t&&(t=this._powER1T,n=this._powER2T),this._t=e,t||(t=this._powER1T=Math.pow(Math.E,u*e)),n||(n=this._powER2T=Math.pow(Math.E,c*e)),h*u*t+d*c*n}}}var p=Math.sqrt(4*r*i-n*n)/(2*r),f=-n/2*r,v=e,g=(t-f*e)/p;return{x:function(e){return Math.pow(Math.E,f*e)*(v*Math.cos(p*e)+g*Math.sin(p*e))},dx:function(e){var t=Math.pow(Math.E,f*e),n=Math.cos(p*e),r=Math.sin(p*e);return t*(g*p*n-v*p*r)+f*t*(g*r+v*n)}}},Kd.prototype.x=function(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),this._solution?this._endPosition+this._solution.x(e):0},Kd.prototype.dx=function(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),this._solution?this._solution.dx(e):0},Kd.prototype.setEnd=function(e,t,n){if(n||(n=(new Date).getTime()),e!==this._endPosition||!Xd(t,.1)){t=t||0;var r=this._endPosition;this._solution&&(Xd(t,.1)&&(t=this._solution.dx((n-this._startTime)/1e3)),r=this._solution.x((n-this._startTime)/1e3),Xd(t,.1)&&(t=0),Xd(r,.1)&&(r=0),r+=this._endPosition),this._solution&&Xd(r-e,.1)&&Xd(t,.1)||(this._endPosition=e,this._solution=this._solve(r-this._endPosition,t),this._startTime=n)}},Kd.prototype.snap=function(e){this._startTime=(new Date).getTime(),this._endPosition=e,this._solution={x:function(){return 0},dx:function(){return 0}}},Kd.prototype.done=function(e){return e||(e=(new Date).getTime()),Yd(this.x(),this._endPosition,.1)&&Xd(this.dx(),.1)},Kd.prototype.reconfigure=function(e,t,n){this._m=e,this._k=t,this._c=n,this.done()||(this._solution=this._solve(this.x()-this._endPosition,this.dx()),this._startTime=(new Date).getTime())},Kd.prototype.springConstant=function(){return this._k},Kd.prototype.damping=function(){return this._c},Kd.prototype.configuration=function(){return[{label:"Spring Constant",read:this.springConstant.bind(this),write:function(e,t){e.reconfigure(1,t,e.damping())}.bind(this,this),min:100,max:1e3},{label:"Damping",read:this.damping.bind(this),write:function(e,t){e.reconfigure(1,e.springConstant(),t)}.bind(this,this),min:1,max:500}]},Zd.prototype.setEnd=function(e,t,n,r){var i=(new Date).getTime();this._springX.setEnd(e,r,i),this._springY.setEnd(t,r,i),this._springScale.setEnd(n,r,i),this._startTime=i},Zd.prototype.x=function(){var e=((new Date).getTime()-this._startTime)/1e3;return{x:this._springX.x(e),y:this._springY.x(e),scale:this._springScale.x(e)}},Zd.prototype.done=function(){var e=(new Date).getTime();return this._springX.done(e)&&this._springY.done(e)&&this._springScale.done(e)},Zd.prototype.reconfigure=function(e,t,n){this._springX.reconfigure(e,t,n),this._springY.reconfigure(e,t,n),this._springScale.reconfigure(e,t,n)};var Qd=Ku({name:"MovableView",props:{direction:{type:String,default:"none"},inertia:{type:[Boolean,String],default:!1},outOfBounds:{type:[Boolean,String],default:!1},x:{type:[Number,String],default:0},y:{type:[Number,String],default:0},damping:{type:[Number,String],default:20},friction:{type:[Number,String],default:2},disabled:{type:[Boolean,String],default:!1},scale:{type:[Boolean,String],default:!1},scaleMin:{type:[Number,String],default:.5},scaleMax:{type:[Number,String],default:10},scaleValue:{type:[Number,String],default:1},animation:{type:[Boolean,String],default:!0}},emits:["change","scale"],setup(e,{slots:t,emit:n}){var r=ma(null),i=rc(r,n),{setParent:a}=function(e,t,n){var r,i,a=Ba("movableAreaWidth",ma(0)),o=Ba("movableAreaHeight",ma(0)),s=Ba("_isMounted",ma(!1)),l=Ba("movableAreaRootRef"),u=Ba("addMovableViewContext",(()=>{})),c=Ba("removeMovableViewContext",(()=>{})),d=ma(oh(e.x)),h=ma(oh(e.y)),p=ma(Number(e.scaleValue)||1),f=ma(0),v=ma(0),g=ma(0),m=ma(0),y=ma(0),_=ma(0),b=null,w=null,x={x:0,y:0},S={x:0,y:0},T=1,E=1,k=0,C=0,M=!1,O=!1,I=null,L=null,N=new Gd,A=new Gd,P={historyX:[0,0],historyY:[0,0],historyT:[0,0]},R=Ta((()=>{var t=Number(e.damping);return isNaN(t)?20:t})),B=Ta((()=>{var t=Number(e.friction);return isNaN(t)||t<=0?2:t})),$=Ta((()=>{var t=Number(e.scaleMin);return isNaN(t)?.5:t})),D=Ta((()=>{var t=Number(e.scaleMax);return isNaN(t)?10:t})),F=Ta((()=>"all"===e.direction||"horizontal"===e.direction)),W=Ta((()=>"all"===e.direction||"vertical"===e.direction)),j=new Zd(1,9*Math.pow(R.value,2)/40,R.value),V=new Jd(1,B.value);function z(){w&&w.cancel(),b&&b.cancel()}function H(e){if(F.value){if(e+S.x===k)return k;b&&b.cancel(),ae(e+S.x,h.value+S.y,T)}return e}function q(e){if(W.value){if(e+S.y===C)return C;b&&b.cancel(),ae(d.value+S.x,e+S.y,T)}return e}function U(){if(!e.scale)return!1;ne(T,!0),re(T)}function Y(t){return!!e.scale&&(ne(t=ie(t),!0),re(t),t)}function X(){M||e.disabled||(Dd({disable:!0}),z(),P.historyX=[0,0],P.historyY=[0,0],P.historyT=[0,0],F.value&&(r=k),W.value&&(i=C),n.value.style.willChange="transform",I=null,L=null,O=!0)}function G(t){if(!M&&!e.disabled&&O){var n=k,a=C;if(null===L&&(L=Math.abs(t.detail.dx/t.detail.dy)>1?"htouchmove":"vtouchmove"),F.value&&(n=t.detail.dx+r,P.historyX.shift(),P.historyX.push(n),W.value||null!==I||(I=Math.abs(t.detail.dx/t.detail.dy)<1)),W.value&&(a=t.detail.dy+i,P.historyY.shift(),P.historyY.push(a),F.value||null!==I||(I=Math.abs(t.detail.dy/t.detail.dx)<1)),P.historyT.shift(),P.historyT.push(t.detail.timeStamp),!I){t.preventDefault();var o="touch";n<g.value?e.outOfBounds?(o="touch-out-of-bounds",n=g.value-N.x(g.value-n)):n=g.value:n>y.value&&(e.outOfBounds?(o="touch-out-of-bounds",n=y.value+N.x(n-y.value)):n=y.value),a<m.value?e.outOfBounds?(o="touch-out-of-bounds",a=m.value-A.x(m.value-a)):a=m.value:a>_.value&&(e.outOfBounds?(o="touch-out-of-bounds",a=_.value+A.x(a-_.value)):a=_.value),th((function(){se(n,a,T,o)}))}}}function J(){if(!M&&!e.disabled&&O&&(Dd({disable:!1}),n.value.style.willChange="auto",O=!1,!I&&!oe("out-of-bounds")&&e.inertia)){var t=1e3*(P.historyX[1]-P.historyX[0])/(P.historyT[1]-P.historyT[0]),r=1e3*(P.historyY[1]-P.historyY[0])/(P.historyT[1]-P.historyT[0]);V.setV(t,r),V.setS(k,C);var i=V.delta().x,a=V.delta().y,o=i+k,s=a+C;o<g.value?(o=g.value,s=C+(g.value-k)*a/i):o>y.value&&(o=y.value,s=C+(y.value-k)*a/i),s<m.value?(s=m.value,o=k+(m.value-C)*i/a):s>_.value&&(s=_.value,o=k+(_.value-C)*i/a),V.setEnd(o,s),w=ah(V,(function(){var e=V.s();se(e.x,e.y,T,"friction")}),(function(){w.cancel()}))}e.outOfBounds||e.inertia||z()}function K(e,t){var n=!1;return e>y.value?(e=y.value,n=!0):e<g.value&&(e=g.value,n=!0),t>_.value?(t=_.value,n=!0):t<m.value&&(t=m.value,n=!0),{x:e,y:t,outOfBounds:n}}function Z(){x.x=nh(n.value,l.value),x.y=rh(n.value,l.value)}function Q(e){e=ie(e=e||T);var t=n.value.getBoundingClientRect();v.value=t.height/T,f.value=t.width/T;var r=v.value*e,i=f.value*e;S.x=(i-f.value)/2,S.y=(r-v.value)/2}function ee(){var e=0-x.x+S.x,t=a.value-f.value-x.x-S.x;g.value=Math.min(e,t),y.value=Math.max(e,t);var n=0-x.y+S.y,r=o.value-v.value-x.y-S.y;m.value=Math.min(n,r),_.value=Math.max(n,r)}function te(){M=!0}function ne(t,n){if(e.scale){Q(t=ie(t)),ee();var r=K(k,C),i=r.x,a=r.y;n?ae(i,a,t,"",!0,!0):th((function(){se(i,a,t,"",!0,!0)}))}}function re(e){E=e}function ie(e){return e=Math.max(.5,$.value,e),e=Math.min(10,D.value,e)}function ae(t,n,r,i,a,o){z(),F.value||(t=k),W.value||(n=C),e.scale||(r=T);var s=K(t,n);t=s.x,n=s.y,e.animation?(j._springX._solution=null,j._springY._solution=null,j._springScale._solution=null,j._springX._endPosition=k,j._springY._endPosition=C,j._springScale._endPosition=T,j.setEnd(t,n,r,1),b=ah(j,(function(){var e=j.x();se(e.x,e.y,e.scale,i,a,o)}),(function(){b.cancel()}))):se(t,n,r,i,a,o)}function oe(e){var t=K(k,C),n=t.x,r=t.y,i=t.outOfBounds;return i&&ae(n,r,T,e),i}function se(r,i,a,o="",s,l){null!==r&&"NaN"!==r.toString()&&"number"==typeof r||(r=k||0),null!==i&&"NaN"!==i.toString()&&"number"==typeof i||(i=C||0),r=Number(r.toFixed(1)),i=Number(i.toFixed(1)),a=Number(a.toFixed(1)),k===r&&C===i||s||t("change",{},{x:ih(r,S.x),y:ih(i,S.y),source:o}),e.scale||(a=T),a=+(a=ie(a)).toFixed(3),l&&a!==T&&t("scale",{},{x:r,y:i,scale:a});var u="translateX("+r+"px) translateY("+i+"px) translateZ(0px) scale("+a+")";n.value.style.transform=u,n.value.style.webkitTransform=u,k=r,C=i,T=a}function le(){if(s.value){z();var t=e.scale?p.value:1;Z(),Q(t),ee(),k=d.value+S.x,C=h.value+S.y;var n=K(k,C);se(n.x,n.y,t,"",!0),re(t)}}function ue(){M=!1,re(T)}function ce(e){e&&(e*=E,te(),ne(e))}return Fs((()=>e.x),(e=>{d.value=oh(e)})),Fs((()=>e.y),(e=>{h.value=oh(e)})),Fs(d,(e=>{H(e)})),Fs(h,(e=>{q(e)})),Fs((()=>e.scaleValue),(e=>{p.value=Number(e)||0})),Fs(p,(e=>{Y(e)})),Fs($,(()=>{U()})),Fs(D,(()=>{U()})),Ua((()=>{Ud(n.value,(e=>{switch(e.detail.state){case"start":X();break;case"move":G(e);break;case"end":J()}})),le(),V.reconfigure(1,B.value),j.reconfigure(1,9*Math.pow(R.value,2)/40,R.value),n.value.style.transformOrigin="center",$d();var e={rootRef:n,setParent:le,_endScale:ue,_setScale:ce};u(e),Ja((()=>{c(e)}))})),Ja((()=>{z()})),{setParent:le}}(e,i,r);return()=>Yo("uni-movable-view",{ref:r},{default:()=>[Yo(hc,{onResize:a},null,8,["onResize"]),t.default&&t.default()],_:1},512)}}),eh=!1;function th(e){eh||(eh=!0,requestAnimationFrame((function(){e(),eh=!1})))}function nh(e,t){if(e===t)return 0;var n=e.offsetLeft;return e.offsetParent?n+=nh(e.offsetParent,t):0}function rh(e,t){if(e===t)return 0;var n=e.offsetTop;return e.offsetParent?n+=rh(e.offsetParent,t):0}function ih(e,t){return+((1e3*e-1e3*t)/1e3).toFixed(1)}function ah(e,t,n){var r={id:0,cancelled:!1};return function e(t,n,r,i){if(!t||!t.cancelled){r(n);var a=n.done();a||t.cancelled||(t.id=requestAnimationFrame(e.bind(null,t,n,r,i))),a&&i&&i(n)}}(r,e,t,n),{cancel:function(e){e&&e.id&&cancelAnimationFrame(e.id),e&&(e.cancelled=!0)}.bind(null,r),model:e}}function oh(e){return/\d+[ur]px$/i.test(e)?uni.upx2px(parseFloat(e)):Number(e)||0}var sh=["navigate","redirect","switchTab","reLaunch","navigateBack"],lh=Ku({name:"Navigator",compatConfig:{MODE:3},props:{hoverClass:{type:String,default:"navigator-hover"},url:{type:String,default:""},openType:{type:String,default:"navigate",validator:e=>Boolean(~sh.indexOf(e))},delta:{type:Number,default:1},hoverStartTime:{type:[Number,String],default:50},hoverStayTime:{type:[Number,String],default:600},exists:{type:String,default:""},hoverStopPropagation:{type:Boolean,default:!1}},setup(e,{slots:t}){var{hovering:n,binding:r}=ec(e);function i(t){if("navigateBack"===e.openType||e.url)switch(e.openType){case"navigate":uni.navigateTo({url:e.url});break;case"redirect":uni.redirectTo({url:e.url,exists:e.exists});break;case"switchTab":uni.switchTab({url:e.url});break;case"reLaunch":uni.reLaunch({url:e.url});break;case"navigateBack":uni.navigateBack({delta:e.delta})}else console.error("<navigator/> should have url attribute when using navigateTo, redirectTo, reLaunch or switchTab")}return()=>{var{hoverClass:a}=e,o=e.hoverClass&&"none"!==e.hoverClass;return Yo("uni-navigator",Qo({class:o&&n.value?a:""},o&&r,{onClick:i}),{default:()=>[t.default&&t.default()]},16,["class","onClick"])}}});var uh=Ku({name:"PickerView",props:{value:{type:Array,default:()=>[],validator:function(e){return Array.isArray(e)&&e.filter((e=>"number"==typeof e)).length===e.length}},indicatorStyle:{type:String,default:""},indicatorClass:{type:String,default:""},maskStyle:{type:String,default:""},maskClass:{type:String,default:""}},emits:["change","pickstart","pickend","update:value"],setup(e,{slots:t,emit:n}){var r=ma(null),i=ma(null),a=rc(r,n),o=function(e){var t=aa([...e.value]),n=aa({value:t,height:34});return Fs((()=>e.value),((e,t)=>{(e===t||e.length!==t.length||e.findIndex(((e,n)=>e!==t[n]))>=0)&&(n.value.length=e.length,e.forEach(((e,t)=>{e!==n.value[t]&&n.value.splice(t,1,e)})))})),n}(e),s=ma(null),l=ma([]);function u(e){var t=l.value;return t instanceof HTMLCollection?Array.prototype.indexOf.call(t,e.el):t.indexOf(e)}return Ra("getPickerViewColumn",(function(e){return Ta({get(){var t=u(e.vnode);return o.value[t]||0},set(t){var r=u(e.vnode);if(!(r<0)&&o.value[r]!==t){o.value.splice(r,1,t);var i=o.value.map((e=>e));n("update:value",i),a("change",{},{value:i})}}})})),Ra("pickerViewProps",e),Ra("pickerViewState",o),Wd((()=>{var e;e=s.value,o.height=e.$el.offsetHeight,l.value=i.value.children})),()=>{var e=t.default&&t.default();return Yo("uni-picker-view",{ref:r},{default:()=>[Yo(hc,{ref:s,onResize:({height:e})=>o.height=e},null,8,["onResize"]),Yo("div",{ref:i,class:"uni-picker-view-wrapper"},[e],512)],_:2},512)}}});class ch{constructor(e){this._drag=e,this._dragLog=Math.log(e),this._x=0,this._v=0,this._startTime=0}set(e,t){this._x=e,this._v=t,this._startTime=(new Date).getTime()}setVelocityByEnd(e){this._v=(e-this._x)*this._dragLog/(Math.pow(this._drag,100)-1)}x(e){void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3);var t=e===this._dt&&this._powDragDt?this._powDragDt:this._powDragDt=Math.pow(this._drag,e);return this._dt=e,this._x+this._v*t/this._dragLog-this._v/this._dragLog}dx(e){void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3);var t=e===this._dt&&this._powDragDt?this._powDragDt:this._powDragDt=Math.pow(this._drag,e);return this._dt=e,this._v*t}done(){return Math.abs(this.dx())<3}reconfigure(e){var t=this.x(),n=this.dx();this._drag=e,this._dragLog=Math.log(e),this.set(t,n)}configuration(){var e=this;return[{label:"Friction",read:function(){return e._drag},write:function(t){e.reconfigure(t)},min:.001,max:.1,step:.001}]}}function dh(e,t,n){return e>t-n&&e<t+n}function hh(e,t){return dh(e,0,t)}class ph{constructor(e,t,n){this._m=e,this._k=t,this._c=n,this._solution=null,this._endPosition=0,this._startTime=0}_solve(e,t){var n=this._c,r=this._m,i=this._k,a=n*n-4*r*i;if(0===a){var o=-n/(2*r),s=e,l=t/(o*e);return{x:function(e){return(s+l*e)*Math.pow(Math.E,o*e)},dx:function(e){var t=Math.pow(Math.E,o*e);return o*(s+l*e)*t+l*t}}}if(a>0){var u=(-n-Math.sqrt(a))/(2*r),c=(-n+Math.sqrt(a))/(2*r),d=(t-u*e)/(c-u),h=e-d;return{x:function(e){var t,n;return e===this._t&&(t=this._powER1T,n=this._powER2T),this._t=e,t||(t=this._powER1T=Math.pow(Math.E,u*e)),n||(n=this._powER2T=Math.pow(Math.E,c*e)),h*t+d*n},dx:function(e){var t,n;return e===this._t&&(t=this._powER1T,n=this._powER2T),this._t=e,t||(t=this._powER1T=Math.pow(Math.E,u*e)),n||(n=this._powER2T=Math.pow(Math.E,c*e)),h*u*t+d*c*n}}}var p=Math.sqrt(4*r*i-n*n)/(2*r),f=-n/2*r,v=e,g=(t-f*e)/p;return{x:function(e){return Math.pow(Math.E,f*e)*(v*Math.cos(p*e)+g*Math.sin(p*e))},dx:function(e){var t=Math.pow(Math.E,f*e),n=Math.cos(p*e),r=Math.sin(p*e);return t*(g*p*n-v*p*r)+f*t*(g*r+v*n)}}}x(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),this._solution?this._endPosition+this._solution.x(e):0}dx(e){return void 0===e&&(e=((new Date).getTime()-this._startTime)/1e3),this._solution?this._solution.dx(e):0}setEnd(e,t,n){if(n||(n=(new Date).getTime()),e!==this._endPosition||!hh(t,.4)){t=t||0;var r=this._endPosition;this._solution&&(hh(t,.4)&&(t=this._solution.dx((n-this._startTime)/1e3)),r=this._solution.x((n-this._startTime)/1e3),hh(t,.4)&&(t=0),hh(r,.4)&&(r=0),r+=this._endPosition),this._solution&&hh(r-e,.4)&&hh(t,.4)||(this._endPosition=e,this._solution=this._solve(r-this._endPosition,t),this._startTime=n)}}snap(e){this._startTime=(new Date).getTime(),this._endPosition=e,this._solution={x:function(){return 0},dx:function(){return 0}}}done(e){return e||(e=(new Date).getTime()),dh(this.x(),this._endPosition,.4)&&hh(this.dx(),.4)}reconfigure(e,t,n){this._m=e,this._k=t,this._c=n,this.done()||(this._solution=this._solve(this.x()-this._endPosition,this.dx()),this._startTime=(new Date).getTime())}springConstant(){return this._k}damping(){return this._c}configuration(){return[{label:"Spring Constant",read:this.springConstant.bind(this),write:function(e,t){e.reconfigure(1,t,e.damping())}.bind(this,this),min:100,max:1e3},{label:"Damping",read:this.damping.bind(this),write:function(e,t){e.reconfigure(1,e.springConstant(),t)}.bind(this,this),min:1,max:500}]}}class fh{constructor(e,t,n){this._extent=e,this._friction=t||new ch(.01),this._spring=n||new ph(1,90,20),this._startTime=0,this._springing=!1,this._springOffset=0}snap(e,t){this._springOffset=0,this._springing=!0,this._spring.snap(e),this._spring.setEnd(t)}set(e,t){this._friction.set(e,t),e>0&&t>=0?(this._springOffset=0,this._springing=!0,this._spring.snap(e),this._spring.setEnd(0)):e<-this._extent&&t<=0?(this._springOffset=0,this._springing=!0,this._spring.snap(e),this._spring.setEnd(-this._extent)):this._springing=!1,this._startTime=(new Date).getTime()}x(e){if(!this._startTime)return 0;if(e||(e=((new Date).getTime()-this._startTime)/1e3),this._springing)return this._spring.x()+this._springOffset;var t=this._friction.x(e),n=this.dx(e);return(t>0&&n>=0||t<-this._extent&&n<=0)&&(this._springing=!0,this._spring.setEnd(0,n),t<-this._extent?this._springOffset=-this._extent:this._springOffset=0,t=this._spring.x()+this._springOffset),t}dx(e){var t;return t=this._lastTime===e?this._lastDx:this._springing?this._spring.dx(e):this._friction.dx(e),this._lastTime=e,this._lastDx=t,t}done(){return this._springing?this._spring.done():this._friction.done()}setVelocityByEnd(e){this._friction.setVelocityByEnd(e)}configuration(){var e=this._friction.configuration();return e.push.apply(e,this._spring.configuration()),e}}class vh{constructor(e,t){t=t||{},this._element=e,this._options=t,this._enableSnap=t.enableSnap||!1,this._itemSize=t.itemSize||0,this._enableX=t.enableX||!1,this._enableY=t.enableY||!1,this._shouldDispatchScrollEvent=!!t.onScroll,this._enableX?(this._extent=(t.scrollWidth||this._element.offsetWidth)-this._element.parentElement.offsetWidth,this._scrollWidth=t.scrollWidth):(this._extent=(t.scrollHeight||this._element.offsetHeight)-this._element.parentElement.offsetHeight,this._scrollHeight=t.scrollHeight),this._position=0,this._scroll=new fh(this._extent,t.friction,t.spring),this._onTransitionEnd=this.onTransitionEnd.bind(this),this.updatePosition()}onTouchStart(){this._startPosition=this._position,this._lastChangePos=this._startPosition,this._startPosition>0?this._startPosition/=.5:this._startPosition<-this._extent&&(this._startPosition=(this._startPosition+this._extent)/.5-this._extent),this._animation&&(this._animation.cancel(),this._scrolling=!1),this.updatePosition()}onTouchMove(e,t){var n=this._startPosition;this._enableX?n+=e:this._enableY&&(n+=t),n>0?n*=.5:n<-this._extent&&(n=.5*(n+this._extent)-this._extent),this._position=n,this.updatePosition(),this.dispatchScroll()}onTouchEnd(e,t,n){if(this._enableSnap&&this._position>-this._extent&&this._position<0){if(this._enableY&&(Math.abs(t)<this._itemSize&&Math.abs(n.y)<300||Math.abs(n.y)<150))return void this.snap();if(this._enableX&&(Math.abs(e)<this._itemSize&&Math.abs(n.x)<300||Math.abs(n.x)<150))return void this.snap()}var r,i,a;if(this._enableX?this._scroll.set(this._position,n.x):this._enableY&&this._scroll.set(this._position,n.y),this._enableSnap){var o=this._scroll._friction.x(100),s=o%this._itemSize;(r=Math.abs(s)>this._itemSize/2?o-(this._itemSize-Math.abs(s)):o-s)<=0&&r>=-this._extent&&this._scroll.setVelocityByEnd(r)}this._lastTime=Date.now(),this._lastDelay=0,this._scrolling=!0,this._lastChangePos=this._position,this._lastIdx=Math.floor(Math.abs(this._position/this._itemSize)),this._animation=(i=this._scroll,function e(t,n,r,i){if(!t||!t.cancelled){r(n);var a=n.done();a||t.cancelled||(t.id=requestAnimationFrame(e.bind(null,t,n,r,i))),a&&i&&i(n)}}(a={id:0,cancelled:!1},i,(()=>{var e=Date.now(),t=(e-this._scroll._startTime)/1e3,n=this._scroll.x(t);this._position=n,this.updatePosition();var r=this._scroll.dx(t);this._shouldDispatchScrollEvent&&e-this._lastTime>this._lastDelay&&(this.dispatchScroll(),this._lastDelay=Math.abs(2e3/r),this._lastTime=e)}),(()=>{this._enableSnap&&(r<=0&&r>=-this._extent&&(this._position=r,this.updatePosition()),"function"==typeof this._options.onSnap&&this._options.onSnap(Math.floor(Math.abs(this._position)/this._itemSize))),this._shouldDispatchScrollEvent&&this.dispatchScroll(),this._scrolling=!1})),{cancel:function(e){e&&e.id&&cancelAnimationFrame(e.id),e&&(e.cancelled=!0)}.bind(null,a),model:i})}onTransitionEnd(){this._element.style.webkitTransition="",this._element.style.transition="",this._element.removeEventListener("transitionend",this._onTransitionEnd),this._snapping&&(this._snapping=!1),this.dispatchScroll()}snap(){var e=this._itemSize,t=this._position%e,n=Math.abs(t)>this._itemSize/2?this._position-(e-Math.abs(t)):this._position-t;this._position!==n&&(this._snapping=!0,this.scrollTo(-n),"function"==typeof this._options.onSnap&&this._options.onSnap(Math.floor(Math.abs(this._position)/this._itemSize)))}scrollTo(e,t){this._animation&&(this._animation.cancel(),this._scrolling=!1),"number"==typeof e&&(this._position=-e),this._position<-this._extent?this._position=-this._extent:this._position>0&&(this._position=0);var n="transform "+(t||.2)+"s ease-out";this._element.style.webkitTransition="-webkit-"+n,this._element.style.transition=n,this.updatePosition(),this._element.addEventListener("transitionend",this._onTransitionEnd)}dispatchScroll(){if("function"==typeof this._options.onScroll&&Math.round(Number(this._lastPos))!==Math.round(this._position)){this._lastPos=this._position;var e={target:{scrollLeft:this._enableX?-this._position:0,scrollTop:this._enableY?-this._position:0,scrollHeight:this._scrollHeight||this._element.offsetHeight,scrollWidth:this._scrollWidth||this._element.offsetWidth,offsetHeight:this._element.parentElement.offsetHeight,offsetWidth:this._element.parentElement.offsetWidth}};this._options.onScroll(e)}}update(e,t,n){var r=0,i=this._position;this._enableX?(r=this._element.childNodes.length?(t||this._element.offsetWidth)-this._element.parentElement.offsetWidth:0,this._scrollWidth=t):(r=this._element.childNodes.length?(t||this._element.offsetHeight)-this._element.parentElement.offsetHeight:0,this._scrollHeight=t),"number"==typeof e&&(this._position=-e),this._position<-r?this._position=-r:this._position>0&&(this._position=0),this._itemSize=n||this._itemSize,this.updatePosition(),i!==this._position&&(this.dispatchScroll(),"function"==typeof this._options.onSnap&&this._options.onSnap(Math.floor(Math.abs(this._position)/this._itemSize))),this._extent=r,this._scroll._extent=r}updatePosition(){var e="";this._enableX?e="translateX("+this._position+"px) translateZ(0)":this._enableY&&(e="translateY("+this._position+"px) translateZ(0)"),this._element.style.webkitTransform=e,this._element.style.transform=e}isScrolling(){return this._scrolling||this._snapping}}var gh=0;var mh=Ku({name:"PickerViewColumn",setup(e,{slots:t,emit:n}){var r,i,a=ma(null),o=ma(null),s=Ba("getPickerViewColumn"),l=os(),u=s?s(l):ma(0),c=Ba("pickerViewProps"),d=Ba("pickerViewState"),h=ma(34),p=ma(null),f=Ta((()=>(d.height-h.value)/2)),{state:v}=xd(),g=function(e){var t="uni-picker-view-content-".concat(gh++);return Fs((()=>e.value),(function(){var n=document.createElement("style");n.innerText=".uni-picker-view-content.".concat(t,">*{height: ").concat(e.value,"px;overflow: hidden;}"),document.head.appendChild(n)})),t}(h),m=aa({current:u.value,length:0});function y(){r&&!i&&(i=!0,Is((()=>{i=!1;var e=Math.min(m.current,m.length-1);e=Math.max(e,0),r.update(e*h.value,void 0,h.value)})))}Fs((()=>u.value),(e=>{e!==m.current&&(m.current=e,y())})),Fs((()=>m.current),(e=>u.value=e)),Fs([()=>h.value,()=>m.length,()=>d.height],y);var _=0;function b(e){var t=_+e.deltaY;if(Math.abs(t)>10){_=0;var n=Math.min(m.current+(t<0?-1:1),m.length-1);m.current=n=Math.max(n,0),r.scrollTo(n*h.value)}else _=t;e.preventDefault()}function w({clientY:e}){var t=a.value;if(!r.isScrolling()){var n=e-t.getBoundingClientRect().top-d.height/2,i=h.value/2;if(!(Math.abs(n)<=i)){var o=Math.ceil((Math.abs(n)-i)/h.value),s=n<0?-o:o,l=Math.min(m.current+s,m.length-1);m.current=l=Math.max(l,0),r.scrollTo(l*h.value)}}}var x=()=>{var e,t,n,i=a.value,s=o.value,{scroller:l,handleTouchStart:u,handleTouchMove:c,handleTouchEnd:d}=function(e,t){var n={trackingID:-1,maxDy:0,maxDx:0},r=new vh(e,t);function i(e){var t=e,r=e;return"move"===t.detail.state||"end"===t.detail.state?{x:t.detail.dx,y:t.detail.dy}:{x:r.screenX-n.x,y:r.screenY-n.y}}return{scroller:r,handleTouchStart:function(e){var t=e,i=e;"start"===t.detail.state?(n.trackingID="touch",n.x=t.detail.x,n.y=t.detail.y):(n.trackingID="mouse",n.x=i.screenX,n.y=i.screenY),n.maxDx=0,n.maxDy=0,n.historyX=[0],n.historyY=[0],n.historyTime=[t.detail.timeStamp||i.timeStamp],n.listener=r,r.onTouchStart&&r.onTouchStart(),e.preventDefault()},handleTouchMove:function(e){var t=e,r=e;if(-1!==n.trackingID){e.preventDefault();var a=i(e);if(a){for(n.maxDy=Math.max(n.maxDy,Math.abs(a.y)),n.maxDx=Math.max(n.maxDx,Math.abs(a.x)),n.historyX.push(a.x),n.historyY.push(a.y),n.historyTime.push(t.detail.timeStamp||r.timeStamp);n.historyTime.length>10;)n.historyTime.shift(),n.historyX.shift(),n.historyY.shift();n.listener&&n.listener.onTouchMove&&n.listener.onTouchMove(a.x,a.y)}}},handleTouchEnd:function(e){if(-1!==n.trackingID){e.preventDefault();var t=i(e);if(t){var r=n.listener;n.trackingID=-1,n.listener=null;var a={x:0,y:0};if(n.historyTime.length>2)for(var o=n.historyTime.length-1,s=n.historyTime[o],l=n.historyX[o],u=n.historyY[o];o>0;){o--;var c=s-n.historyTime[o];if(c>30&&c<50){a.x=(l-n.historyX[o])/(c/1e3),a.y=(u-n.historyY[o])/(c/1e3);break}}n.historyTime=[],n.historyX=[],n.historyY=[],r&&r.onTouchEnd&&r.onTouchEnd(t.x,t.y,a)}}}}}(s,{enableY:!0,enableX:!1,enableSnap:!0,itemSize:h.value,friction:new ch(1e-4),spring:new ph(2,90,20),onSnap:e=>{isNaN(e)||e===m.current||(m.current=e)}});r=l,Ud(i,(e=>{switch(e.detail.state){case"start":u(e),Dd({disable:!0});break;case"move":c(e);break;case"end":case"cancel":d(e),Dd({disable:!1})}}),!0),t=0,n=0,(e=i).addEventListener("touchstart",(e=>{var r=e.changedTouches[0];t=r.clientX,n=r.clientY})),e.addEventListener("touchend",(e=>{var r=e.changedTouches[0];if(Math.abs(r.clientX-t)<20&&Math.abs(r.clientY-n)<20){var i={bubbles:!0,cancelable:!0,target:e.target,currentTarget:e.currentTarget},a=new CustomEvent("click",i);["screenX","screenY","clientX","clientY","pageX","pageY"].forEach((e=>{a[e]=r[e]})),e.target.dispatchEvent(a)}})),$d(),y()};return Wd((()=>{var e;m.length=o.value.children.length,e=p.value,h.value=e.$el.offsetHeight,x()})),()=>{var e=t.default&&t.default(),n="".concat(f.value,"px 0");return Yo("uni-picker-view-column",{ref:a},{default:()=>[Yo("div",{onWheel:b,onClick:w,class:"uni-picker-view-group"},[Yo("div",Qo(v.attrs,{class:["uni-picker-view-mask",c.maskClass],style:"background-size: 100% ".concat(f.value,"px;").concat(c.maskStyle)}),null,16),Yo("div",Qo(v.attrs,{class:["uni-picker-view-indicator",c.indicatorClass],style:c.indicatorStyle}),[Yo(hc,{ref:p,onResize:({height:e})=>h.value=e},null,8,["onResize"])],16),Yo("div",{ref:o,class:["uni-picker-view-content",g],style:{padding:n}},[e],6)],40,["onWheel","onClick"])]},512)}}}),yh=Zn,_h="backwards",bh=Ku({name:"Progress",props:{percent:{type:[Number,String],default:0,validator:e=>!isNaN(parseFloat(e))},showInfo:{type:[Boolean,String],default:!1},strokeWidth:{type:[Number,String],default:6,validator:e=>!isNaN(parseFloat(e))},color:{type:String,default:yh},activeColor:{type:String,default:yh},backgroundColor:{type:String,default:"#EBEBEB"},active:{type:[Boolean,String],default:!1},activeMode:{type:String,default:_h},duration:{type:[Number,String],default:30,validator:e=>!isNaN(parseFloat(e))}},setup(e){var t=function(e){var t=ma(0),n=Ta((()=>"background-color: ".concat(e.backgroundColor,"; height: ").concat(e.strokeWidth,"px;"))),r=Ta((()=>{var n=e.color!==yh&&e.activeColor===yh?e.color:e.activeColor;return"width: ".concat(t.value,"%;background-color: ").concat(n)})),i=Ta((()=>{var t=parseFloat(e.percent);return t<0&&(t=0),t>100&&(t=100),t}));return aa({outerBarStyle:n,innerBarStyle:r,realPercent:i,currentPercent:t,strokeTimer:0,lastPercent:0})}(e);return wh(t,e),Fs((()=>t.realPercent),((n,r)=>{t.strokeTimer&&clearInterval(t.strokeTimer),t.lastPercent=r||0,wh(t,e)})),()=>{var{showInfo:n}=e,{outerBarStyle:r,innerBarStyle:i,currentPercent:a}=t;return Yo("uni-progress",{class:"uni-progress"},{default:()=>[Yo("div",{style:r,class:"uni-progress-bar"},[Yo("div",{style:i,class:"uni-progress-inner-bar"},null,4)],4),n?Yo("p",{class:"uni-progress-info"},[a+"%"]):""],_:1})}}});function wh(e,t){t.active?(e.currentPercent=t.activeMode===_h?0:e.lastPercent,e.strokeTimer=setInterval((()=>{e.currentPercent+1>e.realPercent?(e.currentPercent=e.realPercent,e.strokeTimer&&clearInterval(e.strokeTimer)):e.currentPercent+=1}),parseFloat(t.duration))):e.currentPercent=e.realPercent}var xh=Il("ucg"),Sh=Ku({name:"RadioGroup",props:{name:{type:String,default:""}},setup(e,{emit:t,slots:n}){var r=ma(null);return function(e,t){var n=[];Ua((()=>{s(n.length-1)}));var r=()=>{var e;return null===(e=n.find((e=>e.value.radioChecked)))||void 0===e?void 0:e.value.value};Ra(xh,{addField(e){n.push(e)},removeField(e){n.splice(n.indexOf(e),1)},radioChange(e,i){s(n.indexOf(i),!0),t("change",e,{value:r()})}});var i=Ba(ic,!1),a={submit:()=>{var t=["",null];return""!==e.name&&(t[0]=e.name,t[1]=r()),t}};i&&(i.addField(a),Ga((()=>{i.removeField(a)})));function o(e,t){e.value={radioChecked:t,value:e.value.value}}function s(e,t){n.forEach(((r,i)=>{i!==e&&(t?o(n[i],!1):n.forEach(((e,t)=>{i>=t||n[t].value.radioChecked&&o(n[i],!1)})))}))}}(e,rc(r,t)),()=>Yo("uni-radio-group",{ref:r},{default:()=>[n.default&&n.default()]},512)}});var Th=Ku({name:"Radio",props:{checked:{type:[Boolean,String],default:!1},id:{type:String,default:""},disabled:{type:[Boolean,String],default:!1},color:{type:String,default:"#007aff"},value:{type:String,default:""}},setup(e,{slots:t}){var n=ma(e.checked),r=ma(e.value),i=Ta((()=>"background-color: ".concat(e.color,";border-color: ").concat(e.color,";")));Fs([()=>e.checked,()=>e.value],(([e,t])=>{n.value=e,r.value=t}));var{uniCheckGroup:a,uniLabel:o,field:s}=function(e,t,n){var r=Ta({get:()=>({radioChecked:Boolean(e.value),value:t.value}),set:({radioChecked:t})=>{e.value=t}}),i={reset:n},a=Ba(xh,!1);a&&a.addField(r);var o=Ba(ic,!1);o&&o.addField(i);var s=Ba(oc,!1);return Ga((()=>{a&&a.removeField(r),o&&o.removeField(i)})),{uniCheckGroup:a,uniForm:o,uniLabel:s,field:r}}(n,r,(()=>{n.value=!1})),l=t=>{e.disabled||(n.value=!0,a&&a.radioChange(t,s))};return o&&(o.addHandler(l),Ga((()=>{o.removeHandler(l)}))),lc(e,{"label-click":l}),()=>{var{booleanAttrs:r}=tc(e,"disabled");return Yo("uni-radio",Qo(r,{onClick:l}),{default:()=>[Yo("div",{class:"uni-radio-wrapper"},[Yo("div",{class:["uni-radio-input",{"uni-radio-input-disabled":e.disabled}],style:n.value?i.value:""},[n.value?Rl(Pl,"#fff",18):""],6),t.default&&t.default()])]},16,["onClick"])}}});function Eh(e){e=function(e){return e.replace(/<\?xml.*\?>\n/,"").replace(/<!doctype.*>\n/,"").replace(/<!DOCTYPE.*>\n/,"")}(e);var t=[],n={node:"root",children:[]};return Uc(e,{start:function(e,r,i){var a={name:e};if(0!==r.length&&(a.attrs=function(e){return e.reduce((function(e,t){var n=t.value,r=t.name;return n.match(/ /)&&"style"!==r&&(n=n.split(" ")),e[r]?Array.isArray(e[r])?e[r].push(n):e[r]=[e[r],n]:e[r]=n,e}),{})}(r)),i){var o=t[0]||n;o.children||(o.children=[]),o.children.push(a)}else t.unshift(a)},end:function(e){var r=t.shift();if(r.name!==e&&console.error("invalid state: mismatch end tag"),0===t.length)n.children.push(r);else{var i=t[0];i.children||(i.children=[]),i.children.push(r)}},chars:function(e){var r={type:"text",text:e};if(0===t.length)n.children.push(r);else{var i=t[0];i.children||(i.children=[]),i.children.push(r)}},comment:function(e){var n={node:"comment",text:e},r=t[0];r.children||(r.children=[]),r.children.push(n)}}),n.children}var kh={a:"",abbr:"",b:"",blockquote:"",br:"",code:"",col:["span","width"],colgroup:["span","width"],dd:"",del:"",div:"",dl:"",dt:"",em:"",fieldset:"",h1:"",h2:"",h3:"",h4:"",h5:"",h6:"",hr:"",i:"",img:["alt","src","height","width"],ins:"",label:"",legend:"",li:"",ol:["start","type"],p:"",q:"",span:"",strong:"",sub:"",sup:"",table:["width"],tbody:"",td:["colspan","rowspan","height","width"],tfoot:"",th:["colspan","rowspan","height","width"],thead:"",tr:"",ul:""},Ch={amp:"&",gt:">",lt:"<",nbsp:" ",quot:'"',apos:"'"};function Mh(e,t){return e.forEach((function(e){if(_n(e))if(un(e,"type")&&"node"!==e.type)"text"===e.type&&"string"==typeof e.text&&""!==e.text&&t.appendChild(document.createTextNode(e.text.replace(/&(([a-zA-Z]+)|(#x{0,1}[\da-zA-Z]+));/gi,(function(e,t){if(un(Ch,t)&&Ch[t])return Ch[t];if(/^#[0-9]{1,4}$/.test(t))return String.fromCharCode(t.slice(1));if(/^#x[0-9a-f]{1,4}$/i.test(t))return String.fromCharCode("0"+t.slice(1));var n=document.createElement("div");return n.innerHTML=e,n.innerText||n.textContent}))));else{if("string"!=typeof e.name||!e.name)return;var n=e.name.toLowerCase();if(!un(kh,n))return;var r=document.createElement(n);if(!r)return;var i=e.attrs;if(_n(i)){var a=kh[n]||[];Object.keys(i).forEach((function(e){var t=i[e];switch(e){case"class":Array.isArray(t)&&(t=t.join(" "));case"style":r.setAttribute(e,t);break;default:-1!==a.indexOf(e)&&r.setAttribute(e,t)}}))}var o=e.children;Array.isArray(o)&&o.length&&Mh(e.children,r),t.appendChild(r)}})),t}var Oh=Ku({name:"RichText",compatConfig:{MODE:3},props:{nodes:{type:[Array,String],default:function(){return[]}}},setup(e){var t=ma(null);function n(e){"string"==typeof e&&(e=Eh(e));var n=Mh(e,document.createDocumentFragment());t.value.firstElementChild.innerHTML="",t.value.firstElementChild.appendChild(n)}return Fs((()=>e.nodes),(e=>{n(e)})),Ua((()=>{n(e.nodes)})),()=>Yo("uni-rich-text",{ref:t},{default:()=>[Yo("div",null,null)]},512)}}),Ih=Bn(!0),Lh=Ku({name:"ScrollView",compatConfig:{MODE:3},props:{scrollX:{type:[Boolean,String],default:!1},scrollY:{type:[Boolean,String],default:!1},upperThreshold:{type:[Number,String],default:50},lowerThreshold:{type:[Number,String],default:50},scrollTop:{type:[Number,String],default:0},scrollLeft:{type:[Number,String],default:0},scrollIntoView:{type:String,default:""},scrollWithAnimation:{type:[Boolean,String],default:!1},enableBackToTop:{type:[Boolean,String],default:!1},refresherEnabled:{type:[Boolean,String],default:!1},refresherThreshold:{type:Number,default:45},refresherDefaultStyle:{type:String,default:"back"},refresherBackground:{type:String,default:"#fff"},refresherTriggered:{type:[Boolean,String],default:!1}},emits:["scroll","scrolltoupper","scrolltolower","refresherrefresh","refresherrestore","refresherpulling","refresherabort","update:refresherTriggered"],setup(e,{emit:t,slots:n}){var r=ma(null),i=ma(null),a=ma(null),o=ma(null),s=ma(null),l=rc(r,t),{state:u,scrollTopNumber:c,scrollLeftNumber:d}=function(e){var t=Ta((()=>Number(e.scrollTop)||0)),n=Ta((()=>Number(e.scrollLeft)||0));return{state:aa({lastScrollTop:t.value,lastScrollLeft:n.value,lastScrollToUpperTime:0,lastScrollToLowerTime:0,refresherHeight:0,refreshRotate:0,refreshState:""}),scrollTopNumber:t,scrollLeftNumber:n}}(e);!function(e,t,n,r,i,a,o,s,l){var u=0,c=!1,d=0,h=!1,p=()=>{},f=Ta((()=>{var t=Number(e.upperThreshold);return isNaN(t)?50:t})),v=Ta((()=>{var t=Number(e.lowerThreshold);return isNaN(t)?50:t}));function g(e,t){var n=o.value,r=0,i="";if(e<0?e=0:"x"===t&&e>n.scrollWidth-n.offsetWidth?e=n.scrollWidth-n.offsetWidth:"y"===t&&e>n.scrollHeight-n.offsetHeight&&(e=n.scrollHeight-n.offsetHeight),"x"===t?r=n.scrollLeft-e:"y"===t&&(r=n.scrollTop-e),0!==r){var a=s.value;a.style.transition="transform .3s ease-out",a.style.webkitTransition="-webkit-transform .3s ease-out","x"===t?i="translateX("+r+"px) translateZ(0)":"y"===t&&(i="translateY("+r+"px) translateZ(0)"),a.removeEventListener("transitionend",p),a.removeEventListener("webkitTransitionEnd",p),p=()=>w(e,t),a.addEventListener("transitionend",p),a.addEventListener("webkitTransitionEnd",p),"x"===t?n.style.overflowX="hidden":"y"===t&&(n.style.overflowY="hidden"),a.style.transform=i,a.style.webkitTransform=i}}function m(n){if(n.timeStamp-u>20){u=n.timeStamp;var r=n.target;i("scroll",n,{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollHeight:r.scrollHeight,scrollWidth:r.scrollWidth,deltaX:t.lastScrollLeft-r.scrollLeft,deltaY:t.lastScrollTop-r.scrollTop}),e.scrollY&&(r.scrollTop<=f.value&&t.lastScrollTop-r.scrollTop>0&&n.timeStamp-t.lastScrollToUpperTime>200&&(i("scrolltoupper",n,{direction:"top"}),t.lastScrollToUpperTime=n.timeStamp),r.scrollTop+r.offsetHeight+v.value>=r.scrollHeight&&t.lastScrollTop-r.scrollTop<0&&n.timeStamp-t.lastScrollToLowerTime>200&&(i("scrolltolower",n,{direction:"bottom"}),t.lastScrollToLowerTime=n.timeStamp)),e.scrollX&&(r.scrollLeft<=f.value&&t.lastScrollLeft-r.scrollLeft>0&&n.timeStamp-t.lastScrollToUpperTime>200&&(i("scrolltoupper",n,{direction:"left"}),t.lastScrollToUpperTime=n.timeStamp),r.scrollLeft+r.offsetWidth+v.value>=r.scrollWidth&&t.lastScrollLeft-r.scrollLeft<0&&n.timeStamp-t.lastScrollToLowerTime>200&&(i("scrolltolower",n,{direction:"right"}),t.lastScrollToLowerTime=n.timeStamp)),t.lastScrollTop=r.scrollTop,t.lastScrollLeft=r.scrollLeft}}function y(t){e.scrollY&&(e.scrollWithAnimation?g(t,"y"):o.value.scrollTop=t)}function _(t){e.scrollX&&(e.scrollWithAnimation?g(t,"x"):o.value.scrollLeft=t)}function b(t){if(t){if(!/^[_a-zA-Z][-_a-zA-Z0-9:]*$/.test(t))return void console.error("id error: scroll-into-view=".concat(t));var n=a.value.querySelector("#"+t);if(n){var r=o.value.getBoundingClientRect(),i=n.getBoundingClientRect();if(e.scrollX){var s=i.left-r.left,l=o.value.scrollLeft+s;e.scrollWithAnimation?g(l,"x"):o.value.scrollLeft=l}if(e.scrollY){var u=i.top-r.top,c=o.value.scrollTop+u;e.scrollWithAnimation?g(c,"y"):o.value.scrollTop=c}}}}function w(t,n){s.value.style.transition="",s.value.style.webkitTransition="",s.value.style.transform="",s.value.style.webkitTransform="";var r=o.value;"x"===n?(r.style.overflowX=e.scrollX?"auto":"hidden",r.scrollLeft=t):"y"===n&&(r.style.overflowY=e.scrollY?"auto":"hidden",r.scrollTop=t),s.value.removeEventListener("transitionend",p),s.value.removeEventListener("webkitTransitionEnd",p)}function x(n){switch(n){case"refreshing":t.refresherHeight=e.refresherThreshold,c||(c=!0,i("refresherrefresh",{},{}),l("update:refresherTriggered",!0));break;case"restore":case"refresherabort":c=!1,t.refresherHeight=d=0,"restore"===n&&(h=!1,i("refresherrestore",{},{})),"refresherabort"===n&&h&&(h=!1,i("refresherabort",{},{}))}t.refreshState=n}Ua((()=>{y(n.value),_(r.value),b(e.scrollIntoView);var a=function(e){e.stopPropagation(),m(e)},s={x:0,y:0},l=null,u=function(n){var r=n.touches[0].pageX,a=n.touches[0].pageY,u=o.value;if(Math.abs(r-s.x)>Math.abs(a-s.y))if(e.scrollX){if(0===u.scrollLeft&&r>s.x)return void(l=!1);if(u.scrollWidth===u.offsetWidth+u.scrollLeft&&r<s.x)return void(l=!1);l=!0}else l=!1;else if(e.scrollY)if(0===u.scrollTop&&a>s.y)l=!1,e.refresherEnabled&&!1!==n.cancelable&&n.preventDefault();else{if(u.scrollHeight===u.offsetHeight+u.scrollTop&&a<s.y)return void(l=!1);l=!0}else l=!1;if(l&&n.stopPropagation(),0===u.scrollTop&&1===n.touches.length&&(t.refreshState="pulling"),e.refresherEnabled&&"pulling"===t.refreshState){var p=a-s.y;0===d&&(d=a),c?(t.refresherHeight=p+e.refresherThreshold,h=!1):(t.refresherHeight=a-d,t.refresherHeight>0&&(h=!0,i("refresherpulling",n,{deltaY:p})));var f=t.refresherHeight/e.refresherThreshold;t.refreshRotate=360*(f>1?1:f)}},p=function(e){1===e.touches.length&&(Dd({disable:!0}),s={x:e.touches[0].pageX,y:e.touches[0].pageY})},f=function(n){s={x:0,y:0},Dd({disable:!1}),t.refresherHeight>=e.refresherThreshold?x("refreshing"):x("refresherabort")};o.value.addEventListener("touchstart",p,Ih),o.value.addEventListener("touchmove",u),o.value.addEventListener("scroll",a,Ih),o.value.addEventListener("touchend",f,Ih),$d(),Ga((()=>{o.value.removeEventListener("touchstart",p),o.value.removeEventListener("touchmove",u),o.value.removeEventListener("scroll",a),o.value.removeEventListener("touchend",f)}))})),Fa((()=>{e.scrollY&&(o.value.scrollTop=t.lastScrollTop),e.scrollX&&(o.value.scrollLeft=t.lastScrollLeft)})),Fs(n,(e=>{y(e)})),Fs(r,(e=>{_(e)})),Fs((()=>e.scrollIntoView),(e=>{b(e)})),Fs((()=>e.refresherTriggered),(e=>{!0===e?x("refreshing"):!1===e&&x("restore")}))}(e,u,c,d,l,r,i,o,t);var h=Ta((()=>{var t="";return e.scrollX?t+="overflow-x:auto;":t+="overflow-x:hidden;",e.scrollY?t+="overflow-y:auto;":t+="overflow-y:hidden;",t}));return()=>{var{refresherEnabled:t,refresherBackground:l,refresherDefaultStyle:c}=e,{refresherHeight:d,refreshState:p,refreshRotate:f}=u;return Yo("uni-scroll-view",{ref:r},{default:()=>[Yo("div",{ref:a,class:"uni-scroll-view"},[Yo("div",{ref:i,style:h.value,class:"uni-scroll-view"},[Yo("div",{ref:o,class:"uni-scroll-view-content"},[t?Yo("div",{ref:s,style:{backgroundColor:l,height:d+"px"},class:"uni-scroll-view-refresher"},["none"!==c?Yo("div",{class:"uni-scroll-view-refresh"},[Yo("div",{class:"uni-scroll-view-refresh-inner"},["pulling"==p?Yo("svg",{key:"refresh__icon",style:{transform:"rotate("+f+"deg)"},fill:"#2BD009",class:"uni-scroll-view-refresh__icon",width:"24",height:"24",viewBox:"0 0 24 24"},[Yo("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"},null),Yo("path",{d:"M0 0h24v24H0z",fill:"none"},null)],4):null,"refreshing"==p?Yo("svg",{key:"refresh__spinner",class:"uni-scroll-view-refresh__spinner",width:"24",height:"24",viewBox:"25 25 50 50"},[Yo("circle",{cx:"50",cy:"50",r:"20",fill:"none",style:"color: #2bd009","stroke-width":"3"},null)]):null])]):null,"none"==c?n.refresher&&n.refresher():null],4):null,n.default&&n.default()],512)],4)],512)]},512)}}});var Nh=Ku({name:"Slider",props:{name:{type:String,default:""},min:{type:[Number,String],default:0},max:{type:[Number,String],default:100},value:{type:[Number,String],default:0},step:{type:[Number,String],default:1},disabled:{type:[Boolean,String],default:!1},color:{type:String,default:"#e9e9e9"},backgroundColor:{type:String,default:"#e9e9e9"},activeColor:{type:String,default:"#007aff"},selectedColor:{type:String,default:"#007aff"},blockColor:{type:String,default:"#ffffff"},blockSize:{type:[Number,String],default:28},showValue:{type:[Boolean,String],default:!1}},emits:["changing","change"],setup(e,{emit:t}){var n=ma(null),r=ma(null),i=ma(null),a=ma(Number(e.value));Fs((()=>e.value),(e=>{a.value=Number(e)}));var o=rc(n,t),s=function(e,t){var n=()=>{var n=Number(e.max),r=Number(e.min);return 100*(t.value-r)/(n-r)+"%"},r=()=>"#e9e9e9"!==e.backgroundColor?e.backgroundColor:"#007aff"!==e.color?e.color:"#007aff",i=()=>"#007aff"!==e.activeColor?e.activeColor:"#e9e9e9"!==e.selectedColor?e.selectedColor:"#e9e9e9";return{setBgColor:Ta((()=>({backgroundColor:r()}))),setBlockBg:Ta((()=>({left:n()}))),setActiveColor:Ta((()=>({backgroundColor:i(),width:n()}))),setBlockStyle:Ta((()=>({width:e.blockSize+"px",height:e.blockSize+"px",marginLeft:-e.blockSize/2+"px",marginTop:-e.blockSize/2+"px",left:n(),backgroundColor:e.blockColor})))}}(e,a),{_onClick:l,_onTrack:u}=function(e,t,n,r,i){var a=n=>{e.disabled||(s(n),i("change",n,{value:t.value}))},o=t=>{var n=Number(e.max),r=Number(e.min),i=Number(e.step);return t<r?r:t>n?n:Ah.mul.call(Math.round((t-r)/i),i)+r},s=i=>{var a=Number(e.max),s=Number(e.min),l=r.value,u=getComputedStyle(l,null).marginLeft,c=l.offsetWidth;c+=parseInt(u);var d=n.value,h=d.offsetWidth-(e.showValue?c:0),p=d.getBoundingClientRect().left,f=(i.x-p)*(a-s)/h+s;t.value=o(f)},l=n=>{if(!e.disabled)return"move"===n.detail.state?(s({x:n.detail.x}),i("changing",n,{value:t.value}),!1):"end"===n.detail.state&&i("change",n,{value:t.value})},u=Ba(ic,!1);if(u){var c={reset:()=>t.value=Number(e.min),submit:()=>{var n=["",null];return""!==e.name&&(n[0]=e.name,n[1]=t.value),n}};u.addField(c),Ga((()=>{u.removeField(c)}))}return{_onClick:a,_onTrack:l}}(e,a,n,r,o);return Ua((()=>{Ud(i.value,u)})),()=>{var{setBgColor:t,setBlockBg:o,setActiveColor:u,setBlockStyle:c}=s;return Yo("uni-slider",{ref:n,onClick:nc(l)},{default:()=>[Yo("div",{class:"uni-slider-wrapper"},[Yo("div",{class:"uni-slider-tap-area"},[Yo("div",{style:t.value,class:"uni-slider-handle-wrapper"},[Yo("div",{ref:i,style:o.value,class:"uni-slider-handle"},null,4),Yo("div",{style:c.value,class:"uni-slider-thumb"},null,4),Yo("div",{style:u.value,class:"uni-slider-track"},null,4)],4)]),ko(Yo("span",{ref:r,class:"uni-slider-value"},[a.value],512),[[pl,e.showValue]])]),Yo("slot",null,null)],_:1},8,["onClick"])}}});var Ah={mul:function(e){var t=0,n=this.toString(),r=e.toString();try{t+=n.split(".")[1].length}catch(i){}try{t+=r.split(".")[1].length}catch(i){}return Number(n.replace(".",""))*Number(r.replace(".",""))/Math.pow(10,t)}};function Ph(e,t,n,r,i,a){function o(){u&&(clearTimeout(u),u=null)}var s,l,u=null,c=!0,d=0,h=1,p=null,f=!1,v=0,g="",m=Ta((()=>e.circular&&n.value.length>t.displayMultipleItems));function y(i){Math.floor(2*d)===Math.floor(2*i)&&Math.ceil(2*d)===Math.ceil(2*i)||m.value&&function(r){if(!c)for(var i=n.value,a=i.length,o=r+t.displayMultipleItems,s=0;s<a;s++){var l=i[s],u=Math.floor(r/a)*a+s,d=u+a,h=u-a,p=Math.max(r-(u+1),u-o,0),f=Math.max(r-(d+1),d-o,0),v=Math.max(r-(h+1),h-o,0),g=Math.min(p,f,v),m=[u,d,h][[p,f,v].indexOf(g)];l.updatePosition(m,e.vertical)}}(i);var o="translate("+(e.vertical?"0":100*-i*h+"%")+", "+(e.vertical?100*-i*h+"%":"0")+") translateZ(0)",l=r.value;if(l&&(l.style.webkitTransform=o,l.style.transform=o),d=i,!s){if(i%1==0)return;s=i}i-=Math.floor(s);var u=n.value;i<=-(u.length-1)?i+=u.length:i>=u.length&&(i-=u.length),i=s%1>.5||s<0?i-1:i,a("transition",{},{dx:e.vertical?0:i*l.offsetWidth,dy:e.vertical?i*l.offsetHeight:0})}function _(e){var r=n.value.length;if(!r)return-1;var i=(Math.round(e)%r+r)%r;if(m.value){if(r<=t.displayMultipleItems)return 0}else if(i>r-t.displayMultipleItems)return r-t.displayMultipleItems;return i}function b(){p=null}function w(){if(p){var e=p,r=e.toPos,i=e.acc,o=e.endTime,u=e.source,c=o-Date.now();if(c<=0){y(r),p=null,f=!1,s=null;var d=n.value[t.current];if(d){var h=d.getItemId();a("animationfinish",{},{current:t.current,currentItemId:h,source:u})}}else{y(r+i*c*c/2),l=requestAnimationFrame(w)}}else f=!1}function x(e,r,i){b();var a=t.duration,o=n.value.length,s=d;if(m.value)if(i<0){for(;s<e;)s+=o;for(;s-o>e;)s-=o}else if(i>0){for(;s>e;)s-=o;for(;s+o<e;)s+=o}else{for(;s+o<e;)s+=o;for(;s-o>e;)s-=o;s+o-e<e-s&&(s+=o)}p={toPos:e,acc:2*(s-e)/(a*a),endTime:Date.now()+a,source:r},f||(f=!0,l=requestAnimationFrame(w))}function S(){o();var e=n.value,r=function(){u=null,g="autoplay",m.value?t.current=_(t.current+1):t.current=t.current+t.displayMultipleItems<e.length?t.current+1:0,x(t.current,"autoplay",m.value?1:0),u=setTimeout(r,t.interval)};c||e.length<=t.displayMultipleItems||(u=setTimeout(r,t.interval))}function T(e){e?S():o()}return Fs([()=>e.current,()=>e.currentItemId,()=>[...n.value]],(()=>{var r=-1;if(e.currentItemId)for(var i=0,a=n.value;i<a.length;i++){if(a[i].getItemId()===e.currentItemId){r=i;break}}r<0&&(r=Math.round(e.current)||0),r=r<0?0:r,t.current!==r&&(g="",t.current=r)})),Fs([()=>e.vertical,()=>m.value,()=>t.displayMultipleItems,()=>[...n.value]],(function(){o(),p&&(y(p.toPos),p=null);for(var i=n.value,a=0;a<i.length;a++)i[a].updatePosition(a,e.vertical);h=1;var s=r.value;if(1===t.displayMultipleItems&&i.length){var l=i[0].getBoundingClientRect(),u=s.getBoundingClientRect();(h=l.width/u.width)>0&&h<1||(h=1)}var f=d;d=-2;var g=t.current;g>=0?(c=!1,t.userTracking?(y(f+g-v),v=g):(y(g),e.autoplay&&S())):(c=!0,y(-t.displayMultipleItems-1))})),Fs((()=>t.interval),(()=>{u&&(o(),S())})),Fs((()=>t.current),((e,r)=>{!function(e,r){var i=g;g="";var o=n.value;if(!i){var s=o.length;x(e,"",m.value&&r+(s-e)%s>s/2?1:0)}var l=o[e];if(l){var u=t.currentItemId=l.getItemId();a("change",{},{current:t.current,currentItemId:u,source:i})}}(e,r),i("update:current",e)})),Fs((()=>t.currentItemId),(e=>{i("update:currentItemId",e)})),Fs((()=>e.autoplay&&!t.userTracking),T),T(e.autoplay&&!t.userTracking),Ua((()=>{var i=!1,a=0,s=0;function l(e){t.userTracking=!1;var n=a/Math.abs(a),r=0;!e&&Math.abs(a)>.2&&(r=.5*n);var i=_(d+r);e?y(v):(g="touch",t.current=i,x(i,"touch",0!==r?r:0===i&&m.value&&d>=1?1:0))}Ud(r.value,(u=>{if(!e.disableTouch&&!c){if("start"===u.detail.state)return t.userTracking=!0,i=!1,o(),v=d,a=0,s=Date.now(),void b();if("end"===u.detail.state)return l(!1);if("cancel"===u.detail.state)return l(!0);if(t.userTracking){if(!i){i=!0;var h=Math.abs(u.detail.dx),p=Math.abs(u.detail.dy);if((h>=p&&e.vertical||h<=p&&!e.vertical)&&(t.userTracking=!1),!t.userTracking)return void(e.autoplay&&S())}return function(i){var o=s;s=Date.now();var l=n.value.length-t.displayMultipleItems;function u(e){return.5-.25/(e+.5)}function c(e,t){var n=v+e;a=.6*a+.4*t,m.value||(n<0||n>l)&&(n<0?n=-u(-n):n>l&&(n=l+u(n-l)),a=0),y(n)}var d=s-o||1,h=r.value;e.vertical?c(-i.dy/h.offsetHeight,-i.ddy/d):c(-i.dx/h.offsetWidth,-i.ddx/d)}(u.detail),!1}}}))})),Ja((()=>{o(),cancelAnimationFrame(l)})),{onSwiperDotClick:function(e){x(t.current=e,g="click",m.value?1:0)}}}var Rh=Ku({name:"Swiper",props:{indicatorDots:{type:[Boolean,String],default:!1},vertical:{type:[Boolean,String],default:!1},autoplay:{type:[Boolean,String],default:!1},circular:{type:[Boolean,String],default:!1},interval:{type:[Number,String],default:5e3},duration:{type:[Number,String],default:500},current:{type:[Number,String],default:0},indicatorColor:{type:String,default:""},indicatorActiveColor:{type:String,default:""},previousMargin:{type:String,default:""},nextMargin:{type:String,default:""},currentItemId:{type:String,default:""},skipHiddenItemLayout:{type:[Boolean,String],default:!1},displayMultipleItems:{type:[Number,String],default:1},disableTouch:{type:[Boolean,String],default:!1}},emits:["change","transition","animationfinish","update:current","update:currentItemId"],setup(e,{slots:t,emit:n}){var r=ma(null),i=rc(r,n),a=ma(null),o=ma(null),s=function(e){return aa({interval:Ta((()=>{var t=Number(e.interval);return isNaN(t)?5e3:t})),duration:Ta((()=>{var t=Number(e.duration);return isNaN(t)?500:t})),displayMultipleItems:Ta((()=>{var t=Math.round(e.displayMultipleItems);return isNaN(t)?1:t})),current:Math.round(e.current)||0,currentItemId:e.currentItemId,userTracking:!1})}(e),l=Ta((()=>{var t={};return(e.nextMargin||e.previousMargin)&&(t=e.vertical?{left:0,right:0,top:Nl(e.previousMargin,!0),bottom:Nl(e.nextMargin,!0)}:{top:0,bottom:0,left:Nl(e.previousMargin,!0),right:Nl(e.nextMargin,!0)}),t})),u=Ta((()=>{var t=Math.abs(100/s.displayMultipleItems)+"%";return{width:e.vertical?"100%":t,height:e.vertical?t:"100%"}})),c=[],d=[],h=ma([]);function p(){for(var e=[],t=function(t){var n=c[t];n instanceof Element||(n=n.el);var r=d.find((e=>n===e.rootRef.value));r&&e.push(ha(r))},n=0;n<c.length;n++)t(n);h.value=e}Wd((()=>{c=o.value.children,p()}));Ra("addSwiperContext",(function(e){d.push(e),p()}));Ra("removeSwiperContext",(function(e){var t=d.indexOf(e);t>=0&&(d.splice(t,1),p())}));var{onSwiperDotClick:f}=Ph(e,s,h,o,n,i);return()=>{var n=t.default&&t.default();return c=Fd(n),Yo("uni-swiper",{ref:r},{default:()=>[Yo("div",{ref:a,class:"uni-swiper-wrapper"},[Yo("div",{class:"uni-swiper-slides",style:l.value},[Yo("div",{ref:o,class:"uni-swiper-slide-frame",style:u.value},[n],4)],4),e.indicatorDots&&Yo("div",{class:["uni-swiper-dots",e.vertical?"uni-swiper-dots-vertical":"uni-swiper-dots-horizontal"]},[h.value.map(((t,n,r)=>Yo("div",{onClick:()=>f(n),class:{"uni-swiper-dot":!0,"uni-swiper-dot-active":n<s.current+s.displayMultipleItems&&n>=s.current||n<s.current+s.displayMultipleItems-r.length},style:{background:n===s.current?e.indicatorActiveColor:e.indicatorColor}},null,14,["onClick"])))],2)],512)]},512)}}}),Bh=Ku({name:"SwiperItem",props:{itemId:{type:String,default:""}},setup(e,{slots:t}){var n=ma(null),r={rootRef:n,getItemId:()=>e.itemId,getBoundingClientRect:()=>n.value.getBoundingClientRect(),updatePosition(e,t){var r=t?"0":100*e+"%",i=t?100*e+"%":"0",a=n.value,o="translate(".concat(r,",").concat(i,") translateZ(0)");a&&(a.style.webkitTransform=o,a.style.transform=o)}};return Ua((()=>{var e=Ba("addSwiperContext");e&&e(r)})),Ja((()=>{var e=Ba("removeSwiperContext");e&&e(r)})),()=>Yo("uni-swiper-item",{ref:n,style:{position:"absolute",width:"100%",height:"100%"}},{default:()=>[t.default&&t.default()]},512)}}),$h=Ku({name:"Switch",props:{name:{type:String,default:""},checked:{type:[Boolean,String],default:!1},type:{type:String,default:"switch"},id:{type:String,default:""},disabled:{type:[Boolean,String],default:!1},color:{type:String,default:"#007aff"}},emits:["change"],setup(e,{emit:t}){var n=ma(null),r=ma(e.checked),i=function(e,t){var n=Ba(ic,!1),r=Ba(oc,!1),i={submit:()=>{var n=["",null];return e.name&&(n[0]=e.name,n[1]=t.value),n},reset:()=>{t.value=!1}};n&&(n.addField(i),Ja((()=>{n.removeField(i)})));return r}(e,r),a=rc(n,t);Fs((()=>e.checked),(e=>{r.value=e}));var o=t=>{e.disabled||(r.value=!r.value,a("change",t,{value:r.value}))};return i&&(i.addHandler(o),Ga((()=>{i.removeHandler(o)}))),lc(e,{"label-click":o}),()=>{var{color:t,type:i}=e,{booleanAttrs:a}=tc(e,"disabled");return Yo("uni-switch",Qo({ref:n},a,{onClick:o}),{default:()=>[Yo("div",{class:"uni-switch-wrapper"},[ko(Yo("div",{class:["uni-switch-input",[r.value?"uni-switch-input-checked":""]],style:{backgroundColor:r.value?t:"#DFDFDF",borderColor:r.value?t:"#DFDFDF"}},null,6),[[pl,"switch"===i]]),ko(Yo("div",{class:"uni-checkbox-input"},[r.value?Rl(Pl,e.color,22):""],512),[[pl,"checkbox"===i]])])]},16,["onClick"])}}});var Dh={ensp:" ",emsp:" ",nbsp:" "};function Fh(e,t){return e.replace(/\\n/g,"\n").split("\n").map((e=>function(e,{space:t,decode:n}){if(!e)return e;t&&Dh[t]&&(e=e.replace(/ /g,Dh[t]));if(!n)return e;return e.replace(/&nbsp;/g,Dh.nbsp).replace(/&ensp;/g,Dh.ensp).replace(/&emsp;/g,Dh.emsp).replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&").replace(/&quot;/g,'"').replace(/&apos;/g,"'")}(e,t)))}var Wh=on({},kd,{placeholderClass:{type:String,default:"input-placeholder"},autoHeight:{type:[Boolean,String],default:!1},confirmType:{type:String,default:""}}),jh=!1;var Vh=Ku({name:"Textarea",props:Wh,emit:["confirm","linechange",...Cd],setup(e,{emit:t}){var n,r=ma(null),{fieldRef:i,state:a,scopedAttrsState:o,fixDisabledColor:s,trigger:l}=Id(e,r,t),u=Ta((()=>a.value.split("\n"))),c=Ta((()=>["done","go","next","search","send"].includes(e.confirmType))),d=ma(0),h=ma(null);function p({height:e}){d.value=e}function f(e){"Enter"===e.key&&c.value&&e.preventDefault()}function v(e){"Enter"===e.key&&(c.value&&(!function(e){l("confirm",e,{value:a.value})}(e),e.target.blur()))}return Fs((()=>d.value),(t=>{var n=r.value,i=h.value,a=parseFloat(getComputedStyle(n).lineHeight);isNaN(a)&&(a=i.offsetHeight);var o=Math.round(t/a);l("linechange",{},{height:t,heightRpx:750/window.innerWidth*t,lineCount:o}),e.autoHeight&&(n.style.height=t+"px")})),n="(prefers-color-scheme: dark)",jh=0===String(navigator.platform).indexOf("iP")&&0===String(navigator.vendor).indexOf("Apple")&&window.matchMedia(n).media!==n,()=>{var t=e.disabled&&s?Yo("textarea",{ref:i,value:a.value,tabindex:"-1",readonly:!!e.disabled,maxlength:a.maxlength,class:{"uni-textarea-textarea":!0,"uni-textarea-textarea-fix-margin":jh},style:{overflowY:e.autoHeight?"hidden":"auto"},onFocus:e=>e.target.blur()},null,46,["value","readonly","maxlength","onFocus"]):Yo("textarea",{ref:i,value:a.value,disabled:!!e.disabled,maxlength:a.maxlength,enterkeyhint:e.confirmType,class:{"uni-textarea-textarea":!0,"uni-textarea-textarea-fix-margin":jh},style:{overflowY:e.autoHeight?"hidden":"auto"},onKeydown:f,onKeyup:v},null,46,["value","disabled","maxlength","enterkeyhint","onKeydown","onKeyup"]);return Yo("uni-textarea",{ref:r},{default:()=>[Yo("div",{class:"uni-textarea-wrapper"},[ko(Yo("div",Qo(o.attrs,{style:e.placeholderStyle,class:["uni-textarea-placeholder",e.placeholderClass]}),[e.placeholder],16),[[pl,!a.value.length]]),Yo("div",{ref:h,class:"uni-textarea-line"},[" "],512),Yo("div",{class:"uni-textarea-compute"},[u.value.map((e=>Yo("div",null,[e.trim()?e:"."]))),Yo(hc,{initial:!0,onResize:p},null,8,["initial","onResize"])]),"search"===e.confirmType?Yo("form",{action:"",onSubmit:()=>!1,class:"uni-input-form"},[t],40,["onSubmit"]):t])]},512)}}});function zh(e,t){if(t||(t=e.id),t)return e.$options.name.toLowerCase()+"."+t}function Hh(e,t,n){e&&Er(n||$l(),e,(({type:e,data:n},r)=>{t(e,n,r)}))}function qh(e){e&&function(e,t){t=Tr(e,t),delete Sr[t]}($l(),e)}function Uh(e,t,n,r){var i=os().proxy;Ua((()=>{Hh(t||zh(i),e,r),!n&&t||Fs((()=>i.id),((t,n)=>{Hh(zh(i,t),e,r),qh(n&&zh(i,n))}))})),Ga((()=>{qh(t||zh(i))}))}on({},Qu);var Yh=0;function Xh(e){var t=Bl(),n=os().proxy,r=n.$options.name.toLowerCase(),i=e||n.id||"context".concat(Yh++);return Ua((()=>{n.$el.__uniContextInfo={id:i,type:r,page:t}})),"".concat(r,".").concat(i)}class Gh extends Yu{constructor(e,t,n,r,i,a=[]){super(e,t,n,r,i,[...Ju.props,...a])}call(e){var t={animation:this.$props.animation,$el:this.$};e.call(t)}setAttribute(e,t){return"animation"===e&&(this.$animate=!0),super.setAttribute(e,t)}update(e=!1){if(this.$animate)return e?this.call(Ju.mounted):void(this.$animate&&(this.$animate=!1,this.call(Ju.watch.animation.handler)))}}var Jh=["space","decode"];var Kh=["hover-class","hover-stop-propagation","hover-start-time","hover-stay-time"];class Zh extends Gh{constructor(e,t,n,r,i,a=[]){super(e,t,n,r,i,[...Kh,...a])}update(e=!1){var t=this.$props["hover-class"];t&&"none"!==t?(this._hover||(this._hover=new Qh(this.$,this.$props)),this._hover.addEvent()):this._hover&&this._hover.removeEvent(),super.update(e)}}class Qh{constructor(e,t){this._listening=!1,this._hovering=!1,this._hoverTouch=!1,this.$=e,this.props=t,this.__hoverTouchStart=this._hoverTouchStart.bind(this),this.__hoverTouchEnd=this._hoverTouchEnd.bind(this),this.__hoverTouchCancel=this._hoverTouchCancel.bind(this)}get hovering(){return this._hovering}set hovering(e){this._hovering=e;var t=this.props["hover-class"];e?this.$.classList.add(t):this.$.classList.remove(t)}addEvent(){this._listening||(this._listening=!0,this.$.addEventListener("touchstart",this.__hoverTouchStart),this.$.addEventListener("touchend",this.__hoverTouchEnd),this.$.addEventListener("touchcancel",this.__hoverTouchCancel))}removeEvent(){this._listening&&(this._listening=!1,this.$.removeEventListener("touchstart",this.__hoverTouchStart),this.$.removeEventListener("touchend",this.__hoverTouchEnd),this.$.removeEventListener("touchcancel",this.__hoverTouchCancel))}_hoverTouchStart(e){if(!e._hoverPropagationStopped){var t=this.props["hover-class"];t&&"none"!==t&&!this.$.disabled&&(e.touches.length>1||(this.props["hover-stop-propagation"]&&(e._hoverPropagationStopped=!0),this._hoverTouch=!0,this._hoverStartTimer=setTimeout((()=>{this.hovering=!0,this._hoverTouch||this._hoverReset()}),this.props["hover-start-time"])))}}_hoverTouchEnd(){this._hoverTouch=!1,this.hovering&&this._hoverReset()}_hoverReset(){requestAnimationFrame((()=>{clearTimeout(this._hoverStayTimer),this._hoverStayTimer=setTimeout((()=>{this.hovering=!1}),this.props["hover-stay-time"])}))}_hoverTouchCancel(){this._hoverTouch=!1,this.hovering=!1,clearTimeout(this._hoverStartTimer)}}function ep(){return plus.navigator.isImmersedStatusbar()?Math.round("iOS"===plus.os.name?plus.navigator.getSafeAreaInsets().top:plus.navigator.getStatusbarHeight()):0}function tp(){var e=plus.webview.currentWebview().getStyle(),t=e&&e.titleNView;return t&&"default"===t.type?44+ep():0}var np=Symbol("onDraw");function rp(e,t){return Ta((()=>{var n={};return Object.keys(e).forEach((r=>{if(!t||!t.includes(r)){var i=e[r];i="src"===r?eu(i):i,n[r.replace(/[A-Z]/g,(e=>"-"+e.toLowerCase()))]=i}})),n}))}function ip(e){var t=aa({top:"0px",left:"0px",width:"0px",height:"0px",position:"static"}),n=ma(!1);function r(){var r=e.value,i=r.getBoundingClientRect(),a=["width","height"];n.value=0===i.width||0===i.height,n.value||(t.position=function(e){for(var t;e;){var n=getComputedStyle(e),r=n.transform||n.webkitTransform;t=(!r||"none"===r)&&t,t="fixed"===n.position||t,e=e.parentElement}return t}(r)?"absolute":"static",a.push("top","left")),a.forEach((e=>{var n=i[e];n="top"===e?n+("static"===t.position?document.documentElement.scrollTop||document.body.scrollTop||0:tp()):n,t[e]=n+"px"}))}var i=null;window.addEventListener("updateview",(function(){i&&cancelAnimationFrame(i),i=requestAnimationFrame((()=>{i=null,r()}))}));var a=[],o=[];return Ra(np,(function(e){a?a.push(e):e(t)})),Ua((()=>{r(),o.forEach((e=>e())),o=null})),{position:t,hidden:n,onParentReady:function(e){var n=Ba(np),r=n=>{e(n),a.forEach((e=>e(t))),a=null};!function(e){o?o.push(e):e()}((()=>{n?n(r):r({top:"0px",left:"0px",width:Number.MAX_SAFE_INTEGER+"px",height:Number.MAX_SAFE_INTEGER+"px",position:"static"})}))}}}var ap=Ku({name:"Ad",props:{adpid:{type:[Number,String],default:""},data:{type:Object,default:null},dataCount:{type:Number,default:5},channel:{type:String,default:""}},setup(e,{emit:t}){var n,r=ma(null),i=ma(null),a=rc(r,t),o=rp(e,["id"]),{position:s,onParentReady:l}=ip(i);return l((()=>{function t(){var t={adpid:e.adpid,width:s.width,count:e.dataCount};void 0!==e.channel&&(t.ext={channel:e.channel}),UniViewJSBridge.invokeServiceMethod("getAdData",t,(({code:e,data:t,message:r})=>{0===e?n.renderingBind(t):a("error",{},{errMsg:r})}))}n=plus.ad.createAdView(Object.assign({},o.value,s)),plus.webview.currentWebview().append(n),n.setDislikeListener((e=>{i.value.style.height="0",window.dispatchEvent(new CustomEvent("updateview")),a("close",{},e)})),n.setRenderingListener((e=>{0===e.result?(i.value.style.height=e.height+"px",window.dispatchEvent(new CustomEvent("updateview"))):a("error",{},{errCode:e.result})})),n.setAdClickedListener((()=>{a("adclicked",{},{})})),Fs((()=>s),(e=>n.setStyle(e)),{deep:!0}),Fs((()=>e.adpid),(e=>{e&&t()})),Fs((()=>e.data),(e=>{e&&n.renderingBind(e)})),e.adpid&&t()})),Ga((()=>{n&&n.close()})),()=>Yo("uni-ad",{ref:r},{default:()=>[Yo("div",{ref:i,class:"uni-ad-container"},null,512)]},512)}});class op extends Lu{constructor(e,t,n,r,i,a,o){super(e,t,r);var s=document.createElement("div");s.__vueParent=function(e){for(;e&&e.pid>0;)if(e=Wp(e.pid)){var{__vueParentComponent:t}=e.$;if(t)return t}return null}(this),this.$props=aa({}),this.init(a),this.$app=ml(function(e,t){return()=>function(e,t,n){var r=arguments.length;return 2===r?vn(t)&&!cn(t)?Vo(t)?Yo(e,null,[t]):Yo(e,t):Yo(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):3===r&&Vo(n)&&(n=[n]),Yo(e,t,n))}(e,t)}(n,this.$props)),this.$app.mount(s),this.$=s.firstElementChild,o&&(this.$holder=this.$.querySelector(o)),un(a,"t")&&this.setText(a.t||""),a.a&&un(a.a,Un)&&Uu(this.$,a.a[".vShow"]),this.insert(r,i),Rs()}init(e){var{a:t,e:n,w:r}=e;t&&(this.setWxsProps(t),Object.keys(t).forEach((e=>{this.setAttr(e,t[e])}))),un(e,"s")&&this.setAttr("style",e.s),n&&Object.keys(n).forEach((e=>{this.addEvent(e,n[e])})),r&&this.addWxsEvents(e.w)}setText(e){(this.$holder||this.$).textContent=e}addWxsEvent(e,t,n){this.$props[e]=zu(this.$,t,n)}addEvent(e,t){this.$props[e]=ju(this.id,t,Wn(e)[1])}removeEvent(e){this.$props[e]=null}setAttr(e,t){if(e===Un)this.$&&Uu(this.$,t);else if(e===Yn)this.$.__ownerId=t;else if(e===Xn)bu((()=>Iu(this,t)),3);else if(e===qn){var n=qu(this.$||Wp(this.pid).$,t),r=this.$props.style;_n(n)&&_n(r)?Object.keys(n).forEach((e=>{r[e]=n[e]})):this.$props.style=n}else t=qu(this.$||Wp(this.pid).$,t),this.wxsPropsInvoke(e,t,!0)||(this.$props[e]=t)}removeAttr(e){this.$props[e]=null}remove(){this.isUnmounted=!0,this.$app.unmount(),jp(this.id)}appendChild(e){return(this.$holder||this.$).appendChild(e)}insertBefore(e,t){return(this.$holder||this.$).insertBefore(e,t)}}class sp extends op{constructor(e,t,n,r,i,a,o){super(e,t,n,r,i,a,o)}getRebuildFn(){return this._rebuild||(this._rebuild=this.rebuild.bind(this)),this._rebuild}setText(e){return bu(this.getRebuildFn(),2),super.setText(e)}appendChild(e){return bu(this.getRebuildFn(),2),super.appendChild(e)}insertBefore(e,t){return bu(this.getRebuildFn(),2),super.insertBefore(e,t)}rebuild(){var e=this.$.__vueParentComponent;e.rebuild&&e.rebuild()}}function lp(e,t,n){e.childNodes.forEach((n=>{n instanceof Element?-1===n.className.indexOf(t)&&e.removeChild(n):e.removeChild(n)})),e.appendChild(document.createTextNode(n))}class up extends Lu{constructor(e,t,n,r){super(e,t,n),this.insert(n,r)}}var cp=0;function dp(e,t,n){var r,{position:i,hidden:a,onParentReady:o}=ip(e);o((o=>{var s=Ta((()=>{var e={};for(var t in i){var n=i[t],r=parseFloat(n),a=parseFloat(o[t]);if("top"===t||"left"===t)n=Math.max(r,a)+"px";else if("width"===t||"height"===t){var s="width"===t?"left":"top",l=parseFloat(o[s]),u=parseFloat(i[s]),c=Math.max(l-u,0),d=Math.max(u+r-(l+a),0);n=Math.max(r-c-d,0)+"px"}e[t]=n}return e})),l=["borderRadius","borderColor","borderWidth","backgroundColor"],u=["paddingTop","paddingRight","paddingBottom","paddingLeft","color","textAlign","lineHeight","fontSize","fontWeight","textOverflow","whiteSpace"],c=[],d={start:"left",end:"right"};function h(t){var n=getComputedStyle(e.value);return l.concat(u,c).forEach((e=>{t[e]=n[e]})),t}var p=aa(h({})),f=null;window.addEventListener("updateview",(function(){f&&cancelAnimationFrame(f),f=requestAnimationFrame((()=>{f=null,h(p)}))}));var v=Ta((()=>{var e=function(){var e={};for(var t in e){var n=e[t];"top"!==t&&"left"!==t||(n=Math.min(parseFloat(n)-parseFloat(o[t]),0)+"px"),e[t]=n}return e}(),t=[{tag:"rect",position:e,rectStyles:{color:p.backgroundColor,radius:p.borderRadius,borderColor:p.borderColor,borderWidth:p.borderWidth}}];if("src"in n)n.src&&t.push({tag:"img",position:e,src:n.src});else{var r=parseFloat(p.lineHeight)-parseFloat(p.fontSize),i=parseFloat(e.width)-parseFloat(p.paddingLeft)-parseFloat(p.paddingRight);i=i<0?0:i;var a=parseFloat(e.height)-parseFloat(p.paddingTop)-r/2-parseFloat(p.paddingBottom);a=a<0?0:a,t.push({tag:"font",position:{top:"".concat(parseFloat(e.top)+parseFloat(p.paddingTop)+r/2,"px"),left:"".concat(parseFloat(e.left)+parseFloat(p.paddingLeft),"px"),width:"".concat(i,"px"),height:"".concat(a,"px")},textStyles:{align:d[p.textAlign]||p.textAlign,color:p.color,decoration:"none",lineSpacing:"".concat(r,"px"),margin:"0px",overflow:p.textOverflow,size:p.fontSize,verticalAlign:"top",weight:p.fontWeight,whiteSpace:p.whiteSpace},text:n.text})}return t}));r=new plus.nativeObj.View("cover-".concat(Date.now(),"-").concat(cp++),s.value,v.value),plus.webview.currentWebview().append(r),a.value&&r.hide(),r.addEventListener("click",(()=>{t("click",{},{})})),Fs((()=>a.value),(e=>{r[e?"hide":"show"]()})),Fs((()=>s.value),(e=>{r.setStyle(e)}),{deep:!0}),Fs((()=>v.value),(()=>{r.reset(),r.draw(v.value)}),{deep:!0})})),Ga((()=>{r&&r.close()}))}var hp=Ku({name:"CoverImage",props:{src:{type:String,default:""},autoSize:{type:[Boolean,String],default:!1}},emits:["click","load","error"],setup(e,{emit:t}){var n=ma(null),r=rc(n,t),i=aa({src:""}),a=function(e,t,n){var r,i=ma("");function a(){t.src="",i.value=e.autoSize?"width:0;height:0;":"";var a=e.src?eu(e.src):"";0===a.indexOf("http://")||0===a.indexOf("https://")?(r=plus.downloader.createDownload(a,{filename:"_doc/uniapp_temp//download/"},((e,t)=>{200===t?o(e.filename):n("error",{},{errMsg:"error"})}))).start():a&&o(a)}function o(r){t.src=r,plus.io.getImageInfo({src:r,success:({width:t,height:r})=>{e.autoSize&&(i.value="width:".concat(t,"px;height:").concat(r,"px;"),window.dispatchEvent(new CustomEvent("updateview"))),n("load",{},{width:t,height:r})},fail:()=>{n("error",{},{errMsg:"error"})}})}return e.src&&a(),Fs((()=>e.src),a),Ga((()=>{r&&r.abort()})),i}(e,i,r);return dp(n,r,i),()=>Yo("uni-cover-image",{ref:n,style:a.value},{default:()=>[Yo("div",{class:"uni-cover-image"},null)]},8,["style"])}});var pp=Ku({name:"CoverView",emits:["click"],setup(e,{emit:t}){var n=ma(null),r=ma(null),i=rc(n,t),a=aa({text:""});return dp(n,i,a),Wd((()=>{var e=r.value.childNodes[0];a.text=e&&e instanceof Text?e.textContent:""})),()=>Yo("uni-cover-view",{ref:n},{default:()=>[Yo("div",{ref:r,class:"uni-cover-view"},null,512)]},512)}});function fp(e){if(0!==e.indexOf("#"))return{color:e,opacity:1};var t=e.substr(7,2);return{color:e.substr(0,7),opacity:t?Number("0x"+t)/255:1}}var vp=Ku({name:"Map",props:{id:{type:String,default:""},latitude:{type:[Number,String],default:""},longitude:{type:[Number,String],default:""},scale:{type:[String,Number],default:16},markers:{type:Array,default:()=>[]},polyline:{type:Array,default:()=>[]},circles:{type:Array,default:()=>[]},controls:{type:Array,default:()=>[]}},emits:["click","regionchange","controltap","markertap","callouttap"],setup(e,{emit:t}){var n,r=ma(null),i=rc(r,t),a=ma(null),o=rp(e,["id"]),{position:s,hidden:l,onParentReady:u}=ip(a),{_addMarkers:c,_addMapLines:d,_addMapCircles:h,_setMap:p}=function(e,t){var n;function r(t,{longitude:r,latitude:i}={}){n&&(n.setCenter(new plus.maps.Point(Number(r||e.longitude),Number(i||e.latitude))),t({errMsg:"moveToLocation:ok"}))}function i(e){n&&n.getCurrentCenter(((t,n)=>{e({longitude:n.getLng(),latitude:n.getLat(),errMsg:"getCenterLocation:ok"})}))}function a(e){if(n){var t=n.getBounds();e({southwest:t.getSouthWest(),northeast:t.getNorthEast(),errMsg:"getRegion:ok"})}}function o(e){n&&e({scale:n.getZoom(),errMsg:"getScale:ok"})}function s(e){if(n){var{id:r,latitude:i,longitude:a,iconPath:o,callout:s,label:l}=e;(e=>{var i,{latitude:a,longitude:u}=e.coord,c=new plus.maps.Marker(new plus.maps.Point(u,a));o&&c.setIcon(eu(o)),l&&l.content&&c.setLabel(l.content);var d=void 0;s&&s.content&&(d=new plus.maps.Bubble(s.content)),d&&c.setBubble(d),(r||0===r)&&(c.onclick=e=>{t("markertap",{},{markerId:r})},d&&(d.onclick=()=>{t("callouttap",{},{markerId:r})})),null===(i=n)||void 0===i||i.addOverlay(c),n.__markers__.push(c)})({coord:{latitude:i,longitude:a}})}}function l(){n&&(n.__markers__.forEach((e=>{var t;null===(t=n)||void 0===t||t.removeOverlay(e)})),n.__markers__=[])}function u(e,t){t&&l(),e.forEach((e=>{s(e)}))}function c(e){n&&(n.__lines__.length>0&&(n.__lines__.forEach((e=>{var t;null===(t=n)||void 0===t||t.removeOverlay(e)})),n.__lines__=[]),e.forEach((e=>{var t,{color:r,width:i}=e,a=e.points.map((e=>new plus.maps.Point(e.longitude,e.latitude))),o=new plus.maps.Polyline(a);if(r){var s=fp(r);o.setStrokeColor(s.color),o.setStrokeOpacity(s.opacity)}i&&o.setLineWidth(i),null===(t=n)||void 0===t||t.addOverlay(o),n.__lines__.push(o)})))}function d(e){n&&(n.__circles__.length>0&&(n.__circles__.forEach((e=>{var t;null===(t=n)||void 0===t||t.removeOverlay(e)})),n.__circles__=[]),e.forEach((e=>{var t,{latitude:r,longitude:i,color:a,fillColor:o,radius:s,strokeWidth:l}=e,u=new plus.maps.Circle(new plus.maps.Point(i,r),s);if(a){var c=fp(a);u.setStrokeColor(c.color),u.setStrokeOpacity(c.opacity)}if(o){var d=fp(o);u.setFillColor(d.color),u.setFillOpacity(d.opacity)}l&&u.setLineWidth(l),null===(t=n)||void 0===t||t.addOverlay(u),n.__circles__.push(u)})))}var h={moveToLocation:r,getCenterLocation:i,getRegion:a,getScale:o};return Uh(((e,t,n)=>{h[e]&&h[e](n,t)}),Xh(),!0),{_addMarkers:u,_addMapLines:c,_addMapCircles:d,_setMap(e){n=e}}}(e,i);u((()=>{(n=on(plus.maps.create($l()+"-map-"+(e.id||Date.now()),Object.assign({},o.value,s,(()=>{if(e.latitude&&e.longitude)return{center:new plus.maps.Point(Number(e.longitude),Number(e.latitude))}})())),{__markers__:[],__lines__:[],__circles__:[]})).setZoom(parseInt(String(e.scale))),plus.webview.currentWebview().append(n),l.value&&n.hide(),n.onclick=e=>{i("click",{},e)},n.onstatuschanged=e=>{i("regionchange",{},{})},p(n),c(e.markers),d(e.polyline),h(e.circles),Fs((()=>o.value),(e=>n&&n.setStyles(e)),{deep:!0}),Fs((()=>s),(e=>n&&n.setStyles(e)),{deep:!0}),Fs(l,(e=>{n&&n[e?"hide":"show"]()})),Fs((()=>e.scale),(e=>{n&&n.setZoom(parseInt(String(e)))})),Fs([()=>e.latitude,()=>e.longitude],(([e,t])=>{n&&n.setStyles({center:new plus.maps.Point(Number(e),Number(t))})})),Fs((()=>e.markers),(e=>{c(e,!0)}),{deep:!0}),Fs((()=>e.polyline),(e=>{d(e)}),{deep:!0}),Fs((()=>e.circles),(e=>{h(e)}),{deep:!0})}));var f=Ta((()=>e.controls.map((e=>{var t={position:"absolute"};return["top","left","width","height"].forEach((n=>{e.position[n]&&(t[n]=e.position[n]+"px")})),{id:e.id,iconPath:eu(e.iconPath),position:t,clickable:e.clickable}}))));return Ga((()=>{n&&(n.close(),p(null))})),()=>Yo("uni-map",{ref:r,id:e.id},{default:()=>[Yo("div",{ref:a,class:"uni-map-container"},null,512),f.value.map(((e,t)=>Yo(hp,{key:t,src:e.iconPath,style:e.position,"auto-size":!0,onClick:()=>e.clickable&&i("controltap",{},{controlId:e.id})},null,8,["src","style","auto-size","onClick"]))),Yo("div",{class:"uni-map-slot"},null)],_:1},8,["id"])}});var gp,mp,yp,_p,bp;function wp(){return"object"==typeof window&&"object"==typeof navigator&&"object"==typeof document?"webview":"v8"}function xp(){return gp.webview.currentWebview().id}var Sp={};function Tp(e){var t=e.data&&e.data.__message;if(t&&t.__page){var n=t.__page,r=Sp[n];r&&r(t),t.keep||delete Sp[n]}}class Ep{constructor(e){this.webview=e}sendMessage(e){var t=JSON.parse(JSON.stringify({__message:{data:e}})),n=this.webview.id;yp?new yp(n).postMessage(t):gp.webview.postMessageToUniNView&&gp.webview.postMessageToUniNView(t,n)}close(){this.webview.close()}}function kp({context:e={},url:t,data:n={},style:r={},onMessage:i,onClose:a}){gp=e.plus||plus,mp=e.weex||("object"==typeof weex?weex:null),yp=e.BroadcastChannel||("object"==typeof BroadcastChannel?BroadcastChannel:null);var o="page".concat(Date.now());!1!==(r=on({},r)).titleNView&&"none"!==r.titleNView&&(r.titleNView=on({autoBackButton:!0,titleSize:"17px"},r.titleNView));var s={top:0,bottom:0,usingComponents:{},popGesture:"close",scrollIndicator:"none",animationType:"pop-in",animationDuration:200,uniNView:{path:"".concat("object"==typeof process&&process.env&&{}.VUE_APP_TEMPLATE_PATH||"","/").concat(t,".js"),defaultFontSize:gp.screen.resolutionWidth/20,viewport:gp.screen.resolutionWidth}};r=on(s,r);var l=gp.webview.create("",o,r,{extras:{from:xp(),runtime:wp(),data:n,useGlobalEvent:!yp}});return l.addEventListener("close",a),function(e,t){"v8"===wp()?yp?(_p&&_p.close(),(_p=new yp(xp())).onmessage=Tp):bp||(bp=mp.requireModule("globalEvent")).addEventListener("plusMessage",Tp):window.__plusMessage=Tp,Sp[e]=t}(o,(e=>{"function"==typeof i&&i(e.data),e.keep||l.close("auto")})),l.show(r.animationType,r.animationDuration),new Ep(l)}var Cp={SELECTOR:"selector",MULTISELECTOR:"multiSelector",TIME:"time",DATE:"date"},Mp={YEAR:"year",MONTH:"month",DAY:"day"};function Op(e){return e>9?e:"0".concat(e)}function Ip(e,t){e=String(e||"");var n=new Date;if(t===Cp.TIME){var r=e.split(":");2===r.length&&n.setHours(parseInt(r[0]),parseInt(r[1]))}else{var i=e.split("-");3===i.length&&n.setFullYear(parseInt(i[0]),parseInt(String(parseFloat(i[1])-1)),parseInt(i[2]))}return n}var Lp=Ku({name:"Picker",props:{name:{type:String,default:""},range:{type:Array,default:()=>[]},rangeKey:{type:String,default:""},value:{type:[Number,String,Array],default:0},mode:{type:String,default:Cp.SELECTOR,validator:e=>Object.values(Cp).indexOf(e)>=0},fields:{type:String,default:""},start:{type:String,default:function(e){if(e.mode===Cp.TIME)return"00:00";if(e.mode===Cp.DATE){var t=(new Date).getFullYear()-100;switch(e.fields){case Mp.YEAR:return t;case Mp.MONTH:return t+"-01";default:return t+"-01-01"}}return""}},end:{type:String,default:function(e){if(e.mode===Cp.TIME)return"23:59";if(e.mode===Cp.DATE){var t=(new Date).getFullYear()+100;switch(e.fields){case Mp.YEAR:return t;case Mp.MONTH:return t+"-12";default:return t+"-12-31"}}return""}},disabled:{type:[Boolean,String],default:!1}},emits:["change","cancel","columnchange"],setup(e,{emit:t}){mr();var{t:n,getLocale:r}=vr(),i=ma(null),a=rc(i,t),o=ma(null),s=ma(null),l=()=>{var t=e.value;switch(e.mode){case Cp.MULTISELECTOR:Array.isArray(t)||(t=[]),Array.isArray(o.value)||(o.value=[]);for(var n=o.value.length=Math.max(t.length,e.range.length),r=0;r<n;r++){var i=Number(t[r]),a=Number(o.value[r]),s=isNaN(i)?isNaN(a)?0:a:i;o.value.splice(r,1,s<0?0:s)}break;case Cp.TIME:case Cp.DATE:o.value=String(t);break;default:var l=Number(t);o.value=l<0?0:l}},u=e=>{s.value&&s.value.sendMessage(e)},c=(t,n)=>{t.mode!==Cp.TIME&&t.mode!==Cp.DATE||t.fields?(t.fields=Object.values(Mp).includes(t.fields)?t.fields:Mp.DAY,(e=>{var t={event:"cancel"};s.value=kp({url:"__uniapppicker",data:e,style:{titleNView:!1,animationType:"none",animationDuration:0,background:"rgba(0,0,0,0)",popGesture:"none"},onMessage:n=>{var r=n.event;if("created"!==r)return"columnchange"===r?(delete n.event,void a(r,{},n)):void(t=n);u(e)},onClose:()=>{s.value=null;var e=t.event;delete t.event,e&&a(e,{},t)}})})(t)):((t,n)=>{plus.nativeUI[e.mode===Cp.TIME?"pickTime":"pickDate"]((t=>{var n=t.date;a("change",{},{value:e.mode===Cp.TIME?"".concat(Op(n.getHours()),":").concat(Op(n.getMinutes())):"".concat(n.getFullYear(),"-").concat(Op(n.getMonth()+1),"-").concat(Op(n.getDate()))})}),(()=>{a("cancel",{},{})}),e.mode===Cp.TIME?{time:Ip(e.value,Cp.TIME),popover:n}:{date:Ip(e.value,Cp.DATE),minDate:Ip(e.start,Cp.DATE),maxDate:Ip(e.end,Cp.DATE),popover:n})})(0,n)},d=t=>{if(!e.disabled){var i=t.currentTarget.getBoundingClientRect();c(Object.assign({},e,{value:o.value,locale:r(),messages:{done:n("uni.picker.done"),cancel:n("uni.picker.cancel")}}),{top:i.top+tp(),left:i.left,width:i.width,height:i.height})}},h=Ba(ic,!1),p={submit:()=>[e.name,o.value],reset:()=>{switch(e.mode){case Cp.SELECTOR:o.value=0;break;case Cp.MULTISELECTOR:Array.isArray(e.value)&&(o.value=e.value.map((e=>0)));break;case Cp.DATE:case Cp.TIME:o.value=""}}};return h&&(h.addField(p),Ga((()=>h.removeField(p)))),Object.keys(e).forEach((t=>{"name"!==t&&Fs((()=>e[t]),(e=>{var n={};n[t]=e,u(n)}),{deep:!0})})),Fs((()=>e.value),l,{deep:!0}),l(),()=>Yo("uni-picker",{ref:i,onClick:d},{default:()=>[Yo("slot",null,null)]},8,["onClick"])}});var Np={id:{type:String,default:""},src:{type:String,default:""},duration:{type:[Number,String],default:""},controls:{type:[Boolean,String],default:!0},danmuList:{type:Array,default:()=>[]},danmuBtn:{type:[Boolean,String],default:!1},enableDanmu:{type:[Boolean,String],default:!1},autoplay:{type:[Boolean,String],default:!1},loop:{type:[Boolean,String],default:!1},muted:{type:[Boolean,String],default:!1},objectFit:{type:String,default:"contain"},poster:{type:String,default:""},direction:{type:[String,Number],default:""},showProgress:{type:Boolean,default:!0},initialTime:{type:[String,Number],default:0},showFullscreenBtn:{type:[Boolean,String],default:!0},pageGesture:{type:[Boolean,String],default:!1},enableProgressGesture:{type:[Boolean,String],default:!0},showPlayBtn:{type:[Boolean,String],default:!0},enablePlayGesture:{type:[Boolean,String],default:!0},showCenterPlayBtn:{type:[Boolean,String],default:!0},showLoading:{type:[Boolean,String],default:!0},codec:{type:String,default:"hardware"},httpCache:{type:[Boolean,String],default:!1},playStrategy:{type:[Number,String],default:0},header:{type:Object,default:()=>({})},advanced:{type:Array,default:()=>[]}},Ap=["play","pause","ended","timeupdate","fullscreenchange","fullscreenclick","waiting","error"],Pp=["play","pause","stop","seek","sendDanmu","playbackRate","requestFullScreen","exitFullScreen"],Rp=Ku({name:"Video",props:Np,emits:Ap,setup(e,{emit:t}){var n,r=ma(null),i=rc(r,t),a=ma(null),o=rp(e,["id"]),{position:s,hidden:l,onParentReady:u}=ip(a);return u((()=>{n=plus.video.createVideoPlayer("video"+Date.now(),Object.assign({},o.value,s)),plus.webview.currentWebview().append(n),l.value&&n.hide(),Ap.forEach((e=>{n.addEventListener(e,(t=>{i(e,{},t.detail)}))})),Fs((()=>o.value),(e=>n.setStyles(e)),{deep:!0}),Fs((()=>s),(e=>n.setStyles(e)),{deep:!0}),Fs((()=>l.value),(e=>{n[e?"hide":"show"](),e||n.setStyles(s)}))})),Uh(((e,t)=>{if(Pp.includes(e)){var r;switch(e){case"seek":r=t.position;break;case"sendDanmu":r=t;break;case"playbackRate":r=t.rate}n&&n[e](r)}}),Xh(),!0),Ga((()=>{n&&n.close()})),()=>Yo("uni-video",{ref:r,id:e.id},{default:()=>[Yo("div",{ref:a,class:"uni-video-container"},null,512),Yo("div",{class:"uni-video-slot"},null)],_:1},8,["id"])}});var Bp,$p=Ku({name:"WebView",props:{src:{type:String,default:""},webviewStyles:{type:Object,default:()=>({})}},setup(e){var t=$l(),n=ma(null),{hidden:r,onParentReady:i}=ip(n),a=Ta((()=>e.webviewStyles));return i((()=>{var n;(({htmlId:e,src:t,webviewStyles:n})=>{var r=plus.webview.currentWebview(),i=on(n,{"uni-app":"none",isUniH5:!0}),a=r.getTitleNView();if(a){var o=44+parseFloat(i.top||"0");plus.navigator.isImmersedStatusbar()&&(o+=ep()),i.top=String(o),i.bottom=i.bottom||"0"}Bp=plus.webview.create(t,e,i),a&&Bp.addEventListener("titleUpdate",(function(){var e,t=null===(e=Bp)||void 0===e?void 0:e.getTitle();r.setStyle({titleNView:{titleText:t&&"null"!==t?t:" "}})})),plus.webview.currentWebview().append(Bp)})({htmlId:ma("webviewId"+t).value,src:eu(e.src),webviewStyles:a.value}),UniViewJSBridge.publishHandler("webviewInserted",{},t),r.value&&(null===(n=Bp)||void 0===n||n.hide())})),Ga((()=>{var e;plus.webview.currentWebview().remove(Bp),null===(e=Bp)||void 0===e||e.close("none"),Bp=null,UniViewJSBridge.publishHandler("webviewRemoved",{},t)})),Fs((()=>e.src),(t=>{var n,r=eu(t)||"";if(r){var i;if(/^(http|https):\/\//.test(r)&&e.webviewStyles.progress)null===(i=Bp)||void 0===i||i.setStyle({progress:{color:e.webviewStyles.progress.color}});null===(n=Bp)||void 0===n||n.loadURL(r)}})),Fs(a,(e=>{var t;null===(t=Bp)||void 0===t||t.setStyle(e)})),Fs(r,(e=>{Bp&&Bp[e?"hide":"show"]()})),()=>Yo("uni-web-view",{ref:n},null,512)}});var Dp={"#text":class extends Lu{constructor(e,t,n,r){super(e,"#text",t,document.createTextNode("")),this.init(r),this.insert(t,n)}},"#comment":class extends Lu{constructor(e,t,n){super(e,"#comment",t,document.createComment("")),this.insert(t,n)}},VIEW:class extends Zh{constructor(e,t,n,r){super(e,document.createElement("uni-view"),t,n,r)}},IMAGE:class extends op{constructor(e,t,n,r){super(e,"uni-image",vd,t,n,r)}},TEXT:class extends Gh{constructor(e,t,n,r){super(e,document.createElement("uni-text"),t,n,r,Jh),this._text=""}init(e){this._text=e.t||"",super.init(e)}setText(e){this._text=e,this.update()}update(e=!1){var{$props:{space:t,decode:n}}=this;this.$.innerHTML=Fh(this._text,{space:t,decode:n}).join("<br>"),super.update(e)}},NAVIGATOR:class extends op{constructor(e,t,n,r){super(e,"uni-navigator",lh,t,n,r)}},FORM:class extends op{constructor(e,t,n,r){super(e,"uni-form",ac,t,n,r,"span")}},BUTTON:class extends op{constructor(e,t,n,r){super(e,"uni-button",dc,t,n,r)}},INPUT:class extends op{constructor(e,t,n,r){super(e,"uni-input",Ld,t,n,r)}},LABEL:class extends op{constructor(e,t,n,r){super(e,"uni-label",sc,t,n,r)}},RADIO:class extends op{constructor(e,t,n,r){super(e,"uni-radio",Th,t,n,r,".uni-radio-wrapper")}setText(e){lp(this.$holder,"uni-radio-input",e)}},CHECKBOX:class extends op{constructor(e,t,n,r){super(e,"uni-checkbox",Lc,t,n,r,".uni-checkbox-wrapper")}setText(e){lp(this.$holder,"uni-checkbox-input",e)}},"CHECKBOX-GROUP":class extends op{constructor(e,t,n,r){super(e,"uni-checkbox-group",Tc,t,n,r)}},AD:class extends op{constructor(e,t,n,r){super(e,"uni-ad",ap,t,n,r)}},CAMERA:class extends up{constructor(e,t,n){super(e,"uni-camera",t,n)}},CANVAS:class extends op{constructor(e,t,n,r){super(e,"uni-canvas",xc,t,n,r,"uni-canvas > div")}},"COVER-IMAGE":class extends op{constructor(e,t,n,r){super(e,"uni-cover-image",hp,t,n,r)}},"COVER-VIEW":class extends sp{constructor(e,t,n,r){super(e,"uni-cover-view",pp,t,n,r,".uni-cover-view")}},EDITOR:class extends op{constructor(e,t,n,r){super(e,"uni-editor",sd,t,n,r)}},"FUNCTIONAL-PAGE-NAVIGATOR":class extends up{constructor(e,t,n){super(e,"uni-functional-page-navigator",t,n)}},ICON:class extends op{constructor(e,t,n,r){super(e,"uni-icon",dd,t,n,r)}},"RADIO-GROUP":class extends op{constructor(e,t,n,r){super(e,"uni-radio-group",Sh,t,n,r)}},"LIVE-PLAYER":class extends up{constructor(e,t,n){super(e,"uni-live-player",t,n)}},"LIVE-PUSHER":class extends up{constructor(e,t,n){super(e,"uni-live-pusher",t,n)}},MAP:class extends op{constructor(e,t,n,r){super(e,"uni-map",vp,t,n,r,".uni-map-slot")}},"MOVABLE-AREA":class extends sp{constructor(e,t,n,r){super(e,"uni-movable-area",jd,t,n,r)}},"MOVABLE-VIEW":class extends op{constructor(e,t,n,r){super(e,"uni-movable-view",Qd,t,n,r)}},"OFFICIAL-ACCOUNT":class extends up{constructor(e,t,n){super(e,"uni-official-account",t,n)}},"OPEN-DATA":class extends up{constructor(e,t,n){super(e,"uni-open-data",t,n)}},PICKER:class extends op{constructor(e,t,n,r){super(e,"uni-picker",Lp,t,n,r)}},"PICKER-VIEW":class extends sp{constructor(e,t,n,r){super(e,"uni-picker-view",uh,t,n,r,".uni-picker-view-wrapper")}},"PICKER-VIEW-COLUMN":class extends sp{constructor(e,t,n,r){super(e,"uni-picker-view-column",mh,t,n,r,".uni-picker-view-content")}},PROGRESS:class extends op{constructor(e,t,n,r){super(e,"uni-progress",bh,t,n,r)}},"RICH-TEXT":class extends op{constructor(e,t,n,r){super(e,"uni-rich-text",Oh,t,n,r)}},"SCROLL-VIEW":class extends op{constructor(e,t,n,r){super(e,"uni-scroll-view",Lh,t,n,r,".uni-scroll-view-content")}setText(e){lp(this.$holder,"uni-scroll-view-refresher",e)}},SLIDER:class extends op{constructor(e,t,n,r){super(e,"uni-slider",Nh,t,n,r)}},SWIPER:class extends sp{constructor(e,t,n,r){super(e,"uni-swiper",Rh,t,n,r,".uni-swiper-slide-frame")}},"SWIPER-ITEM":class extends op{constructor(e,t,n,r){super(e,"uni-swiper-item",Bh,t,n,r)}},SWITCH:class extends op{constructor(e,t,n,r){super(e,"uni-switch",$h,t,n,r)}},TEXTAREA:class extends op{constructor(e,t,n,r){super(e,"uni-textarea",Vh,t,n,r)}},VIDEO:class extends op{constructor(e,t,n,r){super(e,"uni-video",Rp,t,n,r,".uni-video-slot")}},"WEB-VIEW":class extends op{constructor(e,t,n,r){super(e,"uni-web-view",$p,t,n,r)}}};var Fp=new Map;function Wp(e){return Fp.get(e)}function jp(e){return Fp.delete(e)}function Vp(e,t,n,r,i={}){var a;if(0===e)a=new Lu(e,t,n,document.createElement(t));else{var o=Dp[t];a=o?new o(e,n,r,i):new Yu(e,document.createElement(t),n,r,i)}return Fp.set(e,a),a}var zp=[],Hp=!1;function qp(e){if(Hp)return e();zp.push(e)}function Up(){Hp=!0,zp.forEach((e=>e())),zp.length=0}function Yp({css:e,route:t,platform:n,pixelRatio:r,windowWidth:i,disableScroll:a,statusbarHeight:o,windowTop:s,windowBottom:l}){!function(e){window.__PAGE_INFO__={route:e}}(t),function(e,t,n){window.__SYSTEM_INFO__={platform:e,pixelRatio:t,windowWidth:n}}(n,r,i),Vp(0,"div",-1,-1).$=document.getElementById("app");var u=plus.webview.currentWebview().id;window.__id__=u,document.title="".concat(t,"[").concat(u,"]"),function(e,t,n){!function(e){var t=document.documentElement.style;Object.keys(e).forEach((n=>{t.setProperty(n,e[n])}))}({"--window-left":"0px","--window-right":"0px","--window-top":t+"px","--window-bottom":n+"px","--status-bar-height":e+"px"})}(o,s,l),a&&document.addEventListener("touchmove",Dl),e?function(e){var t=document.createElement("link");t.type="text/css",t.rel="stylesheet",t.href=e+".css",t.onload=Up,t.onerror=Up,document.head.appendChild(t)}(t):Up()}var Xp=!1;function Gp({scrollTop:e,selector:t,duration:n},r){!function(e,t){if(pn(e)){var n=document.querySelector(e);n&&(e=n.getBoundingClientRect().top+window.pageYOffset)}e<0&&(e=0);var r=document.documentElement,{clientHeight:i,scrollHeight:a}=r;if(e=Math.min(e,a-i),0!==t){if(window.scrollY!==e){var o=t=>{if(t<=0)window.scrollTo(0,e);else{var n=e-window.scrollY;requestAnimationFrame((function(){window.scrollTo(0,window.scrollY+n/t*10),o(t-10)}))}};o(t)}}else r.scrollTop=document.body.scrollTop=e}(t||e||0,n),r()}function Jp(e){var t=e[0];1===t[0]?Yp(t[1]):qp((()=>function(e){var t=e[0],n=function(e){if(!e.length)return e=>e;var t=(n,r=!0)=>{if("number"==typeof n)return e[n];var i={};return n.forEach((([e,n])=>{i[t(e)]=r?t(n):n})),i};return t}(0===t[0]?t[1]:[]);e.forEach((e=>{switch(e[0]){case 1:return Yp(e[1]);case 2:return;case 3:return Vp(e[1],n(e[2]),e[3],e[4],function(e,t){if(t)return t.a&&(t.a=e(t.a)),t.e&&(t.e=e(t.e,!1)),t.w&&(t.w=function(e,t){var n={};return e.forEach((([e,[r,i]])=>{n[t(e)]=[t(r),i]})),n}(t.w,e)),t.s&&(t.s=e(t.s)),t.t&&(t.t=e(t.t)),t}(n,e[5]));case 5:return Wp(e[1]).remove();case 6:return Wp(e[1]).setAttr(n(e[2]),n(e[3]));case 7:return Wp(e[1]).removeAttr(n(e[2]));case 8:return Wp(e[1]).addEvent(n(e[2]),e[3]);case 12:return Wp(e[1]).addWxsEvent(n(e[2]),n(e[3]),e[4]);case 9:return Wp(e[1]).removeEvent(n(e[2]));case 10:return Wp(e[1]).setText(n(e[2]));case 15:return function(e){if(!Xp){Xp=!0;var t={onReachBottomDistance:e,onPageScroll(e){UniViewJSBridge.publishHandler("onPageScroll",{scrollTop:e})},onReachBottom(){UniViewJSBridge.publishHandler("onReachBottom")}};requestAnimationFrame((()=>document.addEventListener("scroll",Wl(t))))}}(e[1])}})),function(){try{[..._u].sort(((e,t)=>e.priority-t.priority)).forEach((e=>e()))}finally{_u.clear()}}()}(e)))}function Kp(e){return window.__$__(e).$}function Zp(e,t){var n={},{top:r}=function(){var e=document.documentElement.style,t=Ol(),n=parseInt(e.getPropertyValue("--window-bottom")),r=parseInt(e.getPropertyValue("--window-left")),i=parseInt(e.getPropertyValue("--window-right"));return{top:t,bottom:n?n+Cl.bottom:0,left:r?r+Cl.left:0,right:i?i+Cl.right:0}}();if(t.id&&(n.id=e.id),t.dataset&&(n.dataset=Rn(e)),t.rect||t.size){var i=e.getBoundingClientRect();t.rect&&(n.left=i.left,n.right=i.right,n.top=i.top-r,n.bottom=i.bottom-r),t.size&&(n.width=i.width,n.height=i.height)}if(Array.isArray(t.properties)&&t.properties.forEach((e=>{e=e.replace(/-([a-z])/g,(function(e,t){return t.toUpperCase()}))})),t.scrollOffset)if("UNI-SCROLL-VIEW"===e.tagName){var a=e.children[0].children[0];n.scrollLeft=a.scrollLeft,n.scrollTop=a.scrollTop,n.scrollHeight=a.scrollHeight,n.scrollWidth=a.scrollWidth}else n.scrollLeft=0,n.scrollTop=0,n.scrollHeight=0,n.scrollWidth=0;if(Array.isArray(t.computedStyle)){var o=getComputedStyle(e);t.computedStyle.forEach((e=>{n[e]=o[e]}))}return t.context&&(n.contextInfo=function(e){return e.__uniContextInfo}(e)),n}function Qp(e,t){return(e.matches||e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this.parentElement.querySelectorAll(e),n=t.length;--n>=0&&t.item(n)!==this;);return n>-1}).call(e,t)}function ef(e,t,n,r,i){var a=function(e,t){return e?window.__$__(e).$:t.$el}(t,e),o=a.parentElement;if(!o)return r?null:[];var{nodeType:s}=a,l=3===s||8===s;if(r){var u=l?o.querySelector(n):Qp(a,n)?a:a.querySelector(n);return u?Zp(u,i):null}var c=[],d=(l?o:a).querySelectorAll(n);return d&&d.length&&[].forEach.call(d,(e=>{c.push(Zp(e,i))})),!l&&Qp(a,n)&&c.unshift(Zp(a,i)),c}function tf(e,t,n){var r=[];t.forEach((({component:t,selector:n,single:i,fields:a})=>{null===t?r.push(function(e){var t={};if(e.id&&(t.id=""),e.dataset&&(t.dataset={}),e.rect&&(t.left=0,t.right=0,t.top=0,t.bottom=0),e.size&&(t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight),e.scrollOffset){var n=document.documentElement,r=document.body;t.scrollLeft=n.scrollLeft||r.scrollLeft||0,t.scrollTop=n.scrollTop||r.scrollTop||0,t.scrollHeight=n.scrollHeight||r.scrollHeight||0,t.scrollWidth=n.scrollWidth||r.scrollWidth||0}return t}(a)):r.push(ef(e,t,n,i,a))})),n(r)}function nf({reqId:e,component:t,options:n,callback:r},i){var a=Kp(t);(a.__io||(a.__io={}))[e]=function(e,t,n){vu();var r=t.relativeToSelector?e.querySelector(t.relativeToSelector):null,i=new IntersectionObserver((e=>{e.forEach((e=>{n({intersectionRatio:mu(e),intersectionRect:gu(e.intersectionRect),boundingClientRect:gu(e.boundingClientRect),relativeRect:gu(e.rootBounds),time:Date.now(),dataset:Rn(e.target),id:e.target.id})}))}),{root:r,rootMargin:t.rootMargin,threshold:t.thresholds});if(t.observeAll){i.USE_MUTATION_OBSERVER=!0;for(var a=e.querySelectorAll(t.selector),o=0;o<a.length;o++)i.observe(a[o])}else{i.USE_MUTATION_OBSERVER=!1;var s=e.querySelector(t.selector);s?i.observe(s):console.warn("Node ".concat(t.selector," is not found. Intersection observer will not trigger."))}return i}(a,n,r)}function rf({family:e,source:t,desc:n},r){(function(e,t,n){var r=document.fonts;if(r){var i=new FontFace(e,t,n);return i.load().then((()=>{r.add(i)}))}return new Promise((r=>{var i=document.createElement("style"),a=[];if(n){var{style:o,weight:s,stretch:l,unicodeRange:u,variant:c,featureSettings:d}=n;o&&a.push("font-style:".concat(o)),s&&a.push("font-weight:".concat(s)),l&&a.push("font-stretch:".concat(l)),u&&a.push("unicode-range:".concat(u)),c&&a.push("font-variant:".concat(c)),d&&a.push("font-feature-settings:".concat(d))}i.innerText='@font-face{font-family:"'.concat(e,'";src:').concat(t,";").concat(a.join(";"),"}"),document.head.appendChild(i),r()}))})(e,t,n).then((()=>{r()})).catch((e=>{r(e.toString())}))}var af={$el:document.body};function of(){var e=$l();!function(e,t){UniViewJSBridge.subscribe(Tr(e,br),t?t(kr):kr)}(e,(e=>(...t)=>{qp((()=>{e.apply(null,t)}))})),Er(e,"requestComponentInfo",((e,t)=>{tf(af,e.reqs,t)})),Er(e,"addIntersectionObserver",(e=>{nf(on({},e,{callback(t){UniViewJSBridge.publishHandler(e.eventName,t)}}))})),Er(e,"removeIntersectionObserver",(e=>{!function({reqId:e,component:t},n){var r=Kp(t),i=r.__io&&r.__io[e];i&&(i.disconnect(),delete r.__io[e])}(e)})),Er(e,"pageScrollTo",Gp),Er(e,"loadFontFace",rf)}function sf(){Fr(),of(),function(){var{subscribe:e}=UniViewJSBridge;e(Jl,Jp)}(),function(){if(0===String(navigator.vendor).indexOf("Apple")){var e,t=null;document.documentElement.addEventListener("click",(n=>{clearTimeout(e),t&&Math.abs(n.pageX-t.pageX)<=44&&Math.abs(n.pageY-t.pageY)<=44&&n.timeStamp-t.timeStamp<=450&&n.preventDefault(),t=n,e=setTimeout((()=>{t=null}),450)}))}}(),Kl.publishHandler("onWebviewReady")}window.uni=yu,window.UniViewJSBridge=Kl,window.rpx2px=su,window.__$__=Wp,"undefined"!=typeof plus?sf():document.addEventListener("plusready",sf)}));
diff --git a/packages/uni-app-plus/package.json b/packages/uni-app-plus/package.json
index b101c2d4e..4c86b3079 100644
--- a/packages/uni-app-plus/package.json
+++ b/packages/uni-app-plus/package.json
@@ -17,7 +17,7 @@
     "url": "https://github.com/dcloudio/uni-app/issues"
   },
   "dependencies": {
-    "vue": "3.1.5"
+    "vue": "^3.2.2"
   },
   "gitHead": "d5896d19315a106039411c16bbf8b804a865450d"
 }
diff --git a/packages/uni-app-plus/src/service/framework/page/setup.ts b/packages/uni-app-plus/src/service/framework/page/setup.ts
index 5cc0c4656..85a3a7cef 100644
--- a/packages/uni-app-plus/src/service/framework/page/setup.ts
+++ b/packages/uni-app-plus/src/service/framework/page/setup.ts
@@ -57,7 +57,7 @@ function initScope(
     return plus.webview.getWebviewById(pageId + '')
   }
   vm.$getAppWebview = $getAppWebview
-  vm.$scope = {
+  ;(vm.$ as any).ctx!.$scope = {
     $getAppWebview,
   }
   vm.getOpenerEventChannel = () => {
diff --git a/packages/uni-app-vue/dist/service.runtime.esm.dev.js b/packages/uni-app-vue/dist/service.runtime.esm.dev.js
index 3c45be4b7..dc07d2657 100644
--- a/packages/uni-app-vue/dist/service.runtime.esm.dev.js
+++ b/packages/uni-app-vue/dist/service.runtime.esm.dev.js
@@ -658,7 +658,7 @@ export default function vueFactory(exports) {
 
       for (var i = 0; i < value.length; i++) {
         var item = value[i];
-        var normalized = normalizeStyle(isString(item) ? parseStringStyle(item) : item);
+        var normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item);
 
         if (normalized) {
           for (var key in normalized) {
@@ -668,6 +668,8 @@ export default function vueFactory(exports) {
       }
 
       return res;
+    } else if (isString(value)) {
+      return value;
     } else if (isObject(value)) {
       return value;
     }
@@ -709,11 +711,29 @@ export default function vueFactory(exports) {
     }
 
     return res.trim();
+  }
+
+  function normalizeProps(props) {
+    if (!props) return null;
+    var {
+      class: klass,
+      style
+    } = props;
+
+    if (klass && !isString(klass)) {
+      props.class = normalizeClass(klass);
+    }
+
+    if (style) {
+      props.style = normalizeStyle(style);
+    }
+
+    return props;
   } // These tag configs are shared between compiler-dom and runtime-dom, so they
   // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 
 
-  var HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' + 'header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,' + 'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' + 'data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,' + 'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' + 'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' + 'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' + 'option,output,progress,select,textarea,details,dialog,menu,' + 'summary,template,blockquote,iframe,tfoot'; // https://developer.mozilla.org/en-US/docs/Web/SVG/Element
+  var HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' + 'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' + 'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' + 'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' + 'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' + 'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' + 'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' + 'option,output,progress,select,textarea,details,dialog,menu,' + 'summary,template,blockquote,iframe,tfoot'; // https://developer.mozilla.org/en-US/docs/Web/SVG/Element
 
   var SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' + 'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' + 'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' + 'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' + 'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' + 'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' + 'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' + 'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' + 'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' + 'text,textPath,title,tspan,unknown,use,view';
   var isHTMLTag = /*#__PURE__*/makeMap(HTML_TAGS);
@@ -724,11 +744,14 @@ export default function vueFactory(exports) {
    */
 
   var toDisplayString = val => {
-    return val == null ? '' : isObject(val) ? JSON.stringify(val, replacer, 2) : String(val);
+    return val == null ? '' : isArray(val) || isObject(val) && val.toString === objectToString ? JSON.stringify(val, replacer, 2) : String(val);
   };
 
   var replacer = (_key, val) => {
-    if (isMap(val)) {
+    // can't use isRef here since @vue/shared has no deps
+    if (val && val.__v_isRef) {
+      return replacer(_key, val.value);
+    } else if (isMap(val)) {
       return {
         ["Map(".concat(val.size, ")")]: [...val.entries()].reduce((entries, [key, val]) => {
           entries["".concat(key, " =>")] = val;
@@ -844,7 +867,7 @@ export default function vueFactory(exports) {
 
   var toHandlerKey = cacheStringFunction(str => str ? "on".concat(capitalize(str)) : ""); // compare whether a value has changed, accounting for NaN.
 
-  var hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
+  var hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 
   var invokeArrayFns = (fns, arg) => {
     for (var i = 0; i < fns.length; i++) {
@@ -871,77 +894,221 @@ export default function vueFactory(exports) {
     return _globalThis || (_globalThis = typeof globalThis !== 'undefined' ? globalThis : typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : typeof window !== 'undefined' ? window : {});
   };
 
-  var targetMap = new WeakMap();
-  var effectStack = [];
-  var activeEffect;
-  var ITERATE_KEY = Symbol('iterate');
-  var MAP_KEY_ITERATE_KEY = Symbol('Map key iterate');
-
-  function isEffect(fn) {
-    return fn && fn._isEffect === true;
+  function warn(msg, ...args) {
+    console.warn("[Vue warn] ".concat(msg), ...args);
   }
 
-  function effect(fn, options = EMPTY_OBJ) {
-    if (isEffect(fn)) {
-      fn = fn.raw;
+  var activeEffectScope;
+  var effectScopeStack = [];
+
+  class EffectScope {
+    constructor(detached = false) {
+      this.active = true;
+      this.effects = [];
+      this.cleanups = [];
+
+      if (!detached && activeEffectScope) {
+        this.parent = activeEffectScope;
+        this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+      }
+    }
+
+    run(fn) {
+      if (this.active) {
+        try {
+          this.on();
+          return fn();
+        } finally {
+          this.off();
+        }
+      } else {
+        warn("cannot run an inactive effect scope.");
+      }
     }
 
-    var effect = createReactiveEffect(fn, options);
+    on() {
+      if (this.active) {
+        effectScopeStack.push(this);
+        activeEffectScope = this;
+      }
+    }
 
-    if (!options.lazy) {
-      effect();
+    off() {
+      if (this.active) {
+        effectScopeStack.pop();
+        activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+      }
     }
 
-    return effect;
-  }
+    stop(fromParent) {
+      if (this.active) {
+        this.effects.forEach(e => e.stop());
+        this.cleanups.forEach(cleanup => cleanup());
 
-  function stop(effect) {
-    if (effect.active) {
-      cleanup(effect);
+        if (this.scopes) {
+          this.scopes.forEach(e => e.stop(true));
+        } // nested scope, dereference from parent to avoid memory leaks
 
-      if (effect.options.onStop) {
-        effect.options.onStop();
+
+        if (this.parent && !fromParent) {
+          // optimized O(1) removal
+          var last = this.parent.scopes.pop();
+
+          if (last && last !== this) {
+            this.parent.scopes[this.index] = last;
+            last.index = this.index;
+          }
+        }
+
+        this.active = false;
       }
+    }
+
+  }
 
-      effect.active = false;
+  function effectScope(detached) {
+    return new EffectScope(detached);
+  }
+
+  function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+
+    if (scope && scope.active) {
+      scope.effects.push(effect);
     }
   }
 
-  var uid = 0;
+  function getCurrentScope() {
+    return activeEffectScope;
+  }
 
-  function createReactiveEffect(fn, options) {
-    var effect = function reactiveEffect() {
-      if (!effect.active) {
-        return fn();
+  function onScopeDispose(fn) {
+    if (activeEffectScope) {
+      activeEffectScope.cleanups.push(fn);
+    } else {
+      warn("onDispose() is called when there is no active effect scope" + " to be associated with.");
+    }
+  }
+
+  var createDep = effects => {
+    var dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+  };
+
+  var wasTracked = dep => (dep.w & trackOpBit) > 0;
+
+  var newTracked = dep => (dep.n & trackOpBit) > 0;
+
+  var initDepMarkers = ({
+    deps
+  }) => {
+    if (deps.length) {
+      for (var i = 0; i < deps.length; i++) {
+        deps[i].w |= trackOpBit; // set was tracked
+      }
+    }
+  };
+
+  var finalizeDepMarkers = effect => {
+    var {
+      deps
+    } = effect;
+
+    if (deps.length) {
+      var ptr = 0;
+
+      for (var i = 0; i < deps.length; i++) {
+        var dep = deps[i];
+
+        if (wasTracked(dep) && !newTracked(dep)) {
+          dep.delete(effect);
+        } else {
+          deps[ptr++] = dep;
+        } // clear bits
+
+
+        dep.w &= ~trackOpBit;
+        dep.n &= ~trackOpBit;
       }
 
-      if (!effectStack.includes(effect)) {
-        cleanup(effect);
+      deps.length = ptr;
+    }
+  };
+
+  var targetMap = new WeakMap(); // The number of effects currently being tracked recursively.
+
+  var effectTrackDepth = 0;
+  var trackOpBit = 1;
+  /**
+   * The bitwise track markers support at most 30 levels op recursion.
+   * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+   * When recursion depth is greater, fall back to using a full cleanup.
+   */
+
+  var maxMarkerBits = 30;
+  var effectStack = [];
+  var activeEffect;
+  var ITERATE_KEY = Symbol('iterate');
+  var MAP_KEY_ITERATE_KEY = Symbol('Map key iterate');
+
+  class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+      this.fn = fn;
+      this.scheduler = scheduler;
+      this.active = true;
+      this.deps = [];
+      recordEffectScope(this, scope);
+    }
+
+    run() {
+      if (!this.active) {
+        return this.fn();
+      }
 
+      if (!effectStack.includes(this)) {
         try {
+          effectStack.push(activeEffect = this);
           enableTracking();
-          effectStack.push(effect);
-          activeEffect = effect;
-          return fn();
+          trackOpBit = 1 << ++effectTrackDepth;
+
+          if (effectTrackDepth <= maxMarkerBits) {
+            initDepMarkers(this);
+          } else {
+            cleanupEffect(this);
+          }
+
+          return this.fn();
         } finally {
-          effectStack.pop();
+          if (effectTrackDepth <= maxMarkerBits) {
+            finalizeDepMarkers(this);
+          }
+
+          trackOpBit = 1 << --effectTrackDepth;
           resetTracking();
-          activeEffect = effectStack[effectStack.length - 1];
+          effectStack.pop();
+          var n = effectStack.length;
+          activeEffect = n > 0 ? effectStack[n - 1] : undefined;
         }
       }
-    };
+    }
+
+    stop() {
+      if (this.active) {
+        cleanupEffect(this);
+
+        if (this.onStop) {
+          this.onStop();
+        }
+
+        this.active = false;
+      }
+    }
 
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
   }
 
-  function cleanup(effect) {
+  function cleanupEffect(effect) {
     var {
       deps
     } = effect;
@@ -955,6 +1122,32 @@ export default function vueFactory(exports) {
     }
   }
 
+  function effect(fn, options) {
+    if (fn.effect) {
+      fn = fn.effect.fn;
+    }
+
+    var _effect = new ReactiveEffect(fn);
+
+    if (options) {
+      extend(_effect, options);
+      if (options.scope) recordEffectScope(_effect, options.scope);
+    }
+
+    if (!options || !options.lazy) {
+      _effect.run();
+    }
+
+    var runner = _effect.run.bind(_effect);
+
+    runner.effect = _effect;
+    return runner;
+  }
+
+  function stop(runner) {
+    runner.effect.stop();
+  }
+
   var shouldTrack = true;
   var trackStack = [];
 
@@ -974,7 +1167,7 @@ export default function vueFactory(exports) {
   }
 
   function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
       return;
     }
 
@@ -987,20 +1180,44 @@ export default function vueFactory(exports) {
     var dep = depsMap.get(key);
 
     if (!dep) {
-      depsMap.set(key, dep = new Set());
+      depsMap.set(key, dep = createDep());
+    }
+
+    var eventInfo = {
+      effect: activeEffect,
+      target,
+      type,
+      key
+    };
+    trackEffects(dep, eventInfo);
+  }
+
+  function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+  }
+
+  function trackEffects(dep, debuggerEventExtraInfo) {
+    var shouldTrack = false;
+
+    if (effectTrackDepth <= maxMarkerBits) {
+      if (!newTracked(dep)) {
+        dep.n |= trackOpBit; // set newly tracked
+
+        shouldTrack = !wasTracked(dep);
+      }
+    } else {
+      // Full cleanup mode.
+      shouldTrack = !dep.has(activeEffect);
     }
 
-    if (!dep.has(activeEffect)) {
+    if (shouldTrack) {
       dep.add(activeEffect);
       activeEffect.deps.push(dep);
 
-      if (activeEffect.options.onTrack) {
-        activeEffect.options.onTrack({
-          effect: activeEffect,
-          target,
-          type,
-          key
-        });
+      if (activeEffect.onTrack) {
+        activeEffect.onTrack(Object.assign({
+          effect: activeEffect
+        }, debuggerEventExtraInfo));
       }
     }
   }
@@ -1013,34 +1230,24 @@ export default function vueFactory(exports) {
       return;
     }
 
-    var effects = new Set();
-
-    var add = effectsToAdd => {
-      if (effectsToAdd) {
-        effectsToAdd.forEach(effect => {
-          if (effect !== activeEffect || effect.allowRecurse) {
-            effects.add(effect);
-          }
-        });
-      }
-    };
+    var deps = [];
 
     if (type === "clear"
     /* CLEAR */
     ) {
       // collection being cleared
       // trigger all effects for target
-      depsMap.forEach(add);
+      deps = [...depsMap.values()];
     } else if (key === 'length' && isArray(target)) {
       depsMap.forEach((dep, key) => {
         if (key === 'length' || key >= newValue) {
-          add(dep);
+          deps.push(dep);
         }
       });
     } else {
       // schedule runs for SET | ADD | DELETE
       if (key !== void 0) {
-        add(depsMap.get(key));
+        deps.push(depsMap.get(key));
       } // also run for iteration key on ADD | DELETE | Map.SET
 
 
@@ -1049,14 +1256,14 @@ export default function vueFactory(exports) {
         /* ADD */
         :
           if (!isArray(target)) {
-            add(depsMap.get(ITERATE_KEY));
+            deps.push(depsMap.get(ITERATE_KEY));
 
             if (isMap(target)) {
-              add(depsMap.get(MAP_KEY_ITERATE_KEY));
+              deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
             }
           } else if (isIntegerKey(key)) {
             // new index added to array -> length changes
-            add(depsMap.get('length'));
+            deps.push(depsMap.get('length'));
           }
 
           break;
@@ -1065,10 +1272,10 @@ export default function vueFactory(exports) {
         /* DELETE */
         :
           if (!isArray(target)) {
-            add(depsMap.get(ITERATE_KEY));
+            deps.push(depsMap.get(ITERATE_KEY));
 
             if (isMap(target)) {
-              add(depsMap.get(MAP_KEY_ITERATE_KEY));
+              deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
             }
           }
 
@@ -1078,34 +1285,60 @@ export default function vueFactory(exports) {
         /* SET */
         :
           if (isMap(target)) {
-            add(depsMap.get(ITERATE_KEY));
+            deps.push(depsMap.get(ITERATE_KEY));
           }
 
           break;
       }
     }
 
-    var run = effect => {
-      if (effect.options.onTrigger) {
-        effect.options.onTrigger({
-          effect,
-          target,
-          key,
-          type,
-          newValue,
-          oldValue,
-          oldTarget
-        });
+    var eventInfo = {
+      target,
+      type,
+      key,
+      newValue,
+      oldValue,
+      oldTarget
+    };
+
+    if (deps.length === 1) {
+      if (deps[0]) {
+        {
+          triggerEffects(deps[0], eventInfo);
+        }
       }
+    } else {
+      var effects = [];
 
-      if (effect.options.scheduler) {
-        effect.options.scheduler(effect);
-      } else {
-        effect();
+      for (var dep of deps) {
+        if (dep) {
+          effects.push(...dep);
+        }
       }
-    };
 
-    effects.forEach(run);
+      {
+        triggerEffects(createDep(effects), eventInfo);
+      }
+    }
+  }
+
+  function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (var _effect2 of isArray(dep) ? dep : [...dep]) {
+      if (_effect2 !== activeEffect || _effect2.allowRecurse) {
+        if (_effect2.onTrigger) {
+          _effect2.onTrigger(extend({
+            effect: _effect2
+          }, debuggerEventExtraInfo));
+        }
+
+        if (_effect2.scheduler) {
+          _effect2.scheduler();
+        } else {
+          _effect2.run();
+        }
+      }
+    }
   }
 
   var isNonTrackableKeys = /*#__PURE__*/makeMap("__proto__,__v_isRef,__isVue");
@@ -1119,8 +1352,6 @@ export default function vueFactory(exports) {
   function createArrayInstrumentations() {
     var instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-      var method = Array.prototype[key];
-
       instrumentations[key] = function (...args) {
         var arr = toRaw(this);
 
@@ -1131,22 +1362,20 @@ export default function vueFactory(exports) {
         } // we run the method using the original args first (which may be reactive)
 
 
-        var res = method.apply(arr, args);
+        var res = arr[key](...args);
 
         if (res === -1 || res === false) {
           // if that didn't work, run it again using raw values.
-          return method.apply(arr, args.map(toRaw));
+          return arr[key](...args.map(toRaw));
         } else {
           return res;
         }
       };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-      var method = Array.prototype[key];
-
       instrumentations[key] = function (...args) {
         pauseTracking();
-        var res = method.apply(this, args);
+        var res = toRaw(this)[key].apply(this, args);
         resetTracking();
         return res;
       };
@@ -1833,9 +2062,10 @@ export default function vueFactory(exports) {
   }
 
   function toRaw(observed) {
-    return observed && toRaw(observed["__v_raw"
+    var raw = observed && observed["__v_raw"
     /* RAW */
-    ]) || observed;
+    ];
+    return raw ? toRaw(raw) : observed;
   }
 
   function markRaw(value) {
@@ -1845,6 +2075,43 @@ export default function vueFactory(exports) {
     return value;
   }
 
+  function trackRefValue(ref) {
+    if (isTracking()) {
+      ref = toRaw(ref);
+
+      if (!ref.dep) {
+        ref.dep = createDep();
+      }
+
+      {
+        trackEffects(ref.dep, {
+          target: ref,
+          type: "get"
+          /* GET */
+          ,
+          key: 'value'
+        });
+      }
+    }
+  }
+
+  function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+
+    if (ref.dep) {
+      {
+        triggerEffects(ref.dep, {
+          target: ref,
+          type: "set"
+          /* SET */
+          ,
+          key: 'value',
+          newValue: newVal
+        });
+      }
+    }
+  }
+
   var convert = val => isObject(val) ? reactive(val) : val;
 
   function isRef(r) {
@@ -1860,27 +2127,26 @@ export default function vueFactory(exports) {
   }
 
   class RefImpl {
-    constructor(_rawValue, _shallow) {
-      this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
       this._shallow = _shallow;
+      this.dep = undefined;
       this.__v_isRef = true;
-      this._value = _shallow ? _rawValue : convert(_rawValue);
+      this._rawValue = _shallow ? value : toRaw(value);
+      this._value = _shallow ? value : convert(value);
     }
 
     get value() {
-      track(toRaw(this), "get"
-      /* GET */
-      , 'value');
+      trackRefValue(this);
       return this._value;
     }
 
     set value(newVal) {
-      if (hasChanged(toRaw(newVal), this._rawValue)) {
+      newVal = this._shallow ? newVal : toRaw(newVal);
+
+      if (hasChanged(newVal, this._rawValue)) {
         this._rawValue = newVal;
         this._value = this._shallow ? newVal : convert(newVal);
-        trigger(toRaw(this), "set"
-        /* SET */
-        , 'value', newVal);
+        triggerRefValue(this, newVal);
       }
     }
 
@@ -1895,9 +2161,7 @@ export default function vueFactory(exports) {
   }
 
   function triggerRef(ref) {
-    trigger(toRaw(ref), "set"
-    /* SET */
-    , 'value', ref.value);
+    triggerRefValue(ref, ref.value);
   }
 
   function unref(ref) {
@@ -1924,15 +2188,12 @@ export default function vueFactory(exports) {
 
   class CustomRefImpl {
     constructor(factory) {
+      this.dep = undefined;
       this.__v_isRef = true;
       var {
         get,
         set
-      } = factory(() => track(this, "get"
-      /* GET */
-      , 'value'), () => trigger(this, "set"
-      /* SET */
-      , 'value'));
+      } = factory(() => trackRefValue(this), () => triggerRefValue(this));
       this._get = get;
       this._set = set;
     }
@@ -1989,17 +2250,13 @@ export default function vueFactory(exports) {
   class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
       this._setter = _setter;
+      this.dep = undefined;
       this._dirty = true;
       this.__v_isRef = true;
-      this.effect = effect(getter, {
-        lazy: true,
-        scheduler: () => {
-          if (!this._dirty) {
-            this._dirty = true;
-            trigger(toRaw(this), "set"
-            /* SET */
-            , 'value');
-          }
+      this.effect = new ReactiveEffect(getter, () => {
+        if (!this._dirty) {
+          this._dirty = true;
+          triggerRefValue(this);
         }
       });
       this["__v_isReadonly"
@@ -2010,15 +2267,13 @@ export default function vueFactory(exports) {
     get value() {
       // the computed ref may get wrapped by other proxies e.g. readonly() #3376
       var self = toRaw(this);
+      trackRefValue(self);
 
       if (self._dirty) {
-        self._value = this.effect();
         self._dirty = false;
+        self._value = self.effect.run();
       }
 
-      track(self, "get"
-      /* GET */
-      , 'value');
       return self._value;
     }
 
@@ -2028,7 +2283,7 @@ export default function vueFactory(exports) {
 
   }
 
-  function computed(getterOrOptions) {
+  function computed(getterOrOptions, debugOptions) {
     var getter;
     var setter;
 
@@ -2043,8449 +2298,8594 @@ export default function vueFactory(exports) {
       setter = getterOrOptions.set;
     }
 
-    return new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
-  }
+    var cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
 
-  var stack = [];
+    if (debugOptions) {
+      cRef.effect.onTrack = debugOptions.onTrack;
+      cRef.effect.onTrigger = debugOptions.onTrigger;
+    }
 
-  function pushWarningContext(vnode) {
-    stack.push(vnode);
+    return cRef;
   }
+  /* eslint-disable no-restricted-globals */
 
-  function popWarningContext() {
-    stack.pop();
-  }
 
-  function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    var instance = stack.length ? stack[stack.length - 1].component : null;
-    var appWarnHandler = instance && instance.appContext.config.warnHandler;
-    var trace = getComponentTrace();
+  var isHmrUpdating = false;
+  var hmrDirtyComponents = new Set(); // Expose the HMR runtime on the window object
+  // This makes it entirely tree-shakable without polluting the exports and makes
+  // it easier to be used in toolings like vue-loader
+  // Note: for a component to be eligible for HMR it also needs the __hmrId option
+  // to be set so that its instances can be registered / removed.
 
-    if (appWarnHandler) {
-      callWithErrorHandling(appWarnHandler, instance, 11
-      /* APP_WARN_HANDLER */
-      , [msg + args.join(''), instance && instance.proxy, trace.map(({
-        vnode
-      }) => "at <".concat(formatComponentName(instance, vnode.type), ">")).join('\n'), trace]);
-    } else {
-      var warnArgs = ["[Vue warn]: ".concat(msg), ...args];
-      /* istanbul ignore if */
+  {
+    var globalObject = typeof window !== 'undefined' ? window : typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : {};
+    globalObject.__VUE_HMR_RUNTIME__ = {
+      createRecord: tryWrap(createRecord),
+      rerender: tryWrap(rerender),
+      reload: tryWrap(reload)
+    };
+  }
+  var map = new Map();
 
-      if (trace.length && // avoid spamming console during tests
-      !false) {
-        warnArgs.push("\n", ...formatTrace(trace));
-      }
+  function registerHMR(instance) {
+    var id = instance.type.__hmrId;
+    var record = map.get(id);
 
-      console.warn(...warnArgs);
+    if (!record) {
+      createRecord(id, instance.type);
+      record = map.get(id);
     }
 
-    resetTracking();
+    record.instances.add(instance);
   }
 
-  function getComponentTrace() {
-    var currentVNode = stack[stack.length - 1];
-
-    if (!currentVNode) {
-      return [];
-    } // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
+  function unregisterHMR(instance) {
+    map.get(instance.type.__hmrId).instances.delete(instance);
+  }
 
+  function createRecord(id, component) {
+    if (!component) {
+      warn$1("HMR API usage is out of date.\n" + "Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant " + "dependency that handles Vue SFC compilation.");
+      component = {};
+    }
 
-    var normalizedStack = [];
+    if (map.has(id)) {
+      return false;
+    }
 
-    while (currentVNode) {
-      var last = normalizedStack[0];
-
-      if (last && last.vnode === currentVNode) {
-        last.recurseCount++;
-      } else {
-        normalizedStack.push({
-          vnode: currentVNode,
-          recurseCount: 0
-        });
-      }
+    map.set(id, {
+      component: isClassComponent(component) ? component.__vccOpts : component,
+      instances: new Set()
+    });
+    return true;
+  }
 
-      var parentInstance = currentVNode.component && currentVNode.component.parent;
-      currentVNode = parentInstance && parentInstance.vnode;
-    }
+  function rerender(id, newRender) {
+    var record = map.get(id);
+    if (!record) return;
+    if (newRender) record.component.render = newRender; // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
 
-    return normalizedStack;
-  }
-  /* istanbul ignore next */
+    Array.from(record.instances).forEach(instance => {
+      if (newRender) {
+        instance.render = newRender;
+      }
 
+      instance.renderCache = []; // this flag forces child components with slot content to update
 
-  function formatTrace(trace) {
-    var logs = [];
-    trace.forEach((entry, i) => {
-      logs.push(...(i === 0 ? [] : ["\n"]), ...formatTraceEntry(entry));
+      isHmrUpdating = true;
+      instance.update();
+      isHmrUpdating = false;
     });
-    return logs;
   }
 
-  function formatTraceEntry({
-    vnode,
-    recurseCount
-  }) {
-    var postfix = recurseCount > 0 ? "... (".concat(recurseCount, " recursive calls)") : "";
-    var isRoot = vnode.component ? vnode.component.parent == null : false;
-    var open = " at <".concat(formatComponentName(vnode.component, vnode.type, isRoot));
-    var close = ">" + postfix;
-    return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close];
-  }
-  /* istanbul ignore next */
+  function reload(id, newComp) {
+    var record = map.get(id);
+    if (!record) return; // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
 
+    var {
+      component,
+      instances
+    } = record;
 
-  function formatProps(props) {
-    var res = [];
-    var keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-      res.push(...formatProp(key, props[key]));
-    });
+    if (!hmrDirtyComponents.has(component)) {
+      // 1. Update existing comp definition to match new one
+      newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+      extend(component, newComp);
 
-    if (keys.length > 3) {
-      res.push(" ...");
-    }
+      for (var key in component) {
+        if (key !== '__file' && !(key in newComp)) {
+          delete component[key];
+        }
+      } // 2. Mark component dirty. This forces the renderer to replace the component
+      // on patch.
 
-    return res;
-  }
-  /* istanbul ignore next */
 
+      hmrDirtyComponents.add(component); // 3. Make sure to unmark the component after the reload.
 
-  function formatProp(key, value, raw) {
-    if (isString(value)) {
-      value = JSON.stringify(value);
-      return raw ? value : ["".concat(key, "=").concat(value)];
-    } else if (typeof value === 'number' || typeof value === 'boolean' || value == null) {
-      return raw ? value : ["".concat(key, "=").concat(value)];
-    } else if (isRef(value)) {
-      value = formatProp(key, toRaw(value.value), true);
-      return raw ? value : ["".concat(key, "=Ref<"), value, ">"];
-    } else if (isFunction(value)) {
-      return ["".concat(key, "=fn").concat(value.name ? "<".concat(value.name, ">") : "")];
-    } else {
-      value = toRaw(value);
-      return raw ? value : ["".concat(key, "="), value];
+      queuePostFlushCb(() => {
+        hmrDirtyComponents.delete(component);
+      });
     }
-  }
-
-  var ErrorTypeStrings = {
-    ["sp"
-    /* SERVER_PREFETCH */
-    ]: 'serverPrefetch hook',
-    ["bc"
-    /* BEFORE_CREATE */
-    ]: 'beforeCreate hook',
-    ["c"
-    /* CREATED */
-    ]: 'created hook',
-    ["bm"
-    /* BEFORE_MOUNT */
-    ]: 'beforeMount hook',
-    ["m"
-    /* MOUNTED */
-    ]: 'mounted hook',
-    ["bu"
-    /* BEFORE_UPDATE */
-    ]: 'beforeUpdate hook',
-    ["u"
-    /* UPDATED */
-    ]: 'updated',
-    ["bum"
-    /* BEFORE_UNMOUNT */
-    ]: 'beforeUnmount hook',
-    ["um"
-    /* UNMOUNTED */
-    ]: 'unmounted hook',
-    ["a"
-    /* ACTIVATED */
-    ]: 'activated hook',
-    ["da"
-    /* DEACTIVATED */
-    ]: 'deactivated hook',
-    ["ec"
-    /* ERROR_CAPTURED */
-    ]: 'errorCaptured hook',
-    ["rtc"
-    /* RENDER_TRACKED */
-    ]: 'renderTracked hook',
-    ["rtg"
-    /* RENDER_TRIGGERED */
-    ]: 'renderTriggered hook',
-    [0
-    /* SETUP_FUNCTION */
-    ]: 'setup function',
-    [1
-    /* RENDER_FUNCTION */
-    ]: 'render function',
-    [2
-    /* WATCH_GETTER */
-    ]: 'watcher getter',
-    [3
-    /* WATCH_CALLBACK */
-    ]: 'watcher callback',
-    [4
-    /* WATCH_CLEANUP */
-    ]: 'watcher cleanup function',
-    [5
-    /* NATIVE_EVENT_HANDLER */
-    ]: 'native event handler',
-    [6
-    /* COMPONENT_EVENT_HANDLER */
-    ]: 'component event handler',
-    [7
-    /* VNODE_HOOK */
-    ]: 'vnode hook',
-    [8
-    /* DIRECTIVE_HOOK */
-    ]: 'directive hook',
-    [9
-    /* TRANSITION_HOOK */
-    ]: 'transition hook',
-    [10
-    /* APP_ERROR_HANDLER */
-    ]: 'app errorHandler',
-    [11
-    /* APP_WARN_HANDLER */
-    ]: 'app warnHandler',
-    [12
-    /* FUNCTION_REF */
-    ]: 'ref function',
-    [13
-    /* ASYNC_COMPONENT_LOADER */
-    ]: 'async component loader',
-    [14
-    /* SCHEDULER */
-    ]: 'scheduler flush. This is likely a Vue internals bug. ' + 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-  };
 
-  function callWithErrorHandling(fn, instance, type, args) {
-    var res;
+    Array.from(instances).forEach(instance => {
+      // invalidate options resolution cache
+      instance.appContext.optionsCache.delete(instance.type);
 
-    try {
-      res = args ? fn(...args) : fn();
-    } catch (err) {
-      handleError(err, instance, type);
-    }
+      if (instance.ceReload) {
+        // custom element
+        hmrDirtyComponents.add(component);
+        instance.ceReload(newComp.styles);
+        hmrDirtyComponents.delete(component);
+      } else if (instance.parent) {
+        // 4. Force the parent instance to re-render. This will cause all updated
+        // components to be unmounted and re-mounted. Queue the update so that we
+        // don't end up forcing the same parent to re-render multiple times.
+        queueJob(instance.parent.update); // instance is the inner component of an async custom element
+        // invoke to reset styles
 
-    return res;
+        if (instance.parent.type.__asyncLoader && instance.parent.ceReload) {
+          instance.parent.ceReload(newComp.styles);
+        }
+      } else if (instance.appContext.reload) {
+        // root instance mounted via createApp() has a reload method
+        instance.appContext.reload();
+      } else if (typeof window !== 'undefined') {
+        // root instance inside tree created via raw render(). Force reload.
+        window.location.reload();
+      } else {
+        console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
+      }
+    });
   }
 
-  function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction(fn)) {
-      var res = callWithErrorHandling(fn, instance, type, args);
-
-      if (res && isPromise(res)) {
-        res.catch(err => {
-          handleError(err, instance, type);
-        });
+  function tryWrap(fn) {
+    return (id, arg) => {
+      try {
+        return fn(id, arg);
+      } catch (e) {
+        console.error(e);
+        console.warn("[HMR] Something went wrong during Vue component hot-reload. " + "Full reload required.");
       }
+    };
+  }
 
-      return res;
-    }
-
-    var values = [];
+  var devtools;
 
-    for (var i = 0; i < fn.length; i++) {
-      values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
-    }
+  function setDevtoolsHook(hook) {
+    devtools = hook;
+  }
 
-    return values;
+  function devtoolsInitApp(app, version) {
+    // TODO queue if devtools is undefined
+    if (!devtools) return;
+    devtools.emit("app:init"
+    /* APP_INIT */
+    , app, version, {
+      Fragment,
+      Text,
+      Comment: Comment$1,
+      Static
+    });
   }
 
-  function handleError(err, instance, type, throwInDev = true) {
-    var contextVNode = instance ? instance.vnode : null;
-
-    if (instance) {
-      var cur = instance.parent; // the exposed instance is the render proxy to keep it consistent with 2.x
+  function devtoolsUnmountApp(app) {
+    if (!devtools) return;
+    devtools.emit("app:unmount"
+    /* APP_UNMOUNT */
+    , app);
+  }
 
-      var exposedInstance = instance.proxy; // in production the hook receives only the error code
+  var devtoolsComponentAdded = /*#__PURE__*/createDevtoolsComponentHook("component:added"
+  /* COMPONENT_ADDED */
+  );
+  var devtoolsComponentUpdated = /*#__PURE__*/createDevtoolsComponentHook("component:updated"
+  /* COMPONENT_UPDATED */
+  );
+  var devtoolsComponentRemoved = /*#__PURE__*/createDevtoolsComponentHook("component:removed"
+  /* COMPONENT_REMOVED */
+  );
 
-      var errorInfo = ErrorTypeStrings[type];
+  function createDevtoolsComponentHook(hook) {
+    return component => {
+      if (!devtools) return;
+      devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+    };
+  }
 
-      while (cur) {
-        var errorCapturedHooks = cur.ec;
+  var devtoolsPerfStart = /*#__PURE__*/createDevtoolsPerformanceHook("perf:start"
+  /* PERFORMANCE_START */
+  );
+  var devtoolsPerfEnd = /*#__PURE__*/createDevtoolsPerformanceHook("perf:end"
+  /* PERFORMANCE_END */
+  );
 
-        if (errorCapturedHooks) {
-          for (var i = 0; i < errorCapturedHooks.length; i++) {
-            if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-              return;
-            }
-          }
-        }
+  function createDevtoolsPerformanceHook(hook) {
+    return (component, type, time) => {
+      if (!devtools) return;
+      devtools.emit(hook, component.appContext.app, component.uid, component, type, time);
+    };
+  }
 
-        cur = cur.parent;
-      } // app-level handling
+  function devtoolsComponentEmit(component, event, params) {
+    if (!devtools) return;
+    devtools.emit("component:emit"
+    /* COMPONENT_EMIT */
+    , component.appContext.app, component, event, params);
+  }
 
+  var globalCompatConfig = {
+    MODE: 2
+  };
 
-      var appErrorHandler = instance.appContext.config.errorHandler;
+  function getCompatConfigForKey(key, instance) {
+    var instanceConfig = instance && instance.type.compatConfig;
 
-      if (appErrorHandler) {
-        callWithErrorHandling(appErrorHandler, null, 10
-        /* APP_ERROR_HANDLER */
-        , [err, exposedInstance, errorInfo]);
-        return;
-      }
+    if (instanceConfig && key in instanceConfig) {
+      return instanceConfig[key];
     }
 
-    logError(err, type, contextVNode, throwInDev);
+    return globalCompatConfig[key];
   }
 
-  function logError(err, type, contextVNode, throwInDev = true) {
-    {
-      var info = ErrorTypeStrings[type];
-
-      if (contextVNode) {
-        pushWarningContext(contextVNode);
-      }
-
-      warn("Unhandled error".concat(info ? " during execution of ".concat(info) : ""));
-
-      if (contextVNode) {
-        popWarningContext();
-      } // crash in dev by default so it's more noticeable
+  function isCompatEnabled(key, instance, enableForBuiltIn = false) {
+    // skip compat for built-in components
+    if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
+      return false;
+    }
 
+    var rawMode = getCompatConfigForKey('MODE', instance) || 2;
+    var val = getCompatConfigForKey(key, instance);
+    var mode = isFunction(rawMode) ? rawMode(instance && instance.type) : rawMode;
 
-      if (throwInDev) {
-        // throw err fixed by xxxxxx 避免 error 导致 App 端不可用（比如跳转时报错）
-        console.error(err);
-      } else {
-        console.error(err);
-      }
+    if (mode === 2) {
+      return val !== false;
+    } else {
+      return val === true || val === 'suppress-warning';
     }
   }
 
-  var isFlushing = false;
-  var isFlushPending = false;
-  var queue = [];
-  var flushIndex = 0;
-  var pendingPreFlushCbs = [];
-  var activePreFlushCbs = null;
-  var preFlushIndex = 0;
-  var pendingPostFlushCbs = [];
-  var activePostFlushCbs = null;
-  var postFlushIndex = 0; // fixed by xxxxxx iOS
+  function emit(instance, event, ...rawArgs) {
+    var props = instance.vnode.props || EMPTY_OBJ;
+    {
+      var {
+        emitsOptions,
+        propsOptions: [propsOptions]
+      } = instance;
 
-  var iOSPromise = {
-    then(callback) {
-      setTimeout(() => callback(), 0);
-    }
+      if (emitsOptions) {
+        if (!(event in emitsOptions) && !false) {
+          if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
+            warn$1("Component emitted event \"".concat(event, "\" but it is neither declared in ") + "the emits option nor as an \"".concat(toHandlerKey(event), "\" prop."));
+          }
+        } else {
+          var validator = emitsOptions[event];
 
-  };
-  var isIOS = exports.platform === 'iOS';
-  var resolvedPromise = isIOS ? iOSPromise : Promise.resolve();
-  var currentFlushPromise = null;
-  var currentPreFlushParentJob = null;
-  var RECURSION_LIMIT = 100;
+          if (isFunction(validator)) {
+            var isValid = validator(...rawArgs);
 
-  function nextTick(fn) {
-    var p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
-  } // #2768
-  // Use binary-search to find a suitable position in the queue,
-  // so that the queue maintains the increasing order of job's id,
-  // which can prevent the job from being skipped and also can avoid repeated patching.
+            if (!isValid) {
+              warn$1("Invalid event arguments: event validation failed for event \"".concat(event, "\"."));
+            }
+          }
+        }
+      }
+    }
+    var args = rawArgs;
+    var isModelListener = event.startsWith('update:'); // for v-model update:xxx events, apply modifiers on args
 
+    var modelArg = isModelListener && event.slice(7);
 
-  function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    var start = flushIndex + 1;
-    var end = queue.length;
-    var jobId = getId(job);
+    if (modelArg && modelArg in props) {
+      var modifiersKey = "".concat(modelArg === 'modelValue' ? 'model' : modelArg, "Modifiers");
+      var {
+        number,
+        trim
+      } = props[modifiersKey] || EMPTY_OBJ;
 
-    while (start < end) {
-      var middle = start + end >>> 1;
-      var middleJobId = getId(queue[middle]);
-      middleJobId < jobId ? start = middle + 1 : end = middle;
+      if (trim) {
+        args = rawArgs.map(a => a.trim());
+      } else if (number) {
+        args = rawArgs.map(toNumber);
+      }
     }
 
-    return start;
-  }
-
-  function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length || !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && job !== currentPreFlushParentJob) {
-      var pos = findInsertionIndex(job);
+    {
+      devtoolsComponentEmit(instance, event, args);
+    }
+    {
+      var lowerCaseEvent = event.toLowerCase();
 
-      if (pos > -1) {
-        queue.splice(pos, 0, job);
-      } else {
-        queue.push(job);
+      if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
+        warn$1("Event \"".concat(lowerCaseEvent, "\" is emitted in component ") + "".concat(formatComponentName(instance, instance.type), " but the handler is registered for \"").concat(event, "\". ") + "Note that HTML attributes are case-insensitive and you cannot use " + "v-on to listen to camelCase events when using in-DOM templates. " + "You should probably use \"".concat(hyphenate(event), "\" instead of \"").concat(event, "\"."));
       }
+    }
+    var handlerName;
+    var handler = props[handlerName = toHandlerKey(event)] || // also try camelCase event handler (#2249)
+    props[handlerName = toHandlerKey(camelize(event))]; // for v-model update:xxx events, also trigger kebab-case equivalent
+    // for props passed via kebab-case
 
-      queueFlush();
+    if (!handler && isModelListener) {
+      handler = props[handlerName = toHandlerKey(hyphenate(event))];
     }
-  }
 
-  function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-      isFlushPending = true;
-      currentFlushPromise = resolvedPromise.then(flushJobs);
+    if (handler) {
+      callWithAsyncErrorHandling(handler, instance, 6
+      /* COMPONENT_EVENT_HANDLER */
+      , args);
     }
-  }
 
-  function invalidateJob(job) {
-    var i = queue.indexOf(job);
+    var onceHandler = props[handlerName + "Once"];
 
-    if (i > flushIndex) {
-      queue.splice(i, 1);
+    if (onceHandler) {
+      if (!instance.emitted) {
+        instance.emitted = {};
+      } else if (instance.emitted[handlerName]) {
+        return;
+      }
+
+      instance.emitted[handlerName] = true;
+      callWithAsyncErrorHandling(onceHandler, instance, 6
+      /* COMPONENT_EVENT_HANDLER */
+      , args);
     }
   }
 
-  function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!isArray(cb)) {
-      if (!activeQueue || !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-        pendingQueue.push(cb);
-      }
-    } else {
-      // if cb is an array, it is a component lifecycle hook which can only be
-      // triggered by a job, which is already deduped in the main queue, so
-      // we can skip duplicate check here to improve perf
-      pendingQueue.push(...cb);
+  function normalizeEmitsOptions(comp, appContext, asMixin = false) {
+    var cache = appContext.emitsCache;
+    var cached = cache.get(comp);
+
+    if (cached !== undefined) {
+      return cached;
     }
 
-    queueFlush();
-  }
+    var raw = comp.emits;
+    var normalized = {}; // apply mixin/extends props
 
-  function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-  }
+    var hasExtends = false;
 
-  function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-  }
+    if (!isFunction(comp)) {
+      var extendEmits = raw => {
+        var normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true);
 
-  function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-      currentPreFlushParentJob = parentJob;
-      activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-      pendingPreFlushCbs.length = 0;
-      {
-        seen = seen || new Map();
-      }
-
-      for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-        if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
-          continue;
+        if (normalizedFromExtend) {
+          hasExtends = true;
+          extend(normalized, normalizedFromExtend);
         }
+      };
 
-        activePreFlushCbs[preFlushIndex]();
+      if (!asMixin && appContext.mixins.length) {
+        appContext.mixins.forEach(extendEmits);
       }
 
-      activePreFlushCbs = null;
-      preFlushIndex = 0;
-      currentPreFlushParentJob = null; // recursively flush until it drains
-
-      flushPreFlushCbs(seen, parentJob);
-    }
-  }
-
-  function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-      var deduped = [...new Set(pendingPostFlushCbs)];
-      pendingPostFlushCbs.length = 0; // #1947 already has active queue, nested flushPostFlushCbs call
-
-      if (activePostFlushCbs) {
-        activePostFlushCbs.push(...deduped);
-        return;
+      if (comp.extends) {
+        extendEmits(comp.extends);
       }
 
-      activePostFlushCbs = deduped;
-      {
-        seen = seen || new Map();
+      if (comp.mixins) {
+        comp.mixins.forEach(extendEmits);
       }
-      activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-
-      for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-        if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
-          continue;
-        }
+    }
 
-        activePostFlushCbs[postFlushIndex]();
-      }
+    if (!raw && !hasExtends) {
+      cache.set(comp, null);
+      return null;
+    }
 
-      activePostFlushCbs = null;
-      postFlushIndex = 0;
+    if (isArray(raw)) {
+      raw.forEach(key => normalized[key] = null);
+    } else {
+      extend(normalized, raw);
     }
-  }
 
-  var getId = job => job.id == null ? Infinity : job.id;
+    cache.set(comp, normalized);
+    return normalized;
+  } // Check if an incoming prop key is a declared emit event listener.
+  // e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are
+  // both considered matched listeners.
 
-  function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    {
-      seen = seen || new Map();
-    }
-    flushPreFlushCbs(seen); // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
 
-    queue.sort((a, b) => getId(a) - getId(b));
+  function isEmitListener(options, key) {
+    if (!options || !isOn(key)) {
+      return false;
+    }
 
-    try {
-      for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-        var job = queue[flushIndex];
+    key = key.slice(2).replace(/Once$/, '');
+    return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
+  }
+  /**
+   * mark the current rendering instance for asset resolution (e.g.
+   * resolveComponent, resolveDirective) during render
+   */
 
-        if (job && job.active !== false) {
-          if ("development" !== 'production' && checkRecursiveUpdates(seen, job)) {
-            continue;
-          }
 
-          callWithErrorHandling(job, null, 14
-          /* SCHEDULER */
-          );
-        }
-      }
-    } finally {
-      flushIndex = 0;
-      queue.length = 0;
-      flushPostFlushCbs(seen);
-      isFlushing = false;
-      currentFlushPromise = null; // some postFlushCb queued jobs!
-      // keep flushing until it drains.
+  var currentRenderingInstance = null;
+  var currentScopeId = null;
+  /**
+   * Note: rendering calls maybe nested. The function returns the parent rendering
+   * instance if present, which should be restored after the render is done:
+   *
+   * ```js
+   * const prev = setCurrentRenderingInstance(i)
+   * // ...render
+   * setCurrentRenderingInstance(prev)
+   * ```
+   */
 
-      if (queue.length || pendingPreFlushCbs.length || pendingPostFlushCbs.length) {
-        flushJobs(seen);
-      }
-    }
+  function setCurrentRenderingInstance(instance) {
+    var prev = currentRenderingInstance;
+    currentRenderingInstance = instance;
+    currentScopeId = instance && instance.type.__scopeId || null;
+    return prev;
   }
+  /**
+   * Set scope id when creating hoisted vnodes.
+   * @private compiler helper
+   */
 
-  function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-      seen.set(fn, 1);
-    } else {
-      var count = seen.get(fn);
 
-      if (count > RECURSION_LIMIT) {
-        var instance = fn.ownerInstance;
-        var componentName = instance && getComponentName(instance.type);
-        warn("Maximum recursive updates exceeded".concat(componentName ? " in component <".concat(componentName, ">") : "", ". ") + "This means you have a reactive effect that is mutating its own " + "dependencies and thus recursively triggering itself. Possible sources " + "include component template, render function, updated hook or " + "watcher source function.");
-        return true;
-      } else {
-        seen.set(fn, count + 1);
-      }
-    }
+  function pushScopeId(id) {
+    currentScopeId = id;
   }
-  /* eslint-disable no-restricted-globals */
-
+  /**
+   * Technically we no longer need this after 3.0.8 but we need to keep the same
+   * API for backwards compat w/ code generated by compilers.
+   * @private
+   */
 
-  var isHmrUpdating = false;
-  var hmrDirtyComponents = new Set(); // Expose the HMR runtime on the window object
-  // This makes it entirely tree-shakable without polluting the exports and makes
-  // it easier to be used in toolings like vue-loader
-  // Note: for a component to be eligible for HMR it also needs the __hmrId option
-  // to be set so that its instances can be registered / removed.
 
-  {
-    var globalObject = typeof window !== 'undefined' ? window : typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : {};
-    globalObject.__VUE_HMR_RUNTIME__ = {
-      createRecord: tryWrap(createRecord),
-      rerender: tryWrap(rerender),
-      reload: tryWrap(reload)
-    };
+  function popScopeId() {
+    currentScopeId = null;
   }
-  var map = new Map();
-
-  function registerHMR(instance) {
-    var id = instance.type.__hmrId;
-    var record = map.get(id);
+  /**
+   * Only for backwards compat
+   * @private
+   */
 
-    if (!record) {
-      createRecord(id, instance.type);
-      record = map.get(id);
-    }
 
-    record.instances.add(instance);
-  }
+  var withScopeId = _id => withCtx;
+  /**
+   * Wrap a slot function to memoize current rendering instance
+   * @private compiler helper
+   */
 
-  function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-  }
 
-  function createRecord(id, component) {
-    if (!component) {
-      warn("HMR API usage is out of date.\n" + "Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant " + "dependency that handles Vue SFC compilation.");
-      component = {};
-    }
+  function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only
+  ) {
+    if (!ctx) return fn; // already normalized
 
-    if (map.has(id)) {
-      return false;
+    if (fn._n) {
+      return fn;
     }
 
-    map.set(id, {
-      component: isClassComponent(component) ? component.__vccOpts : component,
-      instances: new Set()
-    });
-    return true;
-  }
+    var renderFnWithContext = (...args) => {
+      // If a user calls a compiled slot inside a template expression (#1745), it
+      // can mess up block tracking, so by default we disable block tracking and
+      // force bail out when invoking a compiled slot (indicated by the ._d flag).
+      // This isn't necessary if rendering a compiled `<slot>`, so we flip the
+      // ._d flag off when invoking the wrapped fn inside `renderSlot`.
+      if (renderFnWithContext._d) {
+        setBlockTracking(-1);
+      }
 
-  function rerender(id, newRender) {
-    var record = map.get(id);
-    if (!record) return;
-    if (newRender) record.component.render = newRender; // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
+      var prevInstance = setCurrentRenderingInstance(ctx);
+      var res = fn(...args);
+      setCurrentRenderingInstance(prevInstance);
 
-    Array.from(record.instances).forEach(instance => {
-      if (newRender) {
-        instance.render = newRender;
+      if (renderFnWithContext._d) {
+        setBlockTracking(1);
       }
 
-      instance.renderCache = []; // this flag forces child components with slot content to update
+      {
+        devtoolsComponentUpdated(ctx);
+      }
+      return res;
+    }; // mark normalized to avoid duplicated wrapping
 
-      isHmrUpdating = true;
-      instance.update();
-      isHmrUpdating = false;
-    });
-  }
 
-  function reload(id, newComp) {
-    var record = map.get(id);
-    if (!record) return; // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
+    renderFnWithContext._n = true; // mark this as compiled by default
+    // this is used in vnode.ts -> normalizeChildren() to set the slot
+    // rendering flag.
 
-    var {
-      component,
-      instances
-    } = record;
+    renderFnWithContext._c = true; // disable block tracking by default
 
-    if (!hmrDirtyComponents.has(component)) {
-      // 1. Update existing comp definition to match new one
-      newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-      extend(component, newComp);
-
-      for (var key in component) {
-        if (key !== '__file' && !(key in newComp)) {
-          delete component[key];
-        }
-      } // 2. Mark component dirty. This forces the renderer to replace the component
-      // on patch.
-
-
-      hmrDirtyComponents.add(component); // 3. Make sure to unmark the component after the reload.
-
-      queuePostFlushCb(() => {
-        hmrDirtyComponents.delete(component);
-      });
-    }
-
-    Array.from(instances).forEach(instance => {
-      if (instance.parent) {
-        // 4. Force the parent instance to re-render. This will cause all updated
-        // components to be unmounted and re-mounted. Queue the update so that we
-        // don't end up forcing the same parent to re-render multiple times.
-        queueJob(instance.parent.update);
-      } else if (instance.appContext.reload) {
-        // root instance mounted via createApp() has a reload method
-        instance.appContext.reload();
-      } else if (typeof window !== 'undefined') {
-        // root instance inside tree created via raw render(). Force reload.
-        window.location.reload();
-      } else {
-        console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
-      }
-    });
-  }
-
-  function tryWrap(fn) {
-    return (id, arg) => {
-      try {
-        return fn(id, arg);
-      } catch (e) {
-        console.error(e);
-        console.warn("[HMR] Something went wrong during Vue component hot-reload. " + "Full reload required.");
-      }
-    };
+    renderFnWithContext._d = true;
+    return renderFnWithContext;
   }
+  /**
+   * dev only flag to track whether $attrs was used during render.
+   * If $attrs was used during render then the warning for failed attrs
+   * fallthrough can be suppressed.
+   */
 
-  var devtools;
-
-  function setDevtoolsHook(hook) {
-    devtools = hook;
-  }
 
-  function devtoolsInitApp(app, version) {
-    // TODO queue if devtools is undefined
-    if (!devtools) return;
-    devtools.emit("app:init"
-    /* APP_INIT */
-    , app, version, {
-      Fragment,
-      Text,
-      Comment: Comment$1,
-      Static
-    });
-  }
+  var accessedAttrs = false;
 
-  function devtoolsUnmountApp(app) {
-    if (!devtools) return;
-    devtools.emit("app:unmount"
-    /* APP_UNMOUNT */
-    , app);
+  function markAttrsAccessed() {
+    accessedAttrs = true;
   }
 
-  var devtoolsComponentAdded = /*#__PURE__*/createDevtoolsComponentHook("component:added"
-  /* COMPONENT_ADDED */
-  );
-  var devtoolsComponentUpdated = /*#__PURE__*/createDevtoolsComponentHook("component:updated"
-  /* COMPONENT_UPDATED */
-  );
-  var devtoolsComponentRemoved = /*#__PURE__*/createDevtoolsComponentHook("component:removed"
-  /* COMPONENT_REMOVED */
-  );
+  function renderComponentRoot(instance) {
+    var {
+      type: Component,
+      vnode,
+      proxy,
+      withProxy,
+      props,
+      propsOptions: [propsOptions],
+      slots,
+      attrs,
+      emit,
+      render,
+      renderCache,
+      data,
+      setupState,
+      ctx,
+      inheritAttrs
+    } = instance;
+    var result;
+    var prev = setCurrentRenderingInstance(instance);
+    {
+      accessedAttrs = false;
+    }
 
-  function createDevtoolsComponentHook(hook) {
-    return component => {
-      if (!devtools) return;
-      devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
-    };
-  }
+    try {
+      var fallthroughAttrs;
 
-  var devtoolsPerfStart = /*#__PURE__*/createDevtoolsPerformanceHook("perf:start"
-  /* PERFORMANCE_START */
-  );
-  var devtoolsPerfEnd = /*#__PURE__*/createDevtoolsPerformanceHook("perf:end"
-  /* PERFORMANCE_END */
-  );
+      if (vnode.shapeFlag & 4
+      /* STATEFUL_COMPONENT */
+      ) {
+        // withProxy is a proxy with a different `has` trap only for
+        // runtime-compiled render functions using `with` block.
+        var proxyToUse = withProxy || proxy;
+        result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx));
+        fallthroughAttrs = attrs;
+      } else {
+        // functional
+        var _render = Component; // in dev, mark attrs accessed if optional props (attrs === props)
 
-  function createDevtoolsPerformanceHook(hook) {
-    return (component, type, time) => {
-      if (!devtools) return;
-      devtools.emit(hook, component.appContext.app, component.uid, component, type, time);
-    };
-  }
+        if ("development" !== 'production' && attrs === props) {
+          markAttrsAccessed();
+        }
 
-  function devtoolsComponentEmit(component, event, params) {
-    if (!devtools) return;
-    devtools.emit("component:emit"
-    /* COMPONENT_EMIT */
-    , component.appContext.app, component, event, params);
-  }
+        result = normalizeVNode(_render.length > 1 ? _render(props, "development" !== 'production' ? {
+          get attrs() {
+            markAttrsAccessed();
+            return attrs;
+          },
 
-  var globalCompatConfig = {
-    MODE: 2
-  };
+          slots,
+          emit
+        } : {
+          attrs,
+          slots,
+          emit
+        }) : _render(props, null
+        /* we know it doesn't need it */
+        ));
+        fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
+      } // attr merging
+      // in dev mode, comments are preserved, and it's possible for a template
+      // to have comments along side the root element which makes it a fragment
 
-  function getCompatConfigForKey(key, instance) {
-    var instanceConfig = instance && instance.type.compatConfig;
 
-    if (instanceConfig && key in instanceConfig) {
-      return instanceConfig[key];
-    }
+      var root = result;
+      var setRoot = undefined;
 
-    return globalCompatConfig[key];
-  }
+      if ("development" !== 'production' && result.patchFlag > 0 && result.patchFlag & 2048
+      /* DEV_ROOT_FRAGMENT */
+      ) {
+        ;
+        [root, setRoot] = getChildRoot(result);
+      }
 
-  function isCompatEnabled(key, instance, enableForBuiltIn = false) {
-    // skip compat for built-in components
-    if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
-      return false;
-    }
+      if (fallthroughAttrs && inheritAttrs !== false) {
+        var keys = Object.keys(fallthroughAttrs);
+        var {
+          shapeFlag
+        } = root;
 
-    var rawMode = getCompatConfigForKey('MODE', instance) || 2;
-    var val = getCompatConfigForKey(key, instance);
-    var mode = isFunction(rawMode) ? rawMode(instance && instance.type) : rawMode;
+        if (keys.length) {
+          if (shapeFlag & 1
+          /* ELEMENT */
+          || shapeFlag & 6
+          /* COMPONENT */
+          ) {
+            if (propsOptions && keys.some(isModelListener)) {
+              // If a v-model listener (onUpdate:xxx) has a corresponding declared
+              // prop, it indicates this component expects to handle v-model and
+              // it should not fallthrough.
+              // related: #1543, #1643, #1989
+              fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
+            }
 
-    if (mode === 2) {
-      return val !== false;
-    } else {
-      return val === true || val === 'suppress-warning';
-    }
-  }
+            root = cloneVNode(root, fallthroughAttrs);
+          } else if ("development" !== 'production' && !accessedAttrs && root.type !== Comment$1) {
+            var allAttrs = Object.keys(attrs);
+            var eventAttrs = [];
+            var extraAttrs = [];
 
-  function emit(instance, event, ...rawArgs) {
-    var props = instance.vnode.props || EMPTY_OBJ;
-    {
-      var {
-        emitsOptions,
-        propsOptions: [propsOptions]
-      } = instance;
+            for (var i = 0, l = allAttrs.length; i < l; i++) {
+              var key = allAttrs[i];
 
-      if (emitsOptions) {
-        if (!(event in emitsOptions) && !false) {
-          if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-            warn("Component emitted event \"".concat(event, "\" but it is neither declared in ") + "the emits option nor as an \"".concat(toHandlerKey(event), "\" prop."));
-          }
-        } else {
-          var validator = emitsOptions[event];
+              if (isOn(key)) {
+                // ignore v-model handlers when they fail to fallthrough
+                if (!isModelListener(key)) {
+                  // remove `on`, lowercase first letter to reflect event casing
+                  // accurately
+                  eventAttrs.push(key[2].toLowerCase() + key.slice(3));
+                }
+              } else {
+                extraAttrs.push(key);
+              }
+            }
 
-          if (isFunction(validator)) {
-            var isValid = validator(...rawArgs);
+            if (extraAttrs.length) {
+              warn$1("Extraneous non-props attributes (" + "".concat(extraAttrs.join(', '), ") ") + "were passed to component but could not be automatically inherited " + "because component renders fragment or text root nodes.");
+            }
 
-            if (!isValid) {
-              warn("Invalid event arguments: event validation failed for event \"".concat(event, "\"."));
+            if (eventAttrs.length) {
+              warn$1("Extraneous non-emits event listeners (" + "".concat(eventAttrs.join(', '), ") ") + "were passed to component but could not be automatically inherited " + "because component renders fragment or text root nodes. " + "If the listener is intended to be a component custom event listener only, " + "declare it using the \"emits\" option.");
             }
           }
         }
       }
-    }
-    var args = rawArgs;
-    var isModelListener = event.startsWith('update:'); // for v-model update:xxx events, apply modifiers on args
-
-    var modelArg = isModelListener && event.slice(7);
-
-    if (modelArg && modelArg in props) {
-      var modifiersKey = "".concat(modelArg === 'modelValue' ? 'model' : modelArg, "Modifiers");
-      var {
-        number,
-        trim
-      } = props[modifiersKey] || EMPTY_OBJ;
-
-      if (trim) {
-        args = rawArgs.map(a => a.trim());
-      } else if (number) {
-        args = rawArgs.map(toNumber);
-      }
-    }
 
-    {
-      devtoolsComponentEmit(instance, event, args);
-    }
-    {
-      var lowerCaseEvent = event.toLowerCase();
+      if (false && isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE"
+      /* INSTANCE_ATTRS_CLASS_STYLE */
+      , instance) && vnode.shapeFlag & 4
+      /* STATEFUL_COMPONENT */
+      && (root.shapeFlag & 1
+      /* ELEMENT */
+      || root.shapeFlag & 6
+      /* COMPONENT */
+      )) ; // inherit directives
 
-      if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-        warn("Event \"".concat(lowerCaseEvent, "\" is emitted in component ") + "".concat(formatComponentName(instance, instance.type), " but the handler is registered for \"").concat(event, "\". ") + "Note that HTML attributes are case-insensitive and you cannot use " + "v-on to listen to camelCase events when using in-DOM templates. " + "You should probably use \"".concat(hyphenate(event), "\" instead of \"").concat(event, "\"."));
-      }
-    }
-    var handlerName;
-    var handler = props[handlerName = toHandlerKey(event)] || // also try camelCase event handler (#2249)
-    props[handlerName = toHandlerKey(camelize(event))]; // for v-model update:xxx events, also trigger kebab-case equivalent
-    // for props passed via kebab-case
+      if (vnode.dirs) {
+        if ("development" !== 'production' && !isElementRoot(root)) {
+          warn$1("Runtime directive used on component with non-element root node. " + "The directives will not function as intended.");
+        }
 
-    if (!handler && isModelListener) {
-      handler = props[handlerName = toHandlerKey(hyphenate(event))];
-    }
+        root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
+      } // inherit transition data
 
-    if (handler) {
-      callWithAsyncErrorHandling(handler, instance, 6
-      /* COMPONENT_EVENT_HANDLER */
-      , args);
-    }
 
-    var onceHandler = props[handlerName + "Once"];
+      if (vnode.transition) {
+        if ("development" !== 'production' && !isElementRoot(root)) {
+          warn$1("Component inside <Transition> renders non-element root node " + "that cannot be animated.");
+        }
 
-    if (onceHandler) {
-      if (!instance.emitted) {
-        instance.emitted = {};
-      } else if (instance.emitted[handlerName]) {
-        return;
+        root.transition = vnode.transition;
       }
 
-      instance.emitted[handlerName] = true;
-      callWithAsyncErrorHandling(onceHandler, instance, 6
-      /* COMPONENT_EVENT_HANDLER */
-      , args);
+      if ("development" !== 'production' && setRoot) {
+        setRoot(root);
+      } else {
+        result = root;
+      }
+    } catch (err) {
+      blockStack.length = 0;
+      handleError(err, instance, 1
+      /* RENDER_FUNCTION */
+      );
+      result = createVNode(Comment$1);
     }
+
+    setCurrentRenderingInstance(prev);
+    return result;
   }
+  /**
+   * dev only
+   * In dev mode, template root level comments are rendered, which turns the
+   * template into a fragment root, but we need to locate the single element
+   * root for attrs and scope id processing.
+   */
 
-  function normalizeEmitsOptions(comp, appContext, asMixin = false) {
-    var cache = appContext.emitsCache;
-    var cached = cache.get(comp);
 
-    if (cached !== undefined) {
-      return cached;
-    }
+  var getChildRoot = vnode => {
+    var rawChildren = vnode.children;
+    var dynamicChildren = vnode.dynamicChildren;
+    var childRoot = filterSingleRoot(rawChildren);
 
-    var raw = comp.emits;
-    var normalized = {}; // apply mixin/extends props
+    if (!childRoot) {
+      return [vnode, undefined];
+    }
 
-    var hasExtends = false;
+    var index = rawChildren.indexOf(childRoot);
+    var dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1;
 
-    if (!isFunction(comp)) {
-      var extendEmits = raw => {
-        var normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true);
+    var setRoot = updatedRoot => {
+      rawChildren[index] = updatedRoot;
 
-        if (normalizedFromExtend) {
-          hasExtends = true;
-          extend(normalized, normalizedFromExtend);
+      if (dynamicChildren) {
+        if (dynamicIndex > -1) {
+          dynamicChildren[dynamicIndex] = updatedRoot;
+        } else if (updatedRoot.patchFlag > 0) {
+          vnode.dynamicChildren = [...dynamicChildren, updatedRoot];
         }
-      };
-
-      if (!asMixin && appContext.mixins.length) {
-        appContext.mixins.forEach(extendEmits);
       }
+    };
 
-      if (comp.extends) {
-        extendEmits(comp.extends);
-      }
+    return [normalizeVNode(childRoot), setRoot];
+  };
 
-      if (comp.mixins) {
-        comp.mixins.forEach(extendEmits);
-      }
-    }
+  function filterSingleRoot(children) {
+    var singleRoot;
 
-    if (!raw && !hasExtends) {
-      cache.set(comp, null);
-      return null;
-    }
+    for (var i = 0; i < children.length; i++) {
+      var child = children[i];
 
-    if (isArray(raw)) {
-      raw.forEach(key => normalized[key] = null);
-    } else {
-      extend(normalized, raw);
+      if (isVNode(child)) {
+        // ignore user comment
+        if (child.type !== Comment$1 || child.children === 'v-if') {
+          if (singleRoot) {
+            // has more than 1 non-comment child, return now
+            return;
+          } else {
+            singleRoot = child;
+          }
+        }
+      } else {
+        return;
+      }
     }
 
-    cache.set(comp, normalized);
-    return normalized;
-  } // Check if an incoming prop key is a declared emit event listener.
-  // e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are
-  // both considered matched listeners.
+    return singleRoot;
+  }
 
+  var getFunctionalFallthrough = attrs => {
+    var res;
 
-  function isEmitListener(options, key) {
-    if (!options || !isOn(key)) {
-      return false;
+    for (var key in attrs) {
+      if (key === 'class' || key === 'style' || isOn(key)) {
+        (res || (res = {}))[key] = attrs[key];
+      }
     }
 
-    key = key.slice(2).replace(/Once$/, '');
-    return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
-  }
-  /**
-   * mark the current rendering instance for asset resolution (e.g.
-   * resolveComponent, resolveDirective) during render
-   */
+    return res;
+  };
 
+  var filterModelListeners = (attrs, props) => {
+    var res = {};
 
-  var currentRenderingInstance = null;
-  var currentScopeId = null;
-  /**
-   * Note: rendering calls maybe nested. The function returns the parent rendering
-   * instance if present, which should be restored after the render is done:
-   *
-   * ```js
-   * const prev = setCurrentRenderingInstance(i)
-   * // ...render
-   * setCurrentRenderingInstance(prev)
-   * ```
-   */
+    for (var key in attrs) {
+      if (!isModelListener(key) || !(key.slice(9) in props)) {
+        res[key] = attrs[key];
+      }
+    }
 
-  function setCurrentRenderingInstance(instance) {
-    var prev = currentRenderingInstance;
-    currentRenderingInstance = instance;
-    currentScopeId = instance && instance.type.__scopeId || null;
-    return prev;
-  }
-  /**
-   * Set scope id when creating hoisted vnodes.
-   * @private compiler helper
-   */
+    return res;
+  };
 
+  var isElementRoot = vnode => {
+    return vnode.shapeFlag & 6
+    /* COMPONENT */
+    || vnode.shapeFlag & 1
+    /* ELEMENT */
+    || vnode.type === Comment$1 // potential v-if branch switch
+    ;
+  };
 
-  function pushScopeId(id) {
-    currentScopeId = id;
-  }
-  /**
-   * Technically we no longer need this after 3.0.8 but we need to keep the same
-   * API for backwards compat w/ code generated by compilers.
-   * @private
-   */
+  function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
+    var {
+      props: prevProps,
+      children: prevChildren,
+      component
+    } = prevVNode;
+    var {
+      props: nextProps,
+      children: nextChildren,
+      patchFlag
+    } = nextVNode;
+    var emits = component.emitsOptions; // Parent component's render function was hot-updated. Since this may have
+    // caused the child component's slots content to have changed, we need to
+    // force the child to update as well.
 
+    if ((prevChildren || nextChildren) && isHmrUpdating) {
+      return true;
+    } // force child update for runtime directive or transition on component vnode.
 
-  function popScopeId() {
-    currentScopeId = null;
-  }
-  /**
-   * Only for backwards compat
-   * @private
-   */
 
+    if (nextVNode.dirs || nextVNode.transition) {
+      return true;
+    }
 
-  var withScopeId = _id => withCtx;
-  /**
-   * Wrap a slot function to memoize current rendering instance
-   * @private compiler helper
-   */
+    if (optimized && patchFlag >= 0) {
+      if (patchFlag & 1024
+      /* DYNAMIC_SLOTS */
+      ) {
+        // slot content that references values that might have changed,
+        // e.g. in a v-for
+        return true;
+      }
 
+      if (patchFlag & 16
+      /* FULL_PROPS */
+      ) {
+        if (!prevProps) {
+          return !!nextProps;
+        } // presence of this flag indicates props are always non-null
 
-  function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only
-  ) {
-    if (!ctx) return fn; // already normalized
 
-    if (fn._n) {
-      return fn;
-    }
+        return hasPropsChanged(prevProps, nextProps, emits);
+      } else if (patchFlag & 8
+      /* PROPS */
+      ) {
+        var dynamicProps = nextVNode.dynamicProps;
 
-    var renderFnWithContext = (...args) => {
-      // If a user calls a compiled slot inside a template expression (#1745), it
-      // can mess up block tracking, so by default we disable block tracking and
-      // force bail out when invoking a compiled slot (indicated by the ._d flag).
-      // This isn't necessary if rendering a compiled `<slot>`, so we flip the
-      // ._d flag off when invoking the wrapped fn inside `renderSlot`.
-      if (renderFnWithContext._d) {
-        setBlockTracking(-1);
+        for (var i = 0; i < dynamicProps.length; i++) {
+          var key = dynamicProps[i];
+
+          if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) {
+            return true;
+          }
+        }
+      }
+    } else {
+      // this path is only taken by manually written render functions
+      // so presence of any children leads to a forced update
+      if (prevChildren || nextChildren) {
+        if (!nextChildren || !nextChildren.$stable) {
+          return true;
+        }
       }
 
-      var prevInstance = setCurrentRenderingInstance(ctx);
-      var res = fn(...args);
-      setCurrentRenderingInstance(prevInstance);
+      if (prevProps === nextProps) {
+        return false;
+      }
 
-      if (renderFnWithContext._d) {
-        setBlockTracking(1);
+      if (!prevProps) {
+        return !!nextProps;
       }
 
-      {
-        devtoolsComponentUpdated(ctx);
+      if (!nextProps) {
+        return true;
       }
-      return res;
-    }; // mark normalized to avoid duplicated wrapping
 
+      return hasPropsChanged(prevProps, nextProps, emits);
+    }
 
-    renderFnWithContext._n = true; // mark this as compiled by default
-    // this is used in vnode.ts -> normalizeChildren() to set the slot
-    // rendering flag.
+    return false;
+  }
 
-    renderFnWithContext._c = true; // disable block tracking by default
+  function hasPropsChanged(prevProps, nextProps, emitsOptions) {
+    var nextKeys = Object.keys(nextProps);
 
-    renderFnWithContext._d = true;
-    return renderFnWithContext;
-  }
-  /**
-   * dev only flag to track whether $attrs was used during render.
-   * If $attrs was used during render then the warning for failed attrs
-   * fallthrough can be suppressed.
-   */
+    if (nextKeys.length !== Object.keys(prevProps).length) {
+      return true;
+    }
 
+    for (var i = 0; i < nextKeys.length; i++) {
+      var key = nextKeys[i];
 
-  var accessedAttrs = false;
+      if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) {
+        return true;
+      }
+    }
 
-  function markAttrsAccessed() {
-    accessedAttrs = true;
+    return false;
   }
 
-  function renderComponentRoot(instance) {
-    var {
-      type: Component,
-      vnode,
-      proxy,
-      withProxy,
-      props,
-      propsOptions: [propsOptions],
-      slots,
-      attrs,
-      emit,
-      render,
-      renderCache,
-      data,
-      setupState,
-      ctx,
-      inheritAttrs
-    } = instance;
-    var result;
-    var prev = setCurrentRenderingInstance(instance);
-    {
-      accessedAttrs = false;
+  function updateHOCHostEl({
+    vnode,
+    parent
+  }, el // HostNode
+  ) {
+    while (parent && parent.subTree === vnode) {
+      (vnode = parent.vnode).el = el;
+      parent = parent.parent;
     }
+  }
 
-    try {
-      var fallthroughAttrs;
+  var isSuspense = type => type.__isSuspense; // Suspense exposes a component-like API, and is treated like a component
+  // in the compiler, but internally it's a special built-in type that hooks
+  // directly into the renderer.
 
-      if (vnode.shapeFlag & 4
-      /* STATEFUL_COMPONENT */
-      ) {
-        // withProxy is a proxy with a different `has` trap only for
-        // runtime-compiled render functions using `with` block.
-        var proxyToUse = withProxy || proxy;
-        result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx));
-        fallthroughAttrs = attrs;
-      } else {
-        // functional
-        var _render = Component; // in dev, mark attrs accessed if optional props (attrs === props)
 
-        if ("development" !== 'production' && attrs === props) {
-          markAttrsAccessed();
-        }
+  var SuspenseImpl = {
+    name: 'Suspense',
+    // In order to make Suspense tree-shakable, we need to avoid importing it
+    // directly in the renderer. The renderer checks for the __isSuspense flag
+    // on a vnode's type and calls the `process` method, passing in renderer
+    // internals.
+    __isSuspense: true,
 
-        result = normalizeVNode(_render.length > 1 ? _render(props, "development" !== 'production' ? {
-          get attrs() {
-            markAttrsAccessed();
-            return attrs;
-          },
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, // platform-specific impl passed from renderer
+    rendererInternals) {
+      if (n1 == null) {
+        mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals);
+      } else {
+        patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals);
+      }
+    },
 
-          slots,
-          emit
-        } : {
-          attrs,
-          slots,
-          emit
-        }) : _render(props, null
-        /* we know it doesn't need it */
-        ));
-        fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
-      } // attr merging
-      // in dev mode, comments are preserved, and it's possible for a template
-      // to have comments along side the root element which makes it a fragment
+    hydrate: hydrateSuspense,
+    create: createSuspenseBoundary,
+    normalize: normalizeSuspenseChildren
+  }; // Force-casted public typing for h and TSX props inference
 
+  var Suspense = SuspenseImpl;
 
-      var root = result;
-      var setRoot = undefined;
+  function triggerEvent(vnode, name) {
+    var eventListener = vnode.props && vnode.props[name];
 
-      if ("development" !== 'production' && result.patchFlag > 0 && result.patchFlag & 2048
-      /* DEV_ROOT_FRAGMENT */
-      ) {
-        ;
-        [root, setRoot] = getChildRoot(result);
+    if (isFunction(eventListener)) {
+      eventListener();
+    }
+  }
+
+  function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) {
+    var {
+      p: patch,
+      o: {
+        createElement
       }
+    } = rendererInternals;
+    var hiddenContainer = createElement('div', container); // fixed by xxxxxx
 
-      if (fallthroughAttrs && inheritAttrs !== false) {
-        var keys = Object.keys(fallthroughAttrs);
-        var {
-          shapeFlag
-        } = root;
+    var suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals); // start mounting the content subtree in an off-dom container
 
-        if (keys.length) {
-          if (shapeFlag & 1
-          /* ELEMENT */
-          || shapeFlag & 6
-          /* COMPONENT */
-          ) {
-            if (propsOptions && keys.some(isModelListener)) {
-              // If a v-model listener (onUpdate:xxx) has a corresponding declared
-              // prop, it indicates this component expects to handle v-model and
-              // it should not fallthrough.
-              // related: #1543, #1643, #1989
-              fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
-            }
+    patch(null, suspense.pendingBranch = vnode.ssContent, hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); // now check if we have encountered any async deps
 
-            root = cloneVNode(root, fallthroughAttrs);
-          } else if ("development" !== 'production' && !accessedAttrs && root.type !== Comment$1) {
-            var allAttrs = Object.keys(attrs);
-            var eventAttrs = [];
-            var extraAttrs = [];
+    if (suspense.deps > 0) {
+      // has async
+      // invoke @fallback event
+      triggerEvent(vnode, 'onPending');
+      triggerEvent(vnode, 'onFallback'); // mount the fallback tree
 
-            for (var i = 0, l = allAttrs.length; i < l; i++) {
-              var key = allAttrs[i];
+      patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
+      isSVG, slotScopeIds);
+      setActiveBranch(suspense, vnode.ssFallback);
+    } else {
+      // Suspense has no async deps. Just resolve.
+      suspense.resolve();
+    }
+  }
 
-              if (isOn(key)) {
-                // ignore v-model handlers when they fail to fallthrough
-                if (!isModelListener(key)) {
-                  // remove `on`, lowercase first letter to reflect event casing
-                  // accurately
-                  eventAttrs.push(key[2].toLowerCase() + key.slice(3));
-                }
-              } else {
-                extraAttrs.push(key);
-              }
-            }
-
-            if (extraAttrs.length) {
-              warn("Extraneous non-props attributes (" + "".concat(extraAttrs.join(', '), ") ") + "were passed to component but could not be automatically inherited " + "because component renders fragment or text root nodes.");
-            }
-
-            if (eventAttrs.length) {
-              warn("Extraneous non-emits event listeners (" + "".concat(eventAttrs.join(', '), ") ") + "were passed to component but could not be automatically inherited " + "because component renders fragment or text root nodes. " + "If the listener is intended to be a component custom event listener only, " + "declare it using the \"emits\" option.");
-            }
-          }
-        }
-      }
-
-      if (false && isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE"
-      /* INSTANCE_ATTRS_CLASS_STYLE */
-      , instance) && vnode.shapeFlag & 4
-      /* STATEFUL_COMPONENT */
-      && (root.shapeFlag & 1
-      /* ELEMENT */
-      || root.shapeFlag & 6
-      /* COMPONENT */
-      )) ; // inherit directives
-
-      if (vnode.dirs) {
-        if ("development" !== 'production' && !isElementRoot(root)) {
-          warn("Runtime directive used on component with non-element root node. " + "The directives will not function as intended.");
-        }
+  function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, {
+    p: patch,
+    um: unmount,
+    o: {
+      createElement
+    }
+  }) {
+    var suspense = n2.suspense = n1.suspense;
+    suspense.vnode = n2;
+    n2.el = n1.el;
+    var newBranch = n2.ssContent;
+    var newFallback = n2.ssFallback;
+    var {
+      activeBranch,
+      pendingBranch,
+      isInFallback,
+      isHydrating
+    } = suspense;
 
-        root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
-      } // inherit transition data
+    if (pendingBranch) {
+      suspense.pendingBranch = newBranch;
 
+      if (isSameVNodeType(newBranch, pendingBranch)) {
+        // same root type but content may have changed.
+        patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
 
-      if (vnode.transition) {
-        if ("development" !== 'production' && !isElementRoot(root)) {
-          warn("Component inside <Transition> renders non-element root node " + "that cannot be animated.");
+        if (suspense.deps <= 0) {
+          suspense.resolve();
+        } else if (isInFallback) {
+          patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
+          isSVG, slotScopeIds, optimized);
+          setActiveBranch(suspense, newFallback);
         }
+      } else {
+        // toggled before pending tree is resolved
+        suspense.pendingId++;
 
-        root.transition = vnode.transition;
-      }
+        if (isHydrating) {
+          // if toggled before hydration is finished, the current DOM tree is
+          // no longer valid. set it as the active branch so it will be unmounted
+          // when resolved
+          suspense.isHydrating = false;
+          suspense.activeBranch = pendingBranch;
+        } else {
+          unmount(pendingBranch, parentComponent, suspense);
+        } // increment pending ID. this is used to invalidate async callbacks
+        // reset suspense state
 
-      if ("development" !== 'production' && setRoot) {
-        setRoot(root);
-      } else {
-        result = root;
-      }
-    } catch (err) {
-      blockStack.length = 0;
-      handleError(err, instance, 1
-      /* RENDER_FUNCTION */
-      );
-      result = createVNode(Comment$1);
-    }
 
-    setCurrentRenderingInstance(prev);
-    return result;
-  }
-  /**
-   * dev only
-   * In dev mode, template root level comments are rendered, which turns the
-   * template into a fragment root, but we need to locate the single element
-   * root for attrs and scope id processing.
-   */
+        suspense.deps = 0; // discard effects from pending branch
 
+        suspense.effects.length = 0; // discard previous container
 
-  var getChildRoot = vnode => {
-    var rawChildren = vnode.children;
-    var dynamicChildren = vnode.dynamicChildren;
-    var childRoot = filterSingleRoot(rawChildren);
+        suspense.hiddenContainer = createElement('div', container); // fixed by xxxxxx
 
-    if (!childRoot) {
-      return [vnode, undefined];
-    }
+        if (isInFallback) {
+          // already in fallback state
+          patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
 
-    var index = rawChildren.indexOf(childRoot);
-    var dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1;
+          if (suspense.deps <= 0) {
+            suspense.resolve();
+          } else {
+            patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
+            isSVG, slotScopeIds, optimized);
+            setActiveBranch(suspense, newFallback);
+          }
+        } else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
+          // toggled "back" to current active branch
+          patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); // force resolve
 
-    var setRoot = updatedRoot => {
-      rawChildren[index] = updatedRoot;
+          suspense.resolve(true);
+        } else {
+          // switched to a 3rd branch
+          patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
 
-      if (dynamicChildren) {
-        if (dynamicIndex > -1) {
-          dynamicChildren[dynamicIndex] = updatedRoot;
-        } else if (updatedRoot.patchFlag > 0) {
-          vnode.dynamicChildren = [...dynamicChildren, updatedRoot];
+          if (suspense.deps <= 0) {
+            suspense.resolve();
+          }
         }
       }
-    };
-
-    return [normalizeVNode(childRoot), setRoot];
-  };
+    } else {
+      if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
+        // root did not change, just normal patch
+        patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+        setActiveBranch(suspense, newBranch);
+      } else {
+        // root node toggled
+        // invoke @pending event
+        triggerEvent(n2, 'onPending'); // mount pending branch in off-dom container
 
-  function filterSingleRoot(children) {
-    var singleRoot;
+        suspense.pendingBranch = newBranch;
+        suspense.pendingId++;
+        patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
 
-    for (var i = 0; i < children.length; i++) {
-      var child = children[i];
+        if (suspense.deps <= 0) {
+          // incoming branch has no async deps, resolve now.
+          suspense.resolve();
+        } else {
+          var {
+            timeout,
+            pendingId
+          } = suspense;
 
-      if (isVNode(child)) {
-        // ignore user comment
-        if (child.type !== Comment$1 || child.children === 'v-if') {
-          if (singleRoot) {
-            // has more than 1 non-comment child, return now
-            return;
-          } else {
-            singleRoot = child;
+          if (timeout > 0) {
+            setTimeout(() => {
+              if (suspense.pendingId === pendingId) {
+                suspense.fallback(newFallback);
+              }
+            }, timeout);
+          } else if (timeout === 0) {
+            suspense.fallback(newFallback);
           }
         }
-      } else {
-        return;
       }
     }
-
-    return singleRoot;
   }
 
-  var getFunctionalFallthrough = attrs => {
-    var res;
+  var hasWarned = false;
 
-    for (var key in attrs) {
-      if (key === 'class' || key === 'style' || isOn(key)) {
-        (res || (res = {}))[key] = attrs[key];
-      }
+  function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
+    /* istanbul ignore if */
+    if (!hasWarned) {
+      hasWarned = true; // @ts-ignore `console.info` cannot be null error
+
+      console[console.info ? 'info' : 'log']("<Suspense> is an experimental feature and its API will likely change.");
     }
 
-    return res;
-  };
+    var {
+      p: patch,
+      m: move,
+      um: unmount,
+      n: next,
+      o: {
+        parentNode,
+        remove
+      }
+    } = rendererInternals;
+    var timeout = toNumber(vnode.props && vnode.props.timeout);
+    var suspense = {
+      vnode,
+      parent,
+      parentComponent,
+      isSVG,
+      container,
+      hiddenContainer,
+      anchor,
+      deps: 0,
+      pendingId: 0,
+      timeout: typeof timeout === 'number' ? timeout : -1,
+      activeBranch: null,
+      pendingBranch: null,
+      isInFallback: true,
+      isHydrating,
+      isUnmounted: false,
+      effects: [],
 
-  var filterModelListeners = (attrs, props) => {
-    var res = {};
+      resolve(resume = false) {
+        {
+          if (!resume && !suspense.pendingBranch) {
+            throw new Error("suspense.resolve() is called without a pending branch.");
+          }
 
-    for (var key in attrs) {
-      if (!isModelListener(key) || !(key.slice(9) in props)) {
-        res[key] = attrs[key];
-      }
-    }
+          if (suspense.isUnmounted) {
+            throw new Error("suspense.resolve() is called on an already unmounted suspense boundary.");
+          }
+        }
+        var {
+          vnode,
+          activeBranch,
+          pendingBranch,
+          pendingId,
+          effects,
+          parentComponent,
+          container
+        } = suspense;
 
-    return res;
-  };
+        if (suspense.isHydrating) {
+          suspense.isHydrating = false;
+        } else if (!resume) {
+          var delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === 'out-in';
 
-  var isElementRoot = vnode => {
-    return vnode.shapeFlag & 6
-    /* COMPONENT */
-    || vnode.shapeFlag & 1
-    /* ELEMENT */
-    || vnode.type === Comment$1 // potential v-if branch switch
-    ;
-  };
+          if (delayEnter) {
+            activeBranch.transition.afterLeave = () => {
+              if (pendingId === suspense.pendingId) {
+                move(pendingBranch, container, _anchor, 0
+                /* ENTER */
+                );
+              }
+            };
+          } // this is initial anchor on mount
 
-  function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
-    var {
-      props: prevProps,
-      children: prevChildren,
-      component
-    } = prevVNode;
-    var {
-      props: nextProps,
-      children: nextChildren,
-      patchFlag
-    } = nextVNode;
-    var emits = component.emitsOptions; // Parent component's render function was hot-updated. Since this may have
-    // caused the child component's slots content to have changed, we need to
-    // force the child to update as well.
 
-    if ((prevChildren || nextChildren) && isHmrUpdating) {
-      return true;
-    } // force child update for runtime directive or transition on component vnode.
+          var {
+            anchor: _anchor
+          } = suspense; // unmount current active tree
 
+          if (activeBranch) {
+            // if the fallback tree was mounted, it may have been moved
+            // as part of a parent suspense. get the latest anchor for insertion
+            _anchor = next(activeBranch);
+            unmount(activeBranch, parentComponent, suspense, true);
+          }
 
-    if (nextVNode.dirs || nextVNode.transition) {
-      return true;
-    }
+          if (!delayEnter) {
+            // move content from off-dom container to actual container
+            move(pendingBranch, container, _anchor, 0
+            /* ENTER */
+            );
+          }
+        }
 
-    if (optimized && patchFlag >= 0) {
-      if (patchFlag & 1024
-      /* DYNAMIC_SLOTS */
-      ) {
-        // slot content that references values that might have changed,
-        // e.g. in a v-for
-        return true;
-      }
+        setActiveBranch(suspense, pendingBranch);
+        suspense.pendingBranch = null;
+        suspense.isInFallback = false; // flush buffered effects
+        // check if there is a pending parent suspense
 
-      if (patchFlag & 16
-      /* FULL_PROPS */
-      ) {
-        if (!prevProps) {
-          return !!nextProps;
-        } // presence of this flag indicates props are always non-null
+        var parent = suspense.parent;
+        var hasUnresolvedAncestor = false;
 
+        while (parent) {
+          if (parent.pendingBranch) {
+            // found a pending parent suspense, merge buffered post jobs
+            // into that parent
+            parent.effects.push(...effects);
+            hasUnresolvedAncestor = true;
+            break;
+          }
 
-        return hasPropsChanged(prevProps, nextProps, emits);
-      } else if (patchFlag & 8
-      /* PROPS */
-      ) {
-        var dynamicProps = nextVNode.dynamicProps;
+          parent = parent.parent;
+        } // no pending parent suspense, flush all jobs
 
-        for (var i = 0; i < dynamicProps.length; i++) {
-          var key = dynamicProps[i];
 
-          if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) {
-            return true;
-          }
-        }
-      }
-    } else {
-      // this path is only taken by manually written render functions
-      // so presence of any children leads to a forced update
-      if (prevChildren || nextChildren) {
-        if (!nextChildren || !nextChildren.$stable) {
-          return true;
+        if (!hasUnresolvedAncestor) {
+          queuePostFlushCb(effects);
         }
-      }
-
-      if (prevProps === nextProps) {
-        return false;
-      }
 
-      if (!prevProps) {
-        return !!nextProps;
-      }
+        suspense.effects = []; // invoke @resolve event
 
-      if (!nextProps) {
-        return true;
-      }
+        triggerEvent(vnode, 'onResolve');
+      },
 
-      return hasPropsChanged(prevProps, nextProps, emits);
-    }
+      fallback(fallbackVNode) {
+        if (!suspense.pendingBranch) {
+          return;
+        }
 
-    return false;
-  }
+        var {
+          vnode,
+          activeBranch,
+          parentComponent,
+          container,
+          isSVG
+        } = suspense; // invoke @fallback event
 
-  function hasPropsChanged(prevProps, nextProps, emitsOptions) {
-    var nextKeys = Object.keys(nextProps);
+        triggerEvent(vnode, 'onFallback');
+        var anchor = next(activeBranch);
 
-    if (nextKeys.length !== Object.keys(prevProps).length) {
-      return true;
-    }
+        var mountFallback = () => {
+          if (!suspense.isInFallback) {
+            return;
+          } // mount the fallback tree
 
-    for (var i = 0; i < nextKeys.length; i++) {
-      var key = nextKeys[i];
 
-      if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) {
-        return true;
-      }
-    }
+          patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context
+          isSVG, slotScopeIds, optimized);
+          setActiveBranch(suspense, fallbackVNode);
+        };
 
-    return false;
-  }
+        var delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in';
 
-  function updateHOCHostEl({
-    vnode,
-    parent
-  }, el // HostNode
-  ) {
-    while (parent && parent.subTree === vnode) {
-      (vnode = parent.vnode).el = el;
-      parent = parent.parent;
-    }
-  }
+        if (delayEnter) {
+          activeBranch.transition.afterLeave = mountFallback;
+        }
 
-  var isSuspense = type => type.__isSuspense; // Suspense exposes a component-like API, and is treated like a component
-  // in the compiler, but internally it's a special built-in type that hooks
-  // directly into the renderer.
+        suspense.isInFallback = true; // unmount current active branch
 
+        unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now
+        true // shouldRemove
+        );
 
-  var SuspenseImpl = {
-    name: 'Suspense',
-    // In order to make Suspense tree-shakable, we need to avoid importing it
-    // directly in the renderer. The renderer checks for the __isSuspense flag
-    // on a vnode's type and calls the `process` method, passing in renderer
-    // internals.
-    __isSuspense: true,
+        if (!delayEnter) {
+          mountFallback();
+        }
+      },
 
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, // platform-specific impl passed from renderer
-    rendererInternals) {
-      if (n1 == null) {
-        mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals);
-      } else {
-        patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals);
-      }
-    },
+      move(container, anchor, type) {
+        suspense.activeBranch && move(suspense.activeBranch, container, anchor, type);
+        suspense.container = container;
+      },
 
-    hydrate: hydrateSuspense,
-    create: createSuspenseBoundary,
-    normalize: normalizeSuspenseChildren
-  }; // Force-casted public typing for h and TSX props inference
+      next() {
+        return suspense.activeBranch && next(suspense.activeBranch);
+      },
 
-  var Suspense = SuspenseImpl;
+      registerDep(instance, setupRenderEffect) {
+        var isInPendingSuspense = !!suspense.pendingBranch;
 
-  function triggerEvent(vnode, name) {
-    var eventListener = vnode.props && vnode.props[name];
+        if (isInPendingSuspense) {
+          suspense.deps++;
+        }
 
-    if (isFunction(eventListener)) {
-      eventListener();
-    }
-  }
+        var hydratedEl = instance.vnode.el;
+        instance.asyncDep.catch(err => {
+          handleError(err, instance, 0
+          /* SETUP_FUNCTION */
+          );
+        }).then(asyncSetupResult => {
+          // retry when the setup() promise resolves.
+          // component may have been unmounted before resolve.
+          if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) {
+            return;
+          } // retry from this component
 
-  function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) {
-    var {
-      p: patch,
-      o: {
-        createElement
-      }
-    } = rendererInternals;
-    var hiddenContainer = createElement('div', container); // fixed by xxxxxx
 
-    var suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals); // start mounting the content subtree in an off-dom container
+          instance.asyncResolved = true;
+          var {
+            vnode
+          } = instance;
+          {
+            pushWarningContext(vnode);
+          }
+          handleSetupResult(instance, asyncSetupResult, false);
 
-    patch(null, suspense.pendingBranch = vnode.ssContent, hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); // now check if we have encountered any async deps
+          if (hydratedEl) {
+            // vnode may have been replaced if an update happened before the
+            // async dep is resolved.
+            vnode.el = hydratedEl;
+          }
 
-    if (suspense.deps > 0) {
-      // has async
-      // invoke @fallback event
-      triggerEvent(vnode, 'onPending');
-      triggerEvent(vnode, 'onFallback'); // mount the fallback tree
+          var placeholder = !hydratedEl && instance.subTree.el;
+          setupRenderEffect(instance, vnode, // component may have been moved before resolve.
+          // if this is not a hydration, instance.subTree will be the comment
+          // placeholder.
+          parentNode(hydratedEl || instance.subTree.el), // anchor will not be used if this is hydration, so only need to
+          // consider the comment placeholder case.
+          hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized);
 
-      patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-      isSVG, slotScopeIds);
-      setActiveBranch(suspense, vnode.ssFallback);
-    } else {
-      // Suspense has no async deps. Just resolve.
-      suspense.resolve();
-    }
-  }
+          if (placeholder) {
+            remove(placeholder);
+          }
 
-  function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, {
-    p: patch,
-    um: unmount,
-    o: {
-      createElement
-    }
-  }) {
-    var suspense = n2.suspense = n1.suspense;
-    suspense.vnode = n2;
-    n2.el = n1.el;
-    var newBranch = n2.ssContent;
-    var newFallback = n2.ssFallback;
-    var {
-      activeBranch,
-      pendingBranch,
-      isInFallback,
-      isHydrating
-    } = suspense;
+          updateHOCHostEl(instance, vnode.el);
+          {
+            popWarningContext();
+          } // only decrease deps count if suspense is not already resolved
 
-    if (pendingBranch) {
-      suspense.pendingBranch = newBranch;
+          if (isInPendingSuspense && --suspense.deps === 0) {
+            suspense.resolve();
+          }
+        });
+      },
 
-      if (isSameVNodeType(newBranch, pendingBranch)) {
-        // same root type but content may have changed.
-        patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+      unmount(parentSuspense, doRemove) {
+        suspense.isUnmounted = true;
 
-        if (suspense.deps <= 0) {
-          suspense.resolve();
-        } else if (isInFallback) {
-          patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-          isSVG, slotScopeIds, optimized);
-          setActiveBranch(suspense, newFallback);
+        if (suspense.activeBranch) {
+          unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove);
         }
-      } else {
-        // toggled before pending tree is resolved
-        suspense.pendingId++;
 
-        if (isHydrating) {
-          // if toggled before hydration is finished, the current DOM tree is
-          // no longer valid. set it as the active branch so it will be unmounted
-          // when resolved
-          suspense.isHydrating = false;
-          suspense.activeBranch = pendingBranch;
-        } else {
-          unmount(pendingBranch, parentComponent, suspense);
-        } // increment pending ID. this is used to invalidate async callbacks
-        // reset suspense state
+        if (suspense.pendingBranch) {
+          unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove);
+        }
+      }
 
+    };
+    return suspense;
+  }
 
-        suspense.deps = 0; // discard effects from pending branch
+  function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) {
+    /* eslint-disable no-restricted-globals */
+    var suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true
+    /* hydrating */
+    ); // there are two possible scenarios for server-rendered suspense:
+    // - success: ssr content should be fully resolved
+    // - failure: ssr content should be the fallback branch.
+    // however, on the client we don't really know if it has failed or not
+    // attempt to hydrate the DOM assuming it has succeeded, but we still
+    // need to construct a suspense boundary first
 
-        suspense.effects.length = 0; // discard previous container
+    var result = hydrateNode(node, suspense.pendingBranch = vnode.ssContent, parentComponent, suspense, slotScopeIds, optimized);
 
-        suspense.hiddenContainer = createElement('div', container); // fixed by xxxxxx
+    if (suspense.deps === 0) {
+      suspense.resolve();
+    }
 
-        if (isInFallback) {
-          // already in fallback state
-          patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+    return result;
+    /* eslint-enable no-restricted-globals */
+  }
 
-          if (suspense.deps <= 0) {
-            suspense.resolve();
-          } else {
-            patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-            isSVG, slotScopeIds, optimized);
-            setActiveBranch(suspense, newFallback);
-          }
-        } else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
-          // toggled "back" to current active branch
-          patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); // force resolve
+  function normalizeSuspenseChildren(vnode) {
+    var {
+      shapeFlag,
+      children
+    } = vnode;
+    var isSlotChildren = shapeFlag & 32
+    /* SLOTS_CHILDREN */
+    ;
+    vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children);
+    vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment);
+  }
 
-          suspense.resolve(true);
-        } else {
-          // switched to a 3rd branch
-          patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+  function normalizeSuspenseSlot(s) {
+    var block;
 
-          if (suspense.deps <= 0) {
-            suspense.resolve();
-          }
-        }
+    if (isFunction(s)) {
+      var isCompiledSlot = s._c;
+
+      if (isCompiledSlot) {
+        // disableTracking: false
+        // allow block tracking for compiled slots
+        // (see ./componentRenderContext.ts)
+        s._d = false;
+        openBlock();
       }
-    } else {
-      if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
-        // root did not change, just normal patch
-        patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized);
-        setActiveBranch(suspense, newBranch);
-      } else {
-        // root node toggled
-        // invoke @pending event
-        triggerEvent(n2, 'onPending'); // mount pending branch in off-dom container
 
-        suspense.pendingBranch = newBranch;
-        suspense.pendingId++;
-        patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+      s = s();
 
-        if (suspense.deps <= 0) {
-          // incoming branch has no async deps, resolve now.
-          suspense.resolve();
-        } else {
-          var {
-            timeout,
-            pendingId
-          } = suspense;
+      if (isCompiledSlot) {
+        s._d = true;
+        block = currentBlock;
+        closeBlock();
+      }
+    }
 
-          if (timeout > 0) {
-            setTimeout(() => {
-              if (suspense.pendingId === pendingId) {
-                suspense.fallback(newFallback);
-              }
-            }, timeout);
-          } else if (timeout === 0) {
-            suspense.fallback(newFallback);
-          }
-        }
+    if (isArray(s)) {
+      var singleChild = filterSingleRoot(s);
+
+      if (!singleChild) {
+        warn$1("<Suspense> slots expect a single root node.");
       }
+
+      s = singleChild;
     }
-  }
 
-  var hasWarned = false;
+    s = normalizeVNode(s);
 
-  function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
-    /* istanbul ignore if */
-    if (!hasWarned) {
-      hasWarned = true; // @ts-ignore `console.info` cannot be null error
+    if (block && !s.dynamicChildren) {
+      s.dynamicChildren = block.filter(c => c !== s);
+    }
 
-      console[console.info ? 'info' : 'log']("<Suspense> is an experimental feature and its API will likely change.");
+    return s;
+  }
+
+  function queueEffectWithSuspense(fn, suspense) {
+    if (suspense && suspense.pendingBranch) {
+      if (isArray(fn)) {
+        suspense.effects.push(...fn);
+      } else {
+        suspense.effects.push(fn);
+      }
+    } else {
+      queuePostFlushCb(fn);
     }
+  }
 
+  function setActiveBranch(suspense, branch) {
+    suspense.activeBranch = branch;
     var {
-      p: patch,
-      m: move,
-      um: unmount,
-      n: next,
-      o: {
-        parentNode,
-        remove
-      }
-    } = rendererInternals;
-    var timeout = toNumber(vnode.props && vnode.props.timeout);
-    var suspense = {
       vnode,
-      parent,
-      parentComponent,
-      isSVG,
-      container,
-      hiddenContainer,
-      anchor,
-      deps: 0,
-      pendingId: 0,
-      timeout: typeof timeout === 'number' ? timeout : -1,
-      activeBranch: null,
-      pendingBranch: null,
-      isInFallback: true,
-      isHydrating,
-      isUnmounted: false,
-      effects: [],
+      parentComponent
+    } = suspense;
+    var el = vnode.el = branch.el; // in case suspense is the root node of a component,
+    // recursively update the HOC el
 
-      resolve(resume = false) {
-        {
-          if (!resume && !suspense.pendingBranch) {
-            throw new Error("suspense.resolve() is called without a pending branch.");
-          }
+    if (parentComponent && parentComponent.subTree === vnode) {
+      parentComponent.vnode.el = el;
+      updateHOCHostEl(parentComponent, el);
+    }
+  }
 
-          if (suspense.isUnmounted) {
-            throw new Error("suspense.resolve() is called on an already unmounted suspense boundary.");
-          }
-        }
-        var {
-          vnode,
-          activeBranch,
-          pendingBranch,
-          pendingId,
-          effects,
-          parentComponent,
-          container
-        } = suspense;
-
-        if (suspense.isHydrating) {
-          suspense.isHydrating = false;
-        } else if (!resume) {
-          var delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === 'out-in';
+  function provide(key, value) {
+    if (!currentInstance) {
+      {
+        warn$1("provide() can only be used inside setup().");
+      }
+    } else {
+      var provides = currentInstance.provides; // by default an instance inherits its parent's provides object
+      // but when it needs to provide values of its own, it creates its
+      // own provides object using parent provides object as prototype.
+      // this way in `inject` we can simply look up injections from direct
+      // parent and let the prototype chain do the work.
 
-          if (delayEnter) {
-            activeBranch.transition.afterLeave = () => {
-              if (pendingId === suspense.pendingId) {
-                move(pendingBranch, container, _anchor, 0
-                /* ENTER */
-                );
-              }
-            };
-          } // this is initial anchor on mount
+      var parentProvides = currentInstance.parent && currentInstance.parent.provides;
 
+      if (parentProvides === provides) {
+        provides = currentInstance.provides = Object.create(parentProvides);
+      } // TS doesn't allow symbol as index type
 
-          var {
-            anchor: _anchor
-          } = suspense; // unmount current active tree
 
-          if (activeBranch) {
-            // if the fallback tree was mounted, it may have been moved
-            // as part of a parent suspense. get the latest anchor for insertion
-            _anchor = next(activeBranch);
-            unmount(activeBranch, parentComponent, suspense, true);
-          }
+      provides[key] = value;
+    }
+  }
 
-          if (!delayEnter) {
-            // move content from off-dom container to actual container
-            move(pendingBranch, container, _anchor, 0
-            /* ENTER */
-            );
-          }
-        }
+  function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    // fallback to `currentRenderingInstance` so that this can be called in
+    // a functional component
+    var instance = currentInstance || currentRenderingInstance;
 
-        setActiveBranch(suspense, pendingBranch);
-        suspense.pendingBranch = null;
-        suspense.isInFallback = false; // flush buffered effects
-        // check if there is a pending parent suspense
+    if (instance) {
+      // #2400
+      // to support `app.use` plugins,
+      // fallback to appContext's `provides` if the intance is at root
+      var provides = instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides;
 
-        var parent = suspense.parent;
-        var hasUnresolvedAncestor = false;
+      if (provides && key in provides) {
+        // TS doesn't allow symbol as index type
+        return provides[key];
+      } else if (arguments.length > 1) {
+        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance.proxy) : defaultValue;
+      } else {
+        warn$1("injection \"".concat(String(key), "\" not found."));
+      }
+    } else {
+      warn$1("inject() can only be used inside setup() or functional components.");
+    }
+  }
 
-        while (parent) {
-          if (parent.pendingBranch) {
-            // found a pending parent suspense, merge buffered post jobs
-            // into that parent
-            parent.effects.push(...effects);
-            hasUnresolvedAncestor = true;
-            break;
-          }
+  function useTransitionState() {
+    var state = {
+      isMounted: false,
+      isLeaving: false,
+      isUnmounting: false,
+      leavingVNodes: new Map()
+    };
+    onMounted(() => {
+      state.isMounted = true;
+    });
+    onBeforeUnmount(() => {
+      state.isUnmounting = true;
+    });
+    return state;
+  }
 
-          parent = parent.parent;
-        } // no pending parent suspense, flush all jobs
+  var TransitionHookValidator = [Function, Array];
+  var BaseTransitionImpl = {
+    name: "BaseTransition",
+    props: {
+      mode: String,
+      appear: Boolean,
+      persisted: Boolean,
+      // enter
+      onBeforeEnter: TransitionHookValidator,
+      onEnter: TransitionHookValidator,
+      onAfterEnter: TransitionHookValidator,
+      onEnterCancelled: TransitionHookValidator,
+      // leave
+      onBeforeLeave: TransitionHookValidator,
+      onLeave: TransitionHookValidator,
+      onAfterLeave: TransitionHookValidator,
+      onLeaveCancelled: TransitionHookValidator,
+      // appear
+      onBeforeAppear: TransitionHookValidator,
+      onAppear: TransitionHookValidator,
+      onAfterAppear: TransitionHookValidator,
+      onAppearCancelled: TransitionHookValidator
+    },
 
+    setup(props, {
+      slots
+    }) {
+      var instance = getCurrentInstance();
+      var state = useTransitionState();
+      var prevTransitionKey;
+      return () => {
+        var children = slots.default && getTransitionRawChildren(slots.default(), true);
 
-        if (!hasUnresolvedAncestor) {
-          queuePostFlushCb(effects);
-        }
+        if (!children || !children.length) {
+          return;
+        } // warn multiple elements
 
-        suspense.effects = []; // invoke @resolve event
 
-        triggerEvent(vnode, 'onResolve');
-      },
+        if (children.length > 1) {
+          warn$1('<transition> can only be used on a single element or component. Use ' + '<transition-group> for lists.');
+        } // there's no need to track reactivity for these props so use the raw
+        // props for a bit better perf
 
-      fallback(fallbackVNode) {
-        if (!suspense.pendingBranch) {
-          return;
-        }
 
+        var rawProps = toRaw(props);
         var {
-          vnode,
-          activeBranch,
-          parentComponent,
-          container,
-          isSVG
-        } = suspense; // invoke @fallback event
-
-        triggerEvent(vnode, 'onFallback');
-        var anchor = next(activeBranch);
-
-        var mountFallback = () => {
-          if (!suspense.isInFallback) {
-            return;
-          } // mount the fallback tree
+          mode
+        } = rawProps; // check mode
 
+        if (mode && !['in-out', 'out-in', 'default'].includes(mode)) {
+          warn$1("invalid <transition> mode: ".concat(mode));
+        } // at this point children has a guaranteed length of 1.
 
-          patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-          isSVG, slotScopeIds, optimized);
-          setActiveBranch(suspense, fallbackVNode);
-        };
 
-        var delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in';
+        var child = children[0];
 
-        if (delayEnter) {
-          activeBranch.transition.afterLeave = mountFallback;
-        }
+        if (state.isLeaving) {
+          return emptyPlaceholder(child);
+        } // in the case of <transition><keep-alive/></transition>, we need to
+        // compare the type of the kept-alive children.
 
-        suspense.isInFallback = true; // unmount current active branch
 
-        unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now
-        true // shouldRemove
-        );
+        var innerChild = getKeepAliveChild(child);
 
-        if (!delayEnter) {
-          mountFallback();
+        if (!innerChild) {
+          return emptyPlaceholder(child);
         }
-      },
 
-      move(container, anchor, type) {
-        suspense.activeBranch && move(suspense.activeBranch, container, anchor, type);
-        suspense.container = container;
-      },
+        var enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance);
+        setTransitionHooks(innerChild, enterHooks);
+        var oldChild = instance.subTree;
+        var oldInnerChild = oldChild && getKeepAliveChild(oldChild);
+        var transitionKeyChanged = false;
+        var {
+          getTransitionKey
+        } = innerChild.type;
 
-      next() {
-        return suspense.activeBranch && next(suspense.activeBranch);
-      },
+        if (getTransitionKey) {
+          var key = getTransitionKey();
 
-      registerDep(instance, setupRenderEffect) {
-        var isInPendingSuspense = !!suspense.pendingBranch;
+          if (prevTransitionKey === undefined) {
+            prevTransitionKey = key;
+          } else if (key !== prevTransitionKey) {
+            prevTransitionKey = key;
+            transitionKeyChanged = true;
+          }
+        } // handle mode
 
-        if (isInPendingSuspense) {
-          suspense.deps++;
-        }
 
-        var hydratedEl = instance.vnode.el;
-        instance.asyncDep.catch(err => {
-          handleError(err, instance, 0
-          /* SETUP_FUNCTION */
-          );
-        }).then(asyncSetupResult => {
-          // retry when the setup() promise resolves.
-          // component may have been unmounted before resolve.
-          if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) {
-            return;
-          } // retry from this component
+        if (oldInnerChild && oldInnerChild.type !== Comment$1 && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) {
+          var leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); // update old tree's hooks in case of dynamic transition
 
+          setTransitionHooks(oldInnerChild, leavingHooks); // switching between different views
 
-          instance.asyncResolved = true;
-          var {
-            vnode
-          } = instance;
-          {
-            pushWarningContext(vnode);
-          }
-          handleSetupResult(instance, asyncSetupResult, false);
+          if (mode === 'out-in') {
+            state.isLeaving = true; // return placeholder node and queue update when leave finishes
 
-          if (hydratedEl) {
-            // vnode may have been replaced if an update happened before the
-            // async dep is resolved.
-            vnode.el = hydratedEl;
-          }
+            leavingHooks.afterLeave = () => {
+              state.isLeaving = false;
+              instance.update();
+            };
 
-          var placeholder = !hydratedEl && instance.subTree.el;
-          setupRenderEffect(instance, vnode, // component may have been moved before resolve.
-          // if this is not a hydration, instance.subTree will be the comment
-          // placeholder.
-          parentNode(hydratedEl || instance.subTree.el), // anchor will not be used if this is hydration, so only need to
-          // consider the comment placeholder case.
-          hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized);
-
-          if (placeholder) {
-            remove(placeholder);
-          }
+            return emptyPlaceholder(child);
+          } else if (mode === 'in-out' && innerChild.type !== Comment$1) {
+            leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
+              var leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
+              leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; // early removal callback
 
-          updateHOCHostEl(instance, vnode.el);
-          {
-            popWarningContext();
-          } // only decrease deps count if suspense is not already resolved
+              el._leaveCb = () => {
+                earlyRemove();
+                el._leaveCb = undefined;
+                delete enterHooks.delayedLeave;
+              };
 
-          if (isInPendingSuspense && --suspense.deps === 0) {
-            suspense.resolve();
+              enterHooks.delayedLeave = delayedLeave;
+            };
           }
-        });
-      },
-
-      unmount(parentSuspense, doRemove) {
-        suspense.isUnmounted = true;
-
-        if (suspense.activeBranch) {
-          unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove);
         }
 
-        if (suspense.pendingBranch) {
-          unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove);
-        }
-      }
+        return child;
+      };
+    }
 
-    };
-    return suspense;
-  }
+  }; // export the public type for h/tsx inference
+  // also to avoid inline import() in generated d.ts files
 
-  function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) {
-    /* eslint-disable no-restricted-globals */
-    var suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true
-    /* hydrating */
-    ); // there are two possible scenarios for server-rendered suspense:
-    // - success: ssr content should be fully resolved
-    // - failure: ssr content should be the fallback branch.
-    // however, on the client we don't really know if it has failed or not
-    // attempt to hydrate the DOM assuming it has succeeded, but we still
-    // need to construct a suspense boundary first
+  var BaseTransition = BaseTransitionImpl;
 
-    var result = hydrateNode(node, suspense.pendingBranch = vnode.ssContent, parentComponent, suspense, slotScopeIds, optimized);
+  function getLeavingNodesForType(state, vnode) {
+    var {
+      leavingVNodes
+    } = state;
+    var leavingVNodesCache = leavingVNodes.get(vnode.type);
 
-    if (suspense.deps === 0) {
-      suspense.resolve();
+    if (!leavingVNodesCache) {
+      leavingVNodesCache = Object.create(null);
+      leavingVNodes.set(vnode.type, leavingVNodesCache);
     }
 
-    return result;
-    /* eslint-enable no-restricted-globals */
-  }
+    return leavingVNodesCache;
+  } // The transition hooks are attached to the vnode as vnode.transition
+  // and will be called at appropriate timing in the renderer.
 
-  function normalizeSuspenseChildren(vnode) {
-    var {
-      shapeFlag,
-      children
-    } = vnode;
-    var isSlotChildren = shapeFlag & 32
-    /* SLOTS_CHILDREN */
-    ;
-    vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children);
-    vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment);
-  }
 
-  function normalizeSuspenseSlot(s) {
-    var block;
+  function resolveTransitionHooks(vnode, props, state, instance) {
+    var {
+      appear,
+      mode,
+      persisted = false,
+      onBeforeEnter,
+      onEnter,
+      onAfterEnter,
+      onEnterCancelled,
+      onBeforeLeave,
+      onLeave,
+      onAfterLeave,
+      onLeaveCancelled,
+      onBeforeAppear,
+      onAppear,
+      onAfterAppear,
+      onAppearCancelled
+    } = props;
+    var key = String(vnode.key);
+    var leavingVNodesCache = getLeavingNodesForType(state, vnode);
 
-    if (isFunction(s)) {
-      var isCompiledSlot = s._c;
+    var callHook = (hook, args) => {
+      hook && callWithAsyncErrorHandling(hook, instance, 9
+      /* TRANSITION_HOOK */
+      , args);
+    };
 
-      if (isCompiledSlot) {
-        // disableTracking: false
-        // allow block tracking for compiled slots
-        // (see ./componentRenderContext.ts)
-        s._d = false;
-        openBlock();
-      }
+    var hooks = {
+      mode,
+      persisted,
 
-      s = s();
+      beforeEnter(el) {
+        var hook = onBeforeEnter;
 
-      if (isCompiledSlot) {
-        s._d = true;
-        block = currentBlock;
-        closeBlock();
-      }
-    }
+        if (!state.isMounted) {
+          if (appear) {
+            hook = onBeforeAppear || onBeforeEnter;
+          } else {
+            return;
+          }
+        } // for same element (v-show)
 
-    if (isArray(s)) {
-      var singleChild = filterSingleRoot(s);
 
-      if (!singleChild) {
-        warn("<Suspense> slots expect a single root node.");
-      }
+        if (el._leaveCb) {
+          el._leaveCb(true
+          /* cancelled */
+          );
+        } // for toggled element with same key (v-if)
 
-      s = singleChild;
-    }
 
-    s = normalizeVNode(s);
+        var leavingVNode = leavingVNodesCache[key];
 
-    if (block) {
-      s.dynamicChildren = block.filter(c => c !== s);
-    }
+        if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) {
+          // force early removal (not cancelled)
+          leavingVNode.el._leaveCb();
+        }
 
-    return s;
-  }
+        callHook(hook, [el]);
+      },
 
-  function queueEffectWithSuspense(fn, suspense) {
-    if (suspense && suspense.pendingBranch) {
-      if (isArray(fn)) {
-        suspense.effects.push(...fn);
-      } else {
-        suspense.effects.push(fn);
-      }
-    } else {
-      queuePostFlushCb(fn);
-    }
-  }
+      enter(el) {
+        var hook = onEnter;
+        var afterHook = onAfterEnter;
+        var cancelHook = onEnterCancelled;
 
-  function setActiveBranch(suspense, branch) {
-    suspense.activeBranch = branch;
-    var {
-      vnode,
-      parentComponent
-    } = suspense;
-    var el = vnode.el = branch.el; // in case suspense is the root node of a component,
-    // recursively update the HOC el
+        if (!state.isMounted) {
+          if (appear) {
+            hook = onAppear || onEnter;
+            afterHook = onAfterAppear || onAfterEnter;
+            cancelHook = onAppearCancelled || onEnterCancelled;
+          } else {
+            return;
+          }
+        }
 
-    if (parentComponent && parentComponent.subTree === vnode) {
-      parentComponent.vnode.el = el;
-      updateHOCHostEl(parentComponent, el);
-    }
-  }
+        var called = false;
 
-  function provide(key, value) {
-    if (!currentInstance) {
-      {
-        warn("provide() can only be used inside setup().");
-      }
-    } else {
-      var provides = currentInstance.provides; // by default an instance inherits its parent's provides object
-      // but when it needs to provide values of its own, it creates its
-      // own provides object using parent provides object as prototype.
-      // this way in `inject` we can simply look up injections from direct
-      // parent and let the prototype chain do the work.
+        var done = el._enterCb = cancelled => {
+          if (called) return;
+          called = true;
 
-      var parentProvides = currentInstance.parent && currentInstance.parent.provides;
+          if (cancelled) {
+            callHook(cancelHook, [el]);
+          } else {
+            callHook(afterHook, [el]);
+          }
 
-      if (parentProvides === provides) {
-        provides = currentInstance.provides = Object.create(parentProvides);
-      } // TS doesn't allow symbol as index type
+          if (hooks.delayedLeave) {
+            hooks.delayedLeave();
+          }
 
+          el._enterCb = undefined;
+        };
 
-      provides[key] = value;
-    }
-  }
+        if (hook) {
+          hook(el, done);
 
-  function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    // fallback to `currentRenderingInstance` so that this can be called in
-    // a functional component
-    var instance = currentInstance || currentRenderingInstance;
+          if (hook.length <= 1) {
+            done();
+          }
+        } else {
+          done();
+        }
+      },
 
-    if (instance) {
-      // #2400
-      // to support `app.use` plugins,
-      // fallback to appContext's `provides` if the intance is at root
-      var provides = instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides;
+      leave(el, remove) {
+        var key = String(vnode.key);
 
-      if (provides && key in provides) {
-        // TS doesn't allow symbol as index type
-        return provides[key];
-      } else if (arguments.length > 1) {
-        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance.proxy) : defaultValue;
-      } else {
-        warn("injection \"".concat(String(key), "\" not found."));
-      }
-    } else {
-      warn("inject() can only be used inside setup() or functional components.");
-    }
-  } // Simple effect.
+        if (el._enterCb) {
+          el._enterCb(true
+          /* cancelled */
+          );
+        }
 
+        if (state.isUnmounting) {
+          return remove();
+        }
 
-  function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-  } // initial value for watchers to trigger on undefined initial values
+        callHook(onBeforeLeave, [el]);
+        var called = false;
 
+        var done = el._leaveCb = cancelled => {
+          if (called) return;
+          called = true;
+          remove();
 
-  var INITIAL_WATCHER_VALUE = {}; // implementation
+          if (cancelled) {
+            callHook(onLeaveCancelled, [el]);
+          } else {
+            callHook(onAfterLeave, [el]);
+          }
 
-  function watch(source, cb, options) {
-    if (!isFunction(cb)) {
-      warn("`watch(fn, options?)` signature has been moved to a separate API. " + "Use `watchEffect(fn, options?)` instead. `watch` now only " + "supports `watch(source, cb, options?) signature.");
-    }
+          el._leaveCb = undefined;
 
-    return doWatch(source, cb, options);
-  }
+          if (leavingVNodesCache[key] === vnode) {
+            delete leavingVNodesCache[key];
+          }
+        };
 
-  function doWatch(source, cb, {
-    immediate,
-    deep,
-    flush,
-    onTrack,
-    onTrigger
-  } = EMPTY_OBJ, instance = currentInstance) {
-    if (!cb) {
-      if (immediate !== undefined) {
-        warn("watch() \"immediate\" option is only respected when using the " + "watch(source, callback, options?) signature.");
-      }
+        leavingVNodesCache[key] = vnode;
 
-      if (deep !== undefined) {
-        warn("watch() \"deep\" option is only respected when using the " + "watch(source, callback, options?) signature.");
+        if (onLeave) {
+          onLeave(el, done);
+
+          if (onLeave.length <= 1) {
+            done();
+          }
+        } else {
+          done();
+        }
+      },
+
+      clone(vnode) {
+        return resolveTransitionHooks(vnode, props, state, instance);
       }
-    }
 
-    var warnInvalidSource = s => {
-      warn("Invalid watch source: ", s, "A watch source can only be a getter/effect function, a ref, " + "a reactive object, or an array of these types.");
     };
+    return hooks;
+  } // the placeholder really only handles one special case: KeepAlive
+  // in the case of a KeepAlive in a leave phase we need to return a KeepAlive
+  // placeholder with empty content to avoid the KeepAlive instance from being
+  // unmounted.
 
-    var getter;
-    var forceTrigger = false;
-    var isMultiSource = false;
 
-    if (isRef(source)) {
-      getter = () => source.value;
+  function emptyPlaceholder(vnode) {
+    if (isKeepAlive(vnode)) {
+      vnode = cloneVNode(vnode);
+      vnode.children = null;
+      return vnode;
+    }
+  }
 
-      forceTrigger = !!source._shallow;
-    } else if (isReactive(source)) {
-      getter = () => source;
+  function getKeepAliveChild(vnode) {
+    return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : undefined : vnode;
+  }
 
-      deep = true;
-    } else if (isArray(source)) {
-      isMultiSource = true;
-      forceTrigger = source.some(isReactive);
+  function setTransitionHooks(vnode, hooks) {
+    if (vnode.shapeFlag & 6
+    /* COMPONENT */
+    && vnode.component) {
+      setTransitionHooks(vnode.component.subTree, hooks);
+    } else if (vnode.shapeFlag & 128
+    /* SUSPENSE */
+    ) {
+      vnode.ssContent.transition = hooks.clone(vnode.ssContent);
+      vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+    } else {
+      vnode.transition = hooks;
+    }
+  }
 
-      getter = () => source.map(s => {
-        if (isRef(s)) {
-          return s.value;
-        } else if (isReactive(s)) {
-          return traverse(s);
-        } else if (isFunction(s)) {
-          return callWithErrorHandling(s, instance, 2
-          /* WATCH_GETTER */
-          );
-        } else {
-          warnInvalidSource(s);
-        }
-      });
-    } else if (isFunction(source)) {
-      if (cb) {
-        // getter with cb
-        getter = () => callWithErrorHandling(source, instance, 2
-        /* WATCH_GETTER */
-        );
-      } else {
-        // no cb -> simple effect
-        getter = () => {
-          if (instance && instance.isUnmounted) {
-            return;
-          }
+  function getTransitionRawChildren(children, keepComment = false) {
+    var ret = [];
+    var keyedFragmentCount = 0;
 
-          if (cleanup) {
-            cleanup();
-          }
+    for (var i = 0; i < children.length; i++) {
+      var child = children[i]; // handle fragment children case, e.g. v-for
 
-          return callWithAsyncErrorHandling(source, instance, 3
-          /* WATCH_CALLBACK */
-          , [onInvalidate]);
-        };
+      if (child.type === Fragment) {
+        if (child.patchFlag & 128
+        /* KEYED_FRAGMENT */
+        ) keyedFragmentCount++;
+        ret = ret.concat(getTransitionRawChildren(child.children, keepComment));
+      } // comment placeholders should be skipped, e.g. v-if
+      else if (keepComment || child.type !== Comment$1) {
+        ret.push(child);
       }
-    } else {
-      getter = NOOP;
-      warnInvalidSource(source);
-    }
+    } // #1126 if a transition children list contains multiple sub fragments, these
+    // fragments will be merged into a flat children array. Since each v-for
+    // fragment may contain different static bindings inside, we need to de-op
+    // these children to force full diffs to ensure correct behavior.
 
-    if (cb && deep) {
-      var baseGetter = getter;
 
-      getter = () => traverse(baseGetter());
+    if (keyedFragmentCount > 1) {
+      for (var _i = 0; _i < ret.length; _i++) {
+        ret[_i].patchFlag = -2
+        /* BAIL */
+        ;
+      }
     }
 
-    var cleanup;
+    return ret;
+  } // implementation, close to no-op
 
-    var onInvalidate = fn => {
-      cleanup = runner.options.onStop = () => {
-        callWithErrorHandling(fn, instance, 4
-        /* WATCH_CLEANUP */
-        );
+
+  function defineComponent(options) {
+    return isFunction(options) ? {
+      setup: options,
+      name: options.name
+    } : options;
+  }
+
+  var isAsyncWrapper = i => !!i.type.__asyncLoader;
+
+  function defineAsyncComponent(source) {
+    if (isFunction(source)) {
+      source = {
+        loader: source
       };
-    };
+    }
 
-    var oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    var {
+      loader,
+      loadingComponent,
+      errorComponent,
+      delay = 200,
+      timeout,
+      // undefined = never times out
+      suspensible = true,
+      onError: userOnError
+    } = source;
+    var pendingRequest = null;
+    var resolvedComp;
+    var retries = 0;
 
-    var job = () => {
-      if (!runner.active) {
-        return;
-      }
+    var retry = () => {
+      retries++;
+      pendingRequest = null;
+      return load();
+    };
 
-      if (cb) {
-        // watch(source, cb)
-        var newValue = runner();
+    var load = () => {
+      var thisRequest;
+      return pendingRequest || (thisRequest = pendingRequest = loader().catch(err => {
+        err = err instanceof Error ? err : new Error(String(err));
 
-        if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || false) {
-          // cleanup before running cb again
-          if (cleanup) {
-            cleanup();
-          }
+        if (userOnError) {
+          return new Promise((resolve, reject) => {
+            var userRetry = () => resolve(retry());
 
-          callWithAsyncErrorHandling(cb, instance, 3
-          /* WATCH_CALLBACK */
-          , [newValue, // pass undefined as the old value when it's changed for the first time
-          oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue, onInvalidate]);
-          oldValue = newValue;
+            var userFail = () => reject(err);
+
+            userOnError(err, userRetry, userFail, retries + 1);
+          });
+        } else {
+          throw err;
+        }
+      }).then(comp => {
+        if (thisRequest !== pendingRequest && pendingRequest) {
+          return pendingRequest;
         }
-      } else {
-        // watchEffect
-        runner();
-      }
-    }; // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
 
+        if (!comp) {
+          warn$1("Async component loader resolved to undefined. " + "If you are using retry(), make sure to return its return value.");
+        } // interop module default
 
-    job.allowRecurse = !!cb;
-    var scheduler;
 
-    if (flush === 'sync') {
-      scheduler = job; // the scheduler function gets called directly
-    } else if (flush === 'post') {
-      scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-    } else {
-      // default: 'pre'
-      scheduler = () => {
-        if (!instance || instance.isMounted) {
-          queuePreFlushCb(job);
-        } else {
-          // with 'pre' option, the first call must happen before
-          // the component is mounted so it is called synchronously.
-          job();
+        if (comp && (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+          comp = comp.default;
         }
-      };
-    }
 
-    var runner = effect(getter, {
-      lazy: true,
-      onTrack,
-      onTrigger,
-      scheduler
-    });
-    recordInstanceBoundEffect(runner, instance); // initial run
+        if (comp && !isObject(comp) && !isFunction(comp)) {
+          throw new Error("Invalid async component load result: ".concat(comp));
+        }
 
-    if (cb) {
-      if (immediate) {
-        job();
-      } else {
-        oldValue = runner();
-      }
-    } else if (flush === 'post') {
-      queuePostRenderEffect(runner, instance && instance.suspense);
-    } else {
-      runner();
-    }
+        resolvedComp = comp;
+        return comp;
+      }));
+    };
 
-    return () => {
-      stop(runner);
+    return defineComponent({
+      name: 'AsyncComponentWrapper',
+      __asyncLoader: load,
 
-      if (instance) {
-        remove(instance.effects, runner);
-      }
-    };
-  } // this.$watch
+      get __asyncResolved() {
+        return resolvedComp;
+      },
 
+      setup() {
+        var instance = currentInstance; // already resolved
 
-  function instanceWatch(source, value, options) {
-    var publicThis = this.proxy;
-    var getter = isString(source) ? source.includes('.') ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
-    var cb;
+        if (resolvedComp) {
+          return () => createInnerComp(resolvedComp, instance);
+        }
 
-    if (isFunction(value)) {
-      cb = value;
-    } else {
-      cb = value.handler;
-      options = value;
-    }
+        var onError = err => {
+          pendingRequest = null;
+          handleError(err, instance, 13
+          /* ASYNC_COMPONENT_LOADER */
+          , !errorComponent
+          /* do not throw in dev if user provided error component */
+          );
+        }; // suspense-controlled or SSR.
 
-    return doWatch(getter, cb.bind(publicThis), options, this);
-  }
 
-  function createPathGetter(ctx, path) {
-    var segments = path.split('.');
-    return () => {
-      var cur = ctx;
+        if (suspensible && instance.suspense || false) {
+          return load().then(comp => {
+            return () => createInnerComp(comp, instance);
+          }).catch(err => {
+            onError(err);
+            return () => errorComponent ? createVNode(errorComponent, {
+              error: err
+            }) : null;
+          });
+        }
 
-      for (var i = 0; i < segments.length && cur; i++) {
-        cur = cur[segments[i]];
-      }
+        var loaded = ref(false);
+        var error = ref();
+        var delayed = ref(!!delay);
 
-      return cur;
-    };
-  }
+        if (delay) {
+          setTimeout(() => {
+            delayed.value = false;
+          }, delay);
+        }
 
-  function traverse(value, seen = new Set()) {
-    if (!isObject(value) || seen.has(value) || value["__v_skip"
-    /* SKIP */
-    ]) {
-      return value;
-    }
+        if (timeout != null) {
+          setTimeout(() => {
+            if (!loaded.value && !error.value) {
+              var err = new Error("Async component timed out after ".concat(timeout, "ms."));
+              onError(err);
+              error.value = err;
+            }
+          }, timeout);
+        }
 
-    seen.add(value);
+        load().then(() => {
+          loaded.value = true;
 
-    if (isRef(value)) {
-      traverse(value.value, seen);
-    } else if (isArray(value)) {
-      for (var i = 0; i < value.length; i++) {
-        traverse(value[i], seen);
-      }
-    } else if (isSet(value) || isMap(value)) {
-      value.forEach(v => {
-        traverse(v, seen);
-      });
-    } else if (isPlainObject(value)) {
-      for (var key in value) {
-        traverse(value[key], seen);
+          if (instance.parent && isKeepAlive(instance.parent.vnode)) {
+            // parent is keep-alive, force update so the loaded component's
+            // name is taken into account
+            queueJob(instance.parent.update);
+          }
+        }).catch(err => {
+          onError(err);
+          error.value = err;
+        });
+        return () => {
+          if (loaded.value && resolvedComp) {
+            return createInnerComp(resolvedComp, instance);
+          } else if (error.value && errorComponent) {
+            return createVNode(errorComponent, {
+              error: error.value
+            });
+          } else if (loadingComponent && !delayed.value) {
+            return createVNode(loadingComponent);
+          }
+        };
       }
-    }
 
-    return value;
+    });
   }
 
-  function useTransitionState() {
-    var state = {
-      isMounted: false,
-      isLeaving: false,
-      isUnmounting: false,
-      leavingVNodes: new Map()
-    };
-    onMounted(() => {
-      state.isMounted = true;
-    });
-    onBeforeUnmount(() => {
-      state.isUnmounting = true;
-    });
-    return state;
+  function createInnerComp(comp, {
+    vnode: {
+      ref,
+      props,
+      children
+    }
+  }) {
+    var vnode = createVNode(comp, props, children); // ensure inner component inherits the async wrapper's ref owner
+
+    vnode.ref = ref;
+    return vnode;
   }
 
-  var TransitionHookValidator = [Function, Array];
-  var BaseTransitionImpl = {
-    name: "BaseTransition",
+  var isKeepAlive = vnode => vnode.type.__isKeepAlive;
+
+  var KeepAliveImpl = {
+    name: "KeepAlive",
+    // Marker for special handling inside the renderer. We are not using a ===
+    // check directly on KeepAlive in the renderer, because importing it directly
+    // would prevent it from being tree-shaken.
+    __isKeepAlive: true,
     props: {
-      mode: String,
-      appear: Boolean,
-      persisted: Boolean,
-      // enter
-      onBeforeEnter: TransitionHookValidator,
-      onEnter: TransitionHookValidator,
-      onAfterEnter: TransitionHookValidator,
-      onEnterCancelled: TransitionHookValidator,
-      // leave
-      onBeforeLeave: TransitionHookValidator,
-      onLeave: TransitionHookValidator,
-      onAfterLeave: TransitionHookValidator,
-      onLeaveCancelled: TransitionHookValidator,
-      // appear
-      onBeforeAppear: TransitionHookValidator,
-      onAppear: TransitionHookValidator,
-      onAfterAppear: TransitionHookValidator,
-      onAppearCancelled: TransitionHookValidator
+      include: [String, RegExp, Array],
+      exclude: [String, RegExp, Array],
+      max: [String, Number]
     },
 
     setup(props, {
       slots
     }) {
-      var instance = getCurrentInstance();
-      var state = useTransitionState();
-      var prevTransitionKey;
-      return () => {
-        var children = slots.default && getTransitionRawChildren(slots.default(), true);
-
-        if (!children || !children.length) {
-          return;
-        } // warn multiple elements
+      var instance = getCurrentInstance(); // KeepAlive communicates with the instantiated renderer via the
+      // ctx where the renderer passes in its internals,
+      // and the KeepAlive instance exposes activate/deactivate implementations.
+      // The whole point of this is to avoid importing KeepAlive directly in the
+      // renderer to facilitate tree-shaking.
 
+      var sharedContext = instance.ctx; // if the internal renderer is not registered, it indicates that this is server-side rendering,
+      // for KeepAlive, we just need to render its children
 
-        if (children.length > 1) {
-          warn('<transition> can only be used on a single element or component. Use ' + '<transition-group> for lists.');
-        } // there's no need to track reactivity for these props so use the raw
-        // props for a bit better perf
+      if (!sharedContext.renderer) {
+        return slots.default;
+      }
 
+      var cache = new Map();
+      var keys = new Set();
+      var current = null;
+      {
+        instance.__v_cache = cache;
+      }
+      var parentSuspense = instance.suspense;
+      var {
+        renderer: {
+          p: patch,
+          m: move,
+          um: _unmount,
+          o: {
+            createElement
+          }
+        }
+      } = sharedContext;
+      var storageContainer = createElement('div', null); // fixed by xxxxx
 
-        var rawProps = toRaw(props);
-        var {
-          mode
-        } = rawProps; // check mode
+      sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => {
+        var instance = vnode.component;
+        move(vnode, container, anchor, 0
+        /* ENTER */
+        , parentSuspense); // in case props have changed
 
-        if (mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-          warn("invalid <transition> mode: ".concat(mode));
-        } // at this point children has a guaranteed length of 1.
-
-
-        var child = children[0];
-
-        if (state.isLeaving) {
-          return emptyPlaceholder(child);
-        } // in the case of <transition><keep-alive/></transition>, we need to
-        // compare the type of the kept-alive children.
+        patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized);
+        queuePostRenderEffect(() => {
+          instance.isDeactivated = false;
 
+          if (instance.a) {
+            invokeArrayFns(instance.a);
+          }
 
-        var innerChild = getKeepAliveChild(child);
+          var vnodeHook = vnode.props && vnode.props.onVnodeMounted;
 
-        if (!innerChild) {
-          return emptyPlaceholder(child);
+          if (vnodeHook) {
+            invokeVNodeHook(vnodeHook, instance.parent, vnode);
+          }
+        }, parentSuspense);
+        {
+          // Update components tree
+          devtoolsComponentAdded(instance);
         }
+      };
 
-        var enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance);
-        setTransitionHooks(innerChild, enterHooks);
-        var oldChild = instance.subTree;
-        var oldInnerChild = oldChild && getKeepAliveChild(oldChild);
-        var transitionKeyChanged = false;
-        var {
-          getTransitionKey
-        } = innerChild.type;
-
-        if (getTransitionKey) {
-          var key = getTransitionKey();
-
-          if (prevTransitionKey === undefined) {
-            prevTransitionKey = key;
-          } else if (key !== prevTransitionKey) {
-            prevTransitionKey = key;
-            transitionKeyChanged = true;
+      sharedContext.deactivate = vnode => {
+        var instance = vnode.component;
+        move(vnode, storageContainer, null, 1
+        /* LEAVE */
+        , parentSuspense);
+        queuePostRenderEffect(() => {
+          if (instance.da) {
+            invokeArrayFns(instance.da);
           }
-        } // handle mode
-
 
-        if (oldInnerChild && oldInnerChild.type !== Comment$1 && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) {
-          var leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); // update old tree's hooks in case of dynamic transition
+          var vnodeHook = vnode.props && vnode.props.onVnodeUnmounted;
 
-          setTransitionHooks(oldInnerChild, leavingHooks); // switching between different views
+          if (vnodeHook) {
+            invokeVNodeHook(vnodeHook, instance.parent, vnode);
+          }
 
-          if (mode === 'out-in') {
-            state.isLeaving = true; // return placeholder node and queue update when leave finishes
+          instance.isDeactivated = true;
+        }, parentSuspense);
+        {
+          // Update components tree
+          devtoolsComponentAdded(instance);
+        }
+      };
 
-            leavingHooks.afterLeave = () => {
-              state.isLeaving = false;
-              instance.update();
-            };
+      function unmount(vnode) {
+        // reset the shapeFlag so it can be properly unmounted
+        resetShapeFlag(vnode);
 
-            return emptyPlaceholder(child);
-          } else if (mode === 'in-out' && innerChild.type !== Comment$1) {
-            leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
-              var leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
-              leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; // early removal callback
+        _unmount(vnode, instance, parentSuspense);
+      }
 
-              el._leaveCb = () => {
-                earlyRemove();
-                el._leaveCb = undefined;
-                delete enterHooks.delayedLeave;
-              };
+      function pruneCache(filter) {
+        cache.forEach((vnode, key) => {
+          var name = getComponentName(vnode.type);
 
-              enterHooks.delayedLeave = delayedLeave;
-            };
+          if (name && (!filter || !filter(name))) {
+            pruneCacheEntry(key);
           }
-        }
-
-        return child;
-      };
-    }
-
-  }; // export the public type for h/tsx inference
-  // also to avoid inline import() in generated d.ts files
+        });
+      }
 
-  var BaseTransition = BaseTransitionImpl;
+      function pruneCacheEntry(key) {
+        var cached = cache.get(key);
 
-  function getLeavingNodesForType(state, vnode) {
-    var {
-      leavingVNodes
-    } = state;
-    var leavingVNodesCache = leavingVNodes.get(vnode.type);
+        if (!current || cached.type !== current.type) {
+          unmount(cached);
+        } else if (current) {
+          // current active instance should no longer be kept-alive.
+          // we can't unmount it now but it might be later, so reset its flag now.
+          resetShapeFlag(current);
+        }
 
-    if (!leavingVNodesCache) {
-      leavingVNodesCache = Object.create(null);
-      leavingVNodes.set(vnode.type, leavingVNodesCache);
-    }
+        cache.delete(key);
+        keys.delete(key);
+      } // prune cache on include/exclude prop change
 
-    return leavingVNodesCache;
-  } // The transition hooks are attached to the vnode as vnode.transition
-  // and will be called at appropriate timing in the renderer.
 
+      watch(() => [props.include, props.exclude], ([include, exclude]) => {
+        include && pruneCache(name => matches(include, name));
+        exclude && pruneCache(name => !matches(exclude, name));
+      }, // prune post-render after `current` has been updated
+      {
+        flush: 'post',
+        deep: true
+      }); // cache sub tree after render
 
-  function resolveTransitionHooks(vnode, props, state, instance) {
-    var {
-      appear,
-      mode,
-      persisted = false,
-      onBeforeEnter,
-      onEnter,
-      onAfterEnter,
-      onEnterCancelled,
-      onBeforeLeave,
-      onLeave,
-      onAfterLeave,
-      onLeaveCancelled,
-      onBeforeAppear,
-      onAppear,
-      onAfterAppear,
-      onAppearCancelled
-    } = props;
-    var key = String(vnode.key);
-    var leavingVNodesCache = getLeavingNodesForType(state, vnode);
+      var pendingCacheKey = null;
 
-    var callHook = (hook, args) => {
-      hook && callWithAsyncErrorHandling(hook, instance, 9
-      /* TRANSITION_HOOK */
-      , args);
-    };
+      var cacheSubtree = () => {
+        // fix #1621, the pendingCacheKey could be 0
+        if (pendingCacheKey != null) {
+          cache.set(pendingCacheKey, getInnerChild(instance.subTree));
+        }
+      };
 
-    var hooks = {
-      mode,
-      persisted,
+      onMounted(cacheSubtree);
+      onUpdated(cacheSubtree);
+      onBeforeUnmount(() => {
+        cache.forEach(cached => {
+          var {
+            subTree,
+            suspense
+          } = instance;
+          var vnode = getInnerChild(subTree);
 
-      beforeEnter(el) {
-        var hook = onBeforeEnter;
+          if (cached.type === vnode.type) {
+            // current instance will be unmounted as part of keep-alive's unmount
+            resetShapeFlag(vnode); // but invoke its deactivated hook here
 
-        if (!state.isMounted) {
-          if (appear) {
-            hook = onBeforeAppear || onBeforeEnter;
-          } else {
+            var da = vnode.component.da;
+            da && queuePostRenderEffect(da, suspense);
             return;
           }
-        } // for same element (v-show)
-
 
-        if (el._leaveCb) {
-          el._leaveCb(true
-          /* cancelled */
-          );
-        } // for toggled element with same key (v-if)
+          unmount(cached);
+        });
+      });
+      return () => {
+        pendingCacheKey = null;
 
+        if (!slots.default) {
+          return null;
+        }
 
-        var leavingVNode = leavingVNodesCache[key];
+        var children = slots.default();
+        var rawVNode = children[0];
 
-        if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) {
-          // force early removal (not cancelled)
-          leavingVNode.el._leaveCb();
+        if (children.length > 1) {
+          {
+            warn$1("KeepAlive should contain exactly one component child.");
+          }
+          current = null;
+          return children;
+        } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4
+        /* STATEFUL_COMPONENT */
+        ) && !(rawVNode.shapeFlag & 128
+        /* SUSPENSE */
+        )) {
+          current = null;
+          return rawVNode;
         }
 
-        callHook(hook, [el]);
-      },
+        var vnode = getInnerChild(rawVNode);
+        var comp = vnode.type; // for async components, name check should be based in its loaded
+        // inner component if available
 
-      enter(el) {
-        var hook = onEnter;
-        var afterHook = onAfterEnter;
-        var cancelHook = onEnterCancelled;
+        var name = getComponentName(isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp);
+        var {
+          include,
+          exclude,
+          max
+        } = props;
 
-        if (!state.isMounted) {
-          if (appear) {
-            hook = onAppear || onEnter;
-            afterHook = onAfterAppear || onAfterEnter;
-            cancelHook = onAppearCancelled || onEnterCancelled;
-          } else {
-            return;
-          }
+        if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) {
+          current = vnode;
+          return rawVNode;
         }
 
-        var called = false;
-
-        var done = el._enterCb = cancelled => {
-          if (called) return;
-          called = true;
+        var key = vnode.key == null ? comp : vnode.key;
+        var cachedVNode = cache.get(key); // clone vnode if it's reused because we are going to mutate it
 
-          if (cancelled) {
-            callHook(cancelHook, [el]);
-          } else {
-            callHook(afterHook, [el]);
-          }
+        if (vnode.el) {
+          vnode = cloneVNode(vnode);
 
-          if (hooks.delayedLeave) {
-            hooks.delayedLeave();
+          if (rawVNode.shapeFlag & 128
+          /* SUSPENSE */
+          ) {
+            rawVNode.ssContent = vnode;
           }
+        } // #1513 it's possible for the returned vnode to be cloned due to attr
+        // fallthrough or scopeId, so the vnode here may not be the final vnode
+        // that is mounted. Instead of caching it directly, we store the pending
+        // key and cache `instance.subTree` (the normalized vnode) in
+        // beforeMount/beforeUpdate hooks.
 
-          el._enterCb = undefined;
-        };
 
-        if (hook) {
-          hook(el, done);
+        pendingCacheKey = key;
 
-          if (hook.length <= 1) {
-            done();
-          }
+        if (cachedVNode) {
+          // copy over mounted state
+          vnode.el = cachedVNode.el;
+          vnode.component = cachedVNode.component;
+
+          if (vnode.transition) {
+            // recursively update transition hooks on subTree
+            setTransitionHooks(vnode, vnode.transition);
+          } // avoid vnode being mounted as fresh
+
+
+          vnode.shapeFlag |= 512
+          /* COMPONENT_KEPT_ALIVE */
+          ; // make this key the freshest
+
+          keys.delete(key);
+          keys.add(key);
         } else {
-          done();
-        }
-      },
+          keys.add(key); // prune oldest entry
 
-      leave(el, remove) {
-        var key = String(vnode.key);
+          if (max && keys.size > parseInt(max, 10)) {
+            pruneCacheEntry(keys.values().next().value);
+          }
+        } // avoid vnode being unmounted
 
-        if (el._enterCb) {
-          el._enterCb(true
-          /* cancelled */
-          );
-        }
 
-        if (state.isUnmounting) {
-          return remove();
-        }
+        vnode.shapeFlag |= 256
+        /* COMPONENT_SHOULD_KEEP_ALIVE */
+        ;
+        current = vnode;
+        return rawVNode;
+      };
+    }
 
-        callHook(onBeforeLeave, [el]);
-        var called = false;
+  }; // export the public type for h/tsx inference
+  // also to avoid inline import() in generated d.ts files
 
-        var done = el._leaveCb = cancelled => {
-          if (called) return;
-          called = true;
-          remove();
+  var KeepAlive = KeepAliveImpl;
 
-          if (cancelled) {
-            callHook(onLeaveCancelled, [el]);
-          } else {
-            callHook(onAfterLeave, [el]);
-          }
+  function matches(pattern, name) {
+    if (isArray(pattern)) {
+      return pattern.some(p => matches(p, name));
+    } else if (isString(pattern)) {
+      return pattern.split(',').indexOf(name) > -1;
+    } else if (pattern.test) {
+      return pattern.test(name);
+    }
+    /* istanbul ignore next */
 
-          el._leaveCb = undefined;
 
-          if (leavingVNodesCache[key] === vnode) {
-            delete leavingVNodesCache[key];
-          }
-        };
+    return false;
+  }
 
-        leavingVNodesCache[key] = vnode;
+  function onActivated(hook, target) {
+    registerKeepAliveHook(hook, "a"
+    /* ACTIVATED */
+    , target);
+  }
 
-        if (onLeave) {
-          onLeave(el, done);
+  function onDeactivated(hook, target) {
+    registerKeepAliveHook(hook, "da"
+    /* DEACTIVATED */
+    , target);
+  }
 
-          if (onLeave.length <= 1) {
-            done();
-          }
-        } else {
-          done();
+  function registerKeepAliveHook(hook, type, target = currentInstance) {
+    // cache the deactivate branch check wrapper for injected hooks so the same
+    // hook can be properly deduped by the scheduler. "__wdc" stands for "with
+    // deactivation check".
+    var wrappedHook = hook.__wdc || (hook.__wdc = () => {
+      // only fire the hook if the target instance is NOT in a deactivated branch.
+      var current = target;
+
+      while (current) {
+        if (current.isDeactivated) {
+          return;
         }
-      },
 
-      clone(vnode) {
-        return resolveTransitionHooks(vnode, props, state, instance);
+        current = current.parent;
       }
 
-    };
-    return hooks;
-  } // the placeholder really only handles one special case: KeepAlive
-  // in the case of a KeepAlive in a leave phase we need to return a KeepAlive
-  // placeholder with empty content to avoid the KeepAlive instance from being
-  // unmounted.
+      hook();
+    });
+
+    injectHook(type, wrappedHook, target); // In addition to registering it on the target instance, we walk up the parent
+    // chain and register it on all ancestor instances that are keep-alive roots.
+    // This avoids the need to walk the entire component tree when invoking these
+    // hooks, and more importantly, avoids the need to track child components in
+    // arrays.
 
+    if (target) {
+      var current = target.parent;
 
-  function emptyPlaceholder(vnode) {
-    if (isKeepAlive(vnode)) {
-      vnode = cloneVNode(vnode);
-      vnode.children = null;
-      return vnode;
+      while (current && current.parent) {
+        if (isKeepAlive(current.parent.vnode)) {
+          injectToKeepAliveRoot(wrappedHook, type, target, current);
+        }
+
+        current = current.parent;
+      }
     }
   }
 
-  function getKeepAliveChild(vnode) {
-    return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : undefined : vnode;
+  function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
+    // injectHook wraps the original for error handling, so make sure to remove
+    // the wrapped version.
+    var injected = injectHook(type, hook, keepAliveRoot, true
+    /* prepend */
+    );
+    onUnmounted(() => {
+      remove(keepAliveRoot[type], injected);
+    }, target);
   }
 
-  function setTransitionHooks(vnode, hooks) {
-    if (vnode.shapeFlag & 6
-    /* COMPONENT */
-    && vnode.component) {
-      setTransitionHooks(vnode.component.subTree, hooks);
-    } else if (vnode.shapeFlag & 128
-    /* SUSPENSE */
+  function resetShapeFlag(vnode) {
+    var shapeFlag = vnode.shapeFlag;
+
+    if (shapeFlag & 256
+    /* COMPONENT_SHOULD_KEEP_ALIVE */
     ) {
-      vnode.ssContent.transition = hooks.clone(vnode.ssContent);
-      vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
-    } else {
-      vnode.transition = hooks;
+      shapeFlag -= 256
+      /* COMPONENT_SHOULD_KEEP_ALIVE */
+      ;
     }
-  }
 
-  function getTransitionRawChildren(children, keepComment = false) {
-    var ret = [];
-    var keyedFragmentCount = 0;
+    if (shapeFlag & 512
+    /* COMPONENT_KEPT_ALIVE */
+    ) {
+      shapeFlag -= 512
+      /* COMPONENT_KEPT_ALIVE */
+      ;
+    }
 
-    for (var i = 0; i < children.length; i++) {
-      var child = children[i]; // handle fragment children case, e.g. v-for
+    vnode.shapeFlag = shapeFlag;
+  }
 
-      if (child.type === Fragment) {
-        if (child.patchFlag & 128
-        /* KEYED_FRAGMENT */
-        ) keyedFragmentCount++;
-        ret = ret.concat(getTransitionRawChildren(child.children, keepComment));
-      } // comment placeholders should be skipped, e.g. v-if
-      else if (keepComment || child.type !== Comment$1) {
-        ret.push(child);
+  function getInnerChild(vnode) {
+    return vnode.shapeFlag & 128
+    /* SUSPENSE */
+    ? vnode.ssContent : vnode;
+  }
+
+  function injectHook(type, hook, target = currentInstance, prepend = false) {
+    if (target) {
+      // fixed by xxxxxx
+      if (isRootHook(type)) {
+        target = target.root;
       }
-    } // #1126 if a transition children list contains multiple sub fragments, these
-    // fragments will be merged into a flat children array. Since each v-for
-    // fragment may contain different static bindings inside, we need to de-op
-    // these children to force full diffs to ensure correct behavior.
 
+      var {
+        __page_container__
+      } = target.root.vnode; // 仅限 App 端
 
-    if (keyedFragmentCount > 1) {
-      for (var _i = 0; _i < ret.length; _i++) {
-        ret[_i].patchFlag = -2
-        /* BAIL */
-        ;
+      if (__page_container__) {
+        __page_container__.onInjectHook(type);
       }
-    }
-
-    return ret;
-  } // implementation, close to no-op
 
+      var hooks = target[type] || (target[type] = []); // cache the error handling wrapper for injected hooks so the same hook
+      // can be properly deduped by the scheduler. "__weh" stands for "with error
+      // handling".
 
-  function defineComponent(options) {
-    return isFunction(options) ? {
-      setup: options,
-      name: options.name
-    } : options;
-  }
+      var wrappedHook = hook.__weh || (hook.__weh = (...args) => {
+        if (target.isUnmounted) {
+          return;
+        } // disable tracking inside all lifecycle hooks
+        // since they can potentially be called inside effects.
 
-  var isAsyncWrapper = i => !!i.type.__asyncLoader;
-
-  function defineAsyncComponent(source) {
-    if (isFunction(source)) {
-      source = {
-        loader: source
-      };
-    }
-
-    var {
-      loader,
-      loadingComponent,
-      errorComponent,
-      delay = 200,
-      timeout,
-      // undefined = never times out
-      suspensible = true,
-      onError: userOnError
-    } = source;
-    var pendingRequest = null;
-    var resolvedComp;
-    var retries = 0;
-
-    var retry = () => {
-      retries++;
-      pendingRequest = null;
-      return load();
-    };
-
-    var load = () => {
-      var thisRequest;
-      return pendingRequest || (thisRequest = pendingRequest = loader().catch(err => {
-        err = err instanceof Error ? err : new Error(String(err));
-
-        if (userOnError) {
-          return new Promise((resolve, reject) => {
-            var userRetry = () => resolve(retry());
-
-            var userFail = () => reject(err);
-
-            userOnError(err, userRetry, userFail, retries + 1);
-          });
-        } else {
-          throw err;
-        }
-      }).then(comp => {
-        if (thisRequest !== pendingRequest && pendingRequest) {
-          return pendingRequest;
-        }
-
-        if (!comp) {
-          warn("Async component loader resolved to undefined. " + "If you are using retry(), make sure to return its return value.");
-        } // interop module default
-
-
-        if (comp && (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-          comp = comp.default;
-        }
-
-        if (comp && !isObject(comp) && !isFunction(comp)) {
-          throw new Error("Invalid async component load result: ".concat(comp));
-        }
-
-        resolvedComp = comp;
-        return comp;
-      }));
-    };
-
-    return defineComponent({
-      name: 'AsyncComponentWrapper',
-      __asyncLoader: load,
-
-      get __asyncResolved() {
-        return resolvedComp;
-      },
-
-      setup() {
-        var instance = currentInstance; // already resolved
-
-        if (resolvedComp) {
-          return () => createInnerComp(resolvedComp, instance);
-        }
-
-        var onError = err => {
-          pendingRequest = null;
-          handleError(err, instance, 13
-          /* ASYNC_COMPONENT_LOADER */
-          , !errorComponent
-          /* do not throw in dev if user provided error component */
-          );
-        }; // suspense-controlled or SSR.
 
+        pauseTracking(); // Set currentInstance during hook invocation.
+        // This assumes the hook does not synchronously trigger other hooks, which
+        // can only be false when the user does something really funky.
 
-        if (suspensible && instance.suspense || false) {
-          return load().then(comp => {
-            return () => createInnerComp(comp, instance);
-          }).catch(err => {
-            onError(err);
-            return () => errorComponent ? createVNode(errorComponent, {
-              error: err
-            }) : null;
-          });
-        }
+        setCurrentInstance(target); // fixed by xxxxxx
 
-        var loaded = ref(false);
-        var error = ref();
-        var delayed = ref(!!delay);
+        var res = callWithAsyncErrorHandling(hook, target, type, args);
+        unsetCurrentInstance();
+        resetTracking();
+        return res;
+      });
 
-        if (delay) {
-          setTimeout(() => {
-            delayed.value = false;
-          }, delay);
-        }
+      if (prepend) {
+        hooks.unshift(wrappedHook);
+      } else {
+        hooks.push(wrappedHook);
+      }
 
-        if (timeout != null) {
-          setTimeout(() => {
-            if (!loaded.value && !error.value) {
-              var err = new Error("Async component timed out after ".concat(timeout, "ms."));
-              onError(err);
-              error.value = err;
-            }
-          }, timeout);
-        }
+      return wrappedHook;
+    } else {
+      var apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
+      warn$1("".concat(apiName, " is called when there is no active component instance to be ") + "associated with. " + "Lifecycle injection APIs can only be used during execution of setup()." + (" If you are using async setup(), make sure to register lifecycle " + "hooks before the first await statement."));
+    }
+  }
 
-        load().then(() => {
-          loaded.value = true;
+  var createHook = lifecycle => (hook, target = currentInstance) => // post-create lifecycle registrations are noops during SSR (except for serverPrefetch)
+  (!isInSSRComponentSetup || lifecycle === "sp"
+  /* SERVER_PREFETCH */
+  ) && injectHook(lifecycle, hook, target);
 
-          if (instance.parent && isKeepAlive(instance.parent.vnode)) {
-            // parent is keep-alive, force update so the loaded component's
-            // name is taken into account
-            queueJob(instance.parent.update);
-          }
-        }).catch(err => {
-          onError(err);
-          error.value = err;
-        });
-        return () => {
-          if (loaded.value && resolvedComp) {
-            return createInnerComp(resolvedComp, instance);
-          } else if (error.value && errorComponent) {
-            return createVNode(errorComponent, {
-              error: error.value
-            });
-          } else if (loadingComponent && !delayed.value) {
-            return createVNode(loadingComponent);
-          }
-        };
-      }
+  var onBeforeMount = createHook("bm"
+  /* BEFORE_MOUNT */
+  );
+  var onMounted = createHook("m"
+  /* MOUNTED */
+  );
+  var onBeforeUpdate = createHook("bu"
+  /* BEFORE_UPDATE */
+  );
+  var onUpdated = createHook("u"
+  /* UPDATED */
+  );
+  var onBeforeUnmount = createHook("bum"
+  /* BEFORE_UNMOUNT */
+  );
+  var onUnmounted = createHook("um"
+  /* UNMOUNTED */
+  );
+  var onServerPrefetch = createHook("sp"
+  /* SERVER_PREFETCH */
+  );
+  var onRenderTriggered = createHook("rtg"
+  /* RENDER_TRIGGERED */
+  );
+  var onRenderTracked = createHook("rtc"
+  /* RENDER_TRACKED */
+  );
 
-    });
+  function onErrorCaptured(hook, target = currentInstance) {
+    injectHook("ec"
+    /* ERROR_CAPTURED */
+    , hook, target);
   }
 
-  function createInnerComp(comp, {
-    vnode: {
-      ref,
-      props,
-      children
-    }
-  }) {
-    var vnode = createVNode(comp, props, children); // ensure inner component inherits the async wrapper's ref owner
-
-    vnode.ref = ref;
-    return vnode;
+  function createDuplicateChecker() {
+    var cache = Object.create(null);
+    return (type, key) => {
+      if (cache[key]) {
+        warn$1("".concat(type, " property \"").concat(key, "\" is already defined in ").concat(cache[key], "."));
+      } else {
+        cache[key] = type;
+      }
+    };
   }
 
-  var isKeepAlive = vnode => vnode.type.__isKeepAlive;
+  var shouldCacheAccess = true;
 
-  var KeepAliveImpl = {
-    name: "KeepAlive",
-    // Marker for special handling inside the renderer. We are not using a ===
-    // check directly on KeepAlive in the renderer, because importing it directly
-    // would prevent it from being tree-shaken.
-    __isKeepAlive: true,
-    props: {
-      include: [String, RegExp, Array],
-      exclude: [String, RegExp, Array],
-      max: [String, Number]
-    },
+  function applyOptions(instance) {
+    var options = resolveMergedOptions(instance);
+    var publicThis = instance.proxy;
+    var ctx = instance.ctx; // do not cache property access on public proxy during state initialization
 
-    setup(props, {
-      slots
-    }) {
-      var instance = getCurrentInstance(); // KeepAlive communicates with the instantiated renderer via the
-      // ctx where the renderer passes in its internals,
-      // and the KeepAlive instance exposes activate/deactivate implementations.
-      // The whole point of this is to avoid importing KeepAlive directly in the
-      // renderer to facilitate tree-shaking.
+    shouldCacheAccess = false; // call beforeCreate first before accessing other options since
+    // the hook may mutate resolved options (#2791)
 
-      var sharedContext = instance.ctx; // if the internal renderer is not registered, it indicates that this is server-side rendering,
-      // for KeepAlive, we just need to render its children
+    if (options.beforeCreate) {
+      callHook(options.beforeCreate, instance, "bc"
+      /* BEFORE_CREATE */
+      );
+    }
 
-      if (!sharedContext.renderer) {
-        return slots.default;
-      }
+    var {
+      // state
+      data: dataOptions,
+      computed: computedOptions,
+      methods,
+      watch: watchOptions,
+      provide: provideOptions,
+      inject: injectOptions,
+      // lifecycle
+      created,
+      beforeMount,
+      mounted,
+      beforeUpdate,
+      updated,
+      activated,
+      deactivated,
+      beforeDestroy,
+      beforeUnmount,
+      destroyed,
+      unmounted,
+      render,
+      renderTracked,
+      renderTriggered,
+      errorCaptured,
+      serverPrefetch,
+      // public API
+      expose,
+      inheritAttrs,
+      // assets
+      components,
+      directives,
+      filters
+    } = options;
+    var checkDuplicateProperties = createDuplicateChecker();
+    {
+      var [propsOptions] = instance.propsOptions;
 
-      var cache = new Map();
-      var keys = new Set();
-      var current = null;
-      {
-        instance.__v_cache = cache;
-      }
-      var parentSuspense = instance.suspense;
-      var {
-        renderer: {
-          p: patch,
-          m: move,
-          um: _unmount,
-          o: {
-            createElement
-          }
+      if (propsOptions) {
+        for (var key in propsOptions) {
+          checkDuplicateProperties("Props"
+          /* PROPS */
+          , key);
         }
-      } = sharedContext;
-      var storageContainer = createElement('div', null); // fixed by xxxxx
+      }
+    } // options initialization order (to be consistent with Vue 2):
+    // - props (already done outside of this function)
+    // - inject
+    // - methods
+    // - data (deferred since it relies on `this` access)
+    // - computed
+    // - watch (deferred since it relies on `this` access)
 
-      sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => {
-        var instance = vnode.component;
-        move(vnode, container, anchor, 0
-        /* ENTER */
-        , parentSuspense); // in case props have changed
+    if (injectOptions) {
+      resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
+    }
 
-        patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized);
-        queuePostRenderEffect(() => {
-          instance.isDeactivated = false;
+    if (methods) {
+      for (var _key2 in methods) {
+        var methodHandler = methods[_key2];
 
-          if (instance.a) {
-            invokeArrayFns(instance.a);
+        if (isFunction(methodHandler)) {
+          // In dev mode, we use the `createRenderContext` function to define
+          // methods to the proxy target, and those are read-only but
+          // reconfigurable, so it needs to be redefined here
+          {
+            Object.defineProperty(ctx, _key2, {
+              value: methodHandler.bind(publicThis),
+              configurable: true,
+              enumerable: true,
+              writable: true
+            });
           }
-
-          var vnodeHook = vnode.props && vnode.props.onVnodeMounted;
-
-          if (vnodeHook) {
-            invokeVNodeHook(vnodeHook, instance.parent, vnode);
+          {
+            checkDuplicateProperties("Methods"
+            /* METHODS */
+            , _key2);
           }
-        }, parentSuspense);
-        {
-          // Update components tree
-          devtoolsComponentAdded(instance);
+        } else {
+          warn$1("Method \"".concat(_key2, "\" has type \"").concat(typeof methodHandler, "\" in the component definition. ") + "Did you reference the function correctly?");
         }
-      };
-
-      sharedContext.deactivate = vnode => {
-        var instance = vnode.component;
-        move(vnode, storageContainer, null, 1
-        /* LEAVE */
-        , parentSuspense);
-        queuePostRenderEffect(() => {
-          if (instance.da) {
-            invokeArrayFns(instance.da);
-          }
+      }
+    }
 
-          var vnodeHook = vnode.props && vnode.props.onVnodeUnmounted;
+    if (dataOptions) {
+      (function () {
+        if (!isFunction(dataOptions)) {
+          warn$1("The data option must be a function. " + "Plain object usage is no longer supported.");
+        }
 
-          if (vnodeHook) {
-            invokeVNodeHook(vnodeHook, instance.parent, vnode);
-          }
+        var data = dataOptions.call(publicThis, publicThis);
 
-          instance.isDeactivated = true;
-        }, parentSuspense);
-        {
-          // Update components tree
-          devtoolsComponentAdded(instance);
+        if (isPromise(data)) {
+          warn$1("data() returned a Promise - note data() cannot be async; If you " + "intend to perform data fetching before component renders, use " + "async setup() + <Suspense>.");
         }
-      };
 
-      function unmount(vnode) {
-        // reset the shapeFlag so it can be properly unmounted
-        resetShapeFlag(vnode);
-
-        _unmount(vnode, instance, parentSuspense);
-      }
+        if (!isObject(data)) {
+          warn$1("data() should return an object.");
+        } else {
+          instance.data = reactive(data);
+          {
+            var _loop = function (_key3) {
+              checkDuplicateProperties("Data"
+              /* DATA */
+              , _key3); // expose data on ctx during dev
 
-      function pruneCache(filter) {
-        cache.forEach((vnode, key) => {
-          var name = getComponentName(vnode.type);
+              if (_key3[0] !== '$' && _key3[0] !== '_') {
+                Object.defineProperty(ctx, _key3, {
+                  configurable: true,
+                  enumerable: true,
+                  get: () => data[_key3],
+                  set: NOOP
+                });
+              }
+            };
 
-          if (name && (!filter || !filter(name))) {
-            pruneCacheEntry(key);
+            for (var _key3 in data) {
+              _loop(_key3);
+            }
           }
-        });
-      }
-
-      function pruneCacheEntry(key) {
-        var cached = cache.get(key);
-
-        if (!current || cached.type !== current.type) {
-          unmount(cached);
-        } else if (current) {
-          // current active instance should no longer be kept-alive.
-          // we can't unmount it now but it might be later, so reset its flag now.
-          resetShapeFlag(current);
         }
+      })();
+    } // state initialization complete at this point - start caching access
 
-        cache.delete(key);
-        keys.delete(key);
-      } // prune cache on include/exclude prop change
 
+    shouldCacheAccess = true;
 
-      watch(() => [props.include, props.exclude], ([include, exclude]) => {
-        include && pruneCache(name => matches(include, name));
-        exclude && pruneCache(name => !matches(exclude, name));
-      }, // prune post-render after `current` has been updated
-      {
-        flush: 'post',
-        deep: true
-      }); // cache sub tree after render
+    if (computedOptions) {
+      var _loop2 = function (_key4) {
+        var opt = computedOptions[_key4];
+        var get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
 
-      var pendingCacheKey = null;
+        if (get === NOOP) {
+          warn$1("Computed property \"".concat(_key4, "\" has no getter."));
+        }
 
-      var cacheSubtree = () => {
-        // fix #1621, the pendingCacheKey could be 0
-        if (pendingCacheKey != null) {
-          cache.set(pendingCacheKey, getInnerChild(instance.subTree));
+        var set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : () => {
+          warn$1("Write operation failed: computed property \"".concat(_key4, "\" is readonly."));
+        };
+        var c = computed({
+          get,
+          set
+        });
+        Object.defineProperty(ctx, _key4, {
+          enumerable: true,
+          configurable: true,
+          get: () => c.value,
+          set: v => c.value = v
+        });
+        {
+          checkDuplicateProperties("Computed"
+          /* COMPUTED */
+          , _key4);
         }
       };
 
-      onMounted(cacheSubtree);
-      onUpdated(cacheSubtree);
-      onBeforeUnmount(() => {
-        cache.forEach(cached => {
-          var {
-            subTree,
-            suspense
-          } = instance;
-          var vnode = getInnerChild(subTree);
-
-          if (cached.type === vnode.type) {
-            // current instance will be unmounted as part of keep-alive's unmount
-            resetShapeFlag(vnode); // but invoke its deactivated hook here
+      for (var _key4 in computedOptions) {
+        _loop2(_key4);
+      }
+    }
 
-            var da = vnode.component.da;
-            da && queuePostRenderEffect(da, suspense);
-            return;
-          }
+    if (watchOptions) {
+      for (var _key5 in watchOptions) {
+        createWatcher(watchOptions[_key5], ctx, publicThis, _key5);
+      }
+    }
 
-          unmount(cached);
-        });
+    if (provideOptions) {
+      var provides = isFunction(provideOptions) ? provideOptions.call(publicThis) : provideOptions;
+      Reflect.ownKeys(provides).forEach(key => {
+        provide(key, provides[key]);
       });
-      return () => {
-        pendingCacheKey = null;
-
-        if (!slots.default) {
-          return null;
-        }
-
-        var children = slots.default();
-        var rawVNode = children[0];
-
-        if (children.length > 1) {
-          {
-            warn("KeepAlive should contain exactly one component child.");
-          }
-          current = null;
-          return children;
-        } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4
-        /* STATEFUL_COMPONENT */
-        ) && !(rawVNode.shapeFlag & 128
-        /* SUSPENSE */
-        )) {
-          current = null;
-          return rawVNode;
-        }
+    }
 
-        var vnode = getInnerChild(rawVNode);
-        var comp = vnode.type; // for async components, name check should be based in its loaded
-        // inner component if available
+    if (created) {
+      callHook(created, instance, "c"
+      /* CREATED */
+      );
+    }
 
-        var name = getComponentName(isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp);
-        var {
-          include,
-          exclude,
-          max
-        } = props;
+    function registerLifecycleHook(register, hook) {
+      if (isArray(hook)) {
+        hook.forEach(_hook => register(_hook.bind(publicThis)));
+      } else if (hook) {
+        register(hook.bind(publicThis));
+      }
+    }
 
-        if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) {
-          current = vnode;
-          return rawVNode;
-        }
+    registerLifecycleHook(onBeforeMount, beforeMount);
+    registerLifecycleHook(onMounted, mounted);
+    registerLifecycleHook(onBeforeUpdate, beforeUpdate);
+    registerLifecycleHook(onUpdated, updated);
+    registerLifecycleHook(onActivated, activated);
+    registerLifecycleHook(onDeactivated, deactivated);
+    registerLifecycleHook(onErrorCaptured, errorCaptured);
+    registerLifecycleHook(onRenderTracked, renderTracked);
+    registerLifecycleHook(onRenderTriggered, renderTriggered);
+    registerLifecycleHook(onBeforeUnmount, beforeUnmount);
+    registerLifecycleHook(onUnmounted, unmounted);
+    registerLifecycleHook(onServerPrefetch, serverPrefetch);
 
-        var key = vnode.key == null ? comp : vnode.key;
-        var cachedVNode = cache.get(key); // clone vnode if it's reused because we are going to mutate it
+    if (isArray(expose)) {
+      if (expose.length) {
+        var exposed = instance.exposed || (instance.exposed = {});
+        expose.forEach(key => {
+          Object.defineProperty(exposed, key, {
+            get: () => publicThis[key],
+            set: val => publicThis[key] = val
+          });
+        });
+      } else if (!instance.exposed) {
+        instance.exposed = {};
+      }
+    } // options that are handled when creating the instance but also need to be
+    // applied from mixins
 
-        if (vnode.el) {
-          vnode = cloneVNode(vnode);
 
-          if (rawVNode.shapeFlag & 128
-          /* SUSPENSE */
-          ) {
-            rawVNode.ssContent = vnode;
-          }
-        } // #1513 it's possible for the returned vnode to be cloned due to attr
-        // fallthrough or scopeId, so the vnode here may not be the final vnode
-        // that is mounted. Instead of caching it directly, we store the pending
-        // key and cache `instance.subTree` (the normalized vnode) in
-        // beforeMount/beforeUpdate hooks.
+    if (render && instance.render === NOOP) {
+      instance.render = render;
+    }
+
+    if (inheritAttrs != null) {
+      instance.inheritAttrs = inheritAttrs;
+    } // asset options.
 
 
-        pendingCacheKey = key;
+    if (components) instance.components = components;
+    if (directives) instance.directives = directives; // fixed by xxxxxx
 
-        if (cachedVNode) {
-          // copy over mounted state
-          vnode.el = cachedVNode.el;
-          vnode.component = cachedVNode.component;
+    var customApplyOptions = instance.appContext.config.globalProperties.$applyOptions;
 
-          if (vnode.transition) {
-            // recursively update transition hooks on subTree
-            setTransitionHooks(vnode, vnode.transition);
-          } // avoid vnode being mounted as fresh
+    if (customApplyOptions) {
+      customApplyOptions(options, instance, publicThis);
+    }
+  }
 
+  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
+    if (isArray(injectOptions)) {
+      injectOptions = normalizeInject(injectOptions);
+    }
 
-          vnode.shapeFlag |= 512
-          /* COMPONENT_KEPT_ALIVE */
-          ; // make this key the freshest
+    var _loop3 = function (key) {
+      var opt = injectOptions[key];
+      var injected = void 0;
 
-          keys.delete(key);
-          keys.add(key);
+      if (isObject(opt)) {
+        if ('default' in opt) {
+          injected = inject(opt.from || key, opt.default, true
+          /* treat default function as factory */
+          );
         } else {
-          keys.add(key); // prune oldest entry
+          injected = inject(opt.from || key);
+        }
+      } else {
+        injected = inject(opt);
+      }
 
-          if (max && keys.size > parseInt(max, 10)) {
-            pruneCacheEntry(keys.values().next().value);
+      if (isRef(injected)) {
+        // TODO remove the check in 3.3
+        if (unwrapRef) {
+          Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => injected.value,
+            set: v => injected.value = v
+          });
+        } else {
+          {
+            warn$1("injected property \"".concat(key, "\" is a ref and will be auto-unwrapped ") + "and no longer needs `.value` in the next minor release. " + "To opt-in to the new behavior now, " + "set `app.config.unwrapInjectedRef = true` (this config is " + "temporary and will not be needed in the future.)");
           }
-        } // avoid vnode being unmounted
+          ctx[key] = injected;
+        }
+      } else {
+        ctx[key] = injected;
+      }
 
+      {
+        checkDuplicateProperties("Inject"
+        /* INJECT */
+        , key);
+      }
+    };
 
-        vnode.shapeFlag |= 256
-        /* COMPONENT_SHOULD_KEEP_ALIVE */
-        ;
-        current = vnode;
-        return rawVNode;
-      };
+    for (var key in injectOptions) {
+      _loop3(key);
     }
+  }
 
-  }; // export the public type for h/tsx inference
-  // also to avoid inline import() in generated d.ts files
+  function callHook(hook, instance, type) {
+    callWithAsyncErrorHandling(isArray(hook) ? hook.map(h => h.bind(instance.proxy)) : hook.bind(instance.proxy), instance, type);
+  }
 
-  var KeepAlive = KeepAliveImpl;
+  function createWatcher(raw, ctx, publicThis, key) {
+    var getter = key.includes('.') ? createPathGetter(publicThis, key) : () => publicThis[key];
 
-  function matches(pattern, name) {
-    if (isArray(pattern)) {
-      return pattern.some(p => matches(p, name));
-    } else if (isString(pattern)) {
-      return pattern.split(',').indexOf(name) > -1;
-    } else if (pattern.test) {
-      return pattern.test(name);
-    }
-    /* istanbul ignore next */
+    if (isString(raw)) {
+      var handler = ctx[raw];
 
+      if (isFunction(handler)) {
+        watch(getter, handler);
+      } else {
+        warn$1("Invalid watch handler specified by key \"".concat(raw, "\""), handler);
+      }
+    } else if (isFunction(raw)) {
+      watch(getter, raw.bind(publicThis));
+    } else if (isObject(raw)) {
+      if (isArray(raw)) {
+        raw.forEach(r => createWatcher(r, ctx, publicThis, key));
+      } else {
+        var _handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
 
-    return false;
+        if (isFunction(_handler)) {
+          watch(getter, _handler, raw);
+        } else {
+          warn$1("Invalid watch handler specified by key \"".concat(raw.handler, "\""), _handler);
+        }
+      }
+    } else {
+      warn$1("Invalid watch option: \"".concat(key, "\""), raw);
+    }
   }
+  /**
+   * Resolve merged options and cache it on the component.
+   * This is done only once per-component since the merging does not involve
+   * instances.
+   */
 
-  function onActivated(hook, target) {
-    registerKeepAliveHook(hook, "a"
-    /* ACTIVATED */
-    , target);
-  }
 
-  function onDeactivated(hook, target) {
-    registerKeepAliveHook(hook, "da"
-    /* DEACTIVATED */
-    , target);
+  function resolveMergedOptions(instance) {
+    var base = instance.type;
+    var {
+      mixins,
+      extends: extendsOptions
+    } = base;
+    var {
+      mixins: globalMixins,
+      optionsCache: cache,
+      config: {
+        optionMergeStrategies
+      }
+    } = instance.appContext;
+    var cached = cache.get(base);
+    var resolved;
+
+    if (cached) {
+      resolved = cached;
+    } else if (!globalMixins.length && !mixins && !extendsOptions) {
+      {
+        resolved = base;
+      }
+    } else {
+      resolved = {};
+
+      if (globalMixins.length) {
+        globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true));
+      }
+
+      mergeOptions(resolved, base, optionMergeStrategies);
+    }
+
+    cache.set(base, resolved);
+    return resolved;
   }
 
-  function registerKeepAliveHook(hook, type, target = currentInstance) {
-    // cache the deactivate branch check wrapper for injected hooks so the same
-    // hook can be properly deduped by the scheduler. "__wdc" stands for "with
-    // deactivation check".
-    var wrappedHook = hook.__wdc || (hook.__wdc = () => {
-      // only fire the hook if the target instance is NOT in a deactivated branch.
-      var current = target;
+  function mergeOptions(to, from, strats, asMixin = false) {
+    var {
+      mixins,
+      extends: extendsOptions
+    } = from;
 
-      while (current) {
-        if (current.isDeactivated) {
-          return;
-        }
+    if (extendsOptions) {
+      mergeOptions(to, extendsOptions, strats, true);
+    }
 
-        current = current.parent;
-      }
+    if (mixins) {
+      mixins.forEach(m => mergeOptions(to, m, strats, true));
+    }
 
-      hook();
-    });
+    for (var key in from) {
+      if (asMixin && key === 'expose') {
+        warn$1("\"expose\" option is ignored when declared in mixins or extends. " + "It should only be declared in the base component itself.");
+      } else {
+        var strat = internalOptionMergeStrats[key] || strats && strats[key];
+        to[key] = strat ? strat(to[key], from[key]) : from[key];
+      }
+    }
 
-    injectHook(type, wrappedHook, target); // In addition to registering it on the target instance, we walk up the parent
-    // chain and register it on all ancestor instances that are keep-alive roots.
-    // This avoids the need to walk the entire component tree when invoking these
-    // hooks, and more importantly, avoids the need to track child components in
-    // arrays.
+    return to;
+  }
 
-    if (target) {
-      var current = target.parent;
+  var internalOptionMergeStrats = {
+    data: mergeDataFn,
+    props: mergeObjectOptions,
+    emits: mergeObjectOptions,
+    // objects
+    methods: mergeObjectOptions,
+    computed: mergeObjectOptions,
+    // lifecycle
+    beforeCreate: mergeAsArray,
+    created: mergeAsArray,
+    beforeMount: mergeAsArray,
+    mounted: mergeAsArray,
+    beforeUpdate: mergeAsArray,
+    updated: mergeAsArray,
+    beforeDestroy: mergeAsArray,
+    destroyed: mergeAsArray,
+    activated: mergeAsArray,
+    deactivated: mergeAsArray,
+    errorCaptured: mergeAsArray,
+    serverPrefetch: mergeAsArray,
+    // assets
+    components: mergeObjectOptions,
+    directives: mergeObjectOptions,
+    // watch
+    watch: mergeWatchOptions,
+    // provide / inject
+    provide: mergeDataFn,
+    inject: mergeInject
+  };
 
-      while (current && current.parent) {
-        if (isKeepAlive(current.parent.vnode)) {
-          injectToKeepAliveRoot(wrappedHook, type, target, current);
-        }
+  function mergeDataFn(to, from) {
+    if (!from) {
+      return to;
+    }
 
-        current = current.parent;
-      }
+    if (!to) {
+      return from;
     }
+
+    return function mergedDataFn() {
+      return extend(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
+    };
   }
 
-  function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
-    // injectHook wraps the original for error handling, so make sure to remove
-    // the wrapped version.
-    var injected = injectHook(type, hook, keepAliveRoot, true
-    /* prepend */
-    );
-    onUnmounted(() => {
-      remove(keepAliveRoot[type], injected);
-    }, target);
+  function mergeInject(to, from) {
+    return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
   }
 
-  function resetShapeFlag(vnode) {
-    var shapeFlag = vnode.shapeFlag;
+  function normalizeInject(raw) {
+    if (isArray(raw)) {
+      var res = {};
 
-    if (shapeFlag & 256
-    /* COMPONENT_SHOULD_KEEP_ALIVE */
-    ) {
-      shapeFlag -= 256
-      /* COMPONENT_SHOULD_KEEP_ALIVE */
-      ;
-    }
+      for (var i = 0; i < raw.length; i++) {
+        res[raw[i]] = raw[i];
+      }
 
-    if (shapeFlag & 512
-    /* COMPONENT_KEPT_ALIVE */
-    ) {
-      shapeFlag -= 512
-      /* COMPONENT_KEPT_ALIVE */
-      ;
+      return res;
     }
 
-    vnode.shapeFlag = shapeFlag;
+    return raw;
   }
 
-  function getInnerChild(vnode) {
-    return vnode.shapeFlag & 128
-    /* SUSPENSE */
-    ? vnode.ssContent : vnode;
+  function mergeAsArray(to, from) {
+    return to ? [...new Set([].concat(to, from))] : from;
   }
 
-  function injectHook(type, hook, target = currentInstance, prepend = false) {
-    if (target) {
-      // fixed by xxxxxx
-      if (isRootHook(type)) {
-        target = target.root;
-      }
+  function mergeObjectOptions(to, from) {
+    return to ? extend(extend(Object.create(null), to), from) : from;
+  }
 
-      var {
-        __page_container__
-      } = target.root.vnode; // 仅限 App 端
+  function mergeWatchOptions(to, from) {
+    if (!to) return from;
+    if (!from) return to;
+    var merged = extend(Object.create(null), to);
 
-      if (__page_container__) {
-        __page_container__.onInjectHook(type);
-      }
+    for (var key in from) {
+      merged[key] = mergeAsArray(to[key], from[key]);
+    }
 
-      var hooks = target[type] || (target[type] = []); // cache the error handling wrapper for injected hooks so the same hook
-      // can be properly deduped by the scheduler. "__weh" stands for "with error
-      // handling".
+    return merged;
+  }
 
-      var wrappedHook = hook.__weh || (hook.__weh = (...args) => {
-        if (target.isUnmounted) {
-          return;
-        } // disable tracking inside all lifecycle hooks
-        // since they can potentially be called inside effects.
+  function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison
+  isSSR = false) {
+    var props = {};
+    var attrs = {};
+    def(attrs, InternalObjectKey, 1);
+    instance.propsDefaults = Object.create(null);
+    setFullProps(instance, rawProps, props, attrs); // ensure all declared prop keys are present
 
+    for (var key in instance.propsOptions[0]) {
+      if (!(key in props)) {
+        props[key] = undefined;
+      }
+    } // validation
 
-        pauseTracking(); // Set currentInstance during hook invocation.
-        // This assumes the hook does not synchronously trigger other hooks, which
-        // can only be false when the user does something really funky.
 
-        setCurrentInstance(target);
-        var res = callWithAsyncErrorHandling(hook, target, type, args);
-        setCurrentInstance(null);
-        resetTracking();
-        return res;
-      });
+    {
+      validateProps(rawProps || {}, props, instance);
+    }
 
-      if (prepend) {
-        hooks.unshift(wrappedHook);
+    if (isStateful) {
+      // stateful
+      instance.props = isSSR ? props : shallowReactive(props);
+    } else {
+      if (!instance.type.props) {
+        // functional w/ optional props, props === attrs
+        instance.props = attrs;
       } else {
-        hooks.push(wrappedHook);
+        // functional w/ declared props
+        instance.props = props;
       }
-
-      return wrappedHook;
-    } else {
-      var apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-      warn("".concat(apiName, " is called when there is no active component instance to be ") + "associated with. " + "Lifecycle injection APIs can only be used during execution of setup()." + (" If you are using async setup(), make sure to register lifecycle " + "hooks before the first await statement."));
     }
-  }
-
-  var createHook = lifecycle => (hook, target = currentInstance) => // post-create lifecycle registrations are noops during SSR (except for serverPrefetch)
-  (!isInSSRComponentSetup || lifecycle === "sp"
-  /* SERVER_PREFETCH */
-  ) && injectHook(lifecycle, hook, target);
 
-  var onBeforeMount = createHook("bm"
-  /* BEFORE_MOUNT */
-  );
-  var onMounted = createHook("m"
-  /* MOUNTED */
-  );
-  var onBeforeUpdate = createHook("bu"
-  /* BEFORE_UPDATE */
-  );
-  var onUpdated = createHook("u"
-  /* UPDATED */
-  );
-  var onBeforeUnmount = createHook("bum"
-  /* BEFORE_UNMOUNT */
-  );
-  var onUnmounted = createHook("um"
-  /* UNMOUNTED */
-  );
-  var onServerPrefetch = createHook("sp"
-  /* SERVER_PREFETCH */
-  );
-  var onRenderTriggered = createHook("rtg"
-  /* RENDER_TRIGGERED */
-  );
-  var onRenderTracked = createHook("rtc"
-  /* RENDER_TRACKED */
-  );
-
-  function onErrorCaptured(hook, target = currentInstance) {
-    injectHook("ec"
-    /* ERROR_CAPTURED */
-    , hook, target);
+    instance.attrs = attrs;
   }
 
-  function createDuplicateChecker() {
-    var cache = Object.create(null);
-    return (type, key) => {
-      if (cache[key]) {
-        warn("".concat(type, " property \"").concat(key, "\" is already defined in ").concat(cache[key], "."));
-      } else {
-        cache[key] = type;
+  function updateProps(instance, rawProps, rawPrevProps, optimized) {
+    var {
+      props,
+      attrs,
+      vnode: {
+        patchFlag
       }
-    };
-  }
-
-  var shouldCacheAccess = true;
-
-  function applyOptions(instance) {
-    var options = resolveMergedOptions(instance);
-    var publicThis = instance.proxy;
-    var ctx = instance.ctx; // do not cache property access on public proxy during state initialization
+    } = instance;
+    var rawCurrentProps = toRaw(props);
+    var [options] = instance.propsOptions;
+    var hasAttrsChanged = false;
 
-    shouldCacheAccess = false; // call beforeCreate first before accessing other options since
-    // the hook may mutate resolved options (#2791)
+    if ( // always force full diff in dev
+    // - #1942 if hmr is enabled with sfc component
+    // - vite#872 non-sfc component used by sfc component
+    !(instance.type.__hmrId || instance.parent && instance.parent.type.__hmrId) && (optimized || patchFlag > 0) && !(patchFlag & 16
+    /* FULL_PROPS */
+    )) {
+      if (patchFlag & 8
+      /* PROPS */
+      ) {
+        // Compiler-generated props & no keys change, just set the updated
+        // the props.
+        var propsToUpdate = instance.vnode.dynamicProps;
 
-    if (options.beforeCreate) {
-      callHook(options.beforeCreate, instance, "bc"
-      /* BEFORE_CREATE */
-      );
-    }
+        for (var i = 0; i < propsToUpdate.length; i++) {
+          var key = propsToUpdate[i]; // PROPS flag guarantees rawProps to be non-null
 
-    var {
-      // state
-      data: dataOptions,
-      computed: computedOptions,
-      methods,
-      watch: watchOptions,
-      provide: provideOptions,
-      inject: injectOptions,
-      // lifecycle
-      created,
-      beforeMount,
-      mounted,
-      beforeUpdate,
-      updated,
-      activated,
-      deactivated,
-      beforeDestroy,
-      beforeUnmount,
-      destroyed,
-      unmounted,
-      render,
-      renderTracked,
-      renderTriggered,
-      errorCaptured,
-      serverPrefetch,
-      // public API
-      expose,
-      inheritAttrs,
-      // assets
-      components,
-      directives,
-      filters
-    } = options;
-    var checkDuplicateProperties = createDuplicateChecker();
-    {
-      var [propsOptions] = instance.propsOptions;
+          var value = rawProps[key];
 
-      if (propsOptions) {
-        for (var key in propsOptions) {
-          checkDuplicateProperties("Props"
-          /* PROPS */
-          , key);
+          if (options) {
+            // attr / props separation was done on init and will be consistent
+            // in this code path, so just check if attrs have it.
+            if (hasOwn(attrs, key)) {
+              if (value !== attrs[key]) {
+                attrs[key] = value;
+                hasAttrsChanged = true;
+              }
+            } else {
+              var camelizedKey = camelize(key);
+              props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false
+              /* isAbsent */
+              );
+            }
+          } else {
+            if (value !== attrs[key]) {
+              attrs[key] = value;
+              hasAttrsChanged = true;
+            }
+          }
         }
       }
-    } // options initialization order (to be consistent with Vue 2):
-    // - props (already done outside of this function)
-    // - inject
-    // - methods
-    // - data (deferred since it relies on `this` access)
-    // - computed
-    // - watch (deferred since it relies on `this` access)
+    } else {
+      // full props update.
+      if (setFullProps(instance, rawProps, props, attrs)) {
+        hasAttrsChanged = true;
+      } // in case of dynamic props, check if we need to delete keys from
+      // the props object
 
-    if (injectOptions) {
-      resolveInjections(injectOptions, ctx, checkDuplicateProperties);
-    }
 
-    if (methods) {
-      for (var _key2 in methods) {
-        var methodHandler = methods[_key2];
+      var kebabKey;
 
-        if (isFunction(methodHandler)) {
-          // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-          // and those are read-only but reconfigurable, so it needs to be redefined here
-          {
-            Object.defineProperty(ctx, _key2, {
-              value: methodHandler.bind(publicThis),
-              configurable: true,
-              enumerable: true,
-              writable: true
-            });
+      for (var _key6 in rawCurrentProps) {
+        if (!rawProps || !hasOwn(rawProps, _key6) && ((kebabKey = hyphenate(_key6)) === _key6 || !hasOwn(rawProps, kebabKey))) {
+          if (options) {
+            if (rawPrevProps && (rawPrevProps[_key6] !== undefined || // for kebab-case
+            rawPrevProps[kebabKey] !== undefined)) {
+              props[_key6] = resolvePropValue(options, rawCurrentProps, _key6, undefined, instance, true
+              /* isAbsent */
+              );
+            }
+          } else {
+            delete props[_key6];
           }
-          {
-            checkDuplicateProperties("Methods"
-            /* METHODS */
-            , _key2);
+        }
+      } // in the case of functional component w/o props declaration, props and
+      // attrs point to the same object so it should already have been updated.
+
+
+      if (attrs !== rawCurrentProps) {
+        for (var _key7 in attrs) {
+          if (!rawProps || !hasOwn(rawProps, _key7)) {
+            delete attrs[_key7];
+            hasAttrsChanged = true;
           }
-        } else {
-          warn("Method \"".concat(_key2, "\" has type \"").concat(typeof methodHandler, "\" in the component definition. ") + "Did you reference the function correctly?");
         }
       }
+    } // trigger updates for $attrs in case it's used in component slots
+
+
+    if (hasAttrsChanged) {
+      trigger(instance, "set"
+      /* SET */
+      , '$attrs');
     }
 
-    if (dataOptions) {
-      (function () {
-        if (!isFunction(dataOptions)) {
-          warn("The data option must be a function. " + "Plain object usage is no longer supported.");
-        }
+    {
+      validateProps(rawProps || {}, props, instance);
+    }
+  }
 
-        var data = dataOptions.call(publicThis, publicThis);
+  function setFullProps(instance, rawProps, props, attrs) {
+    var [options, needCastKeys] = instance.propsOptions;
+    var hasAttrsChanged = false;
+    var rawCastValues;
 
-        if (isPromise(data)) {
-          warn("data() returned a Promise - note data() cannot be async; If you " + "intend to perform data fetching before component renders, use " + "async setup() + <Suspense>.");
+    if (rawProps) {
+      for (var key in rawProps) {
+        // key, ref are reserved and never passed down
+        if (isReservedProp(key)) {
+          continue;
         }
 
-        if (!isObject(data)) {
-          warn("data() should return an object.");
-        } else {
-          instance.data = reactive(data);
-          {
-            var _loop = function (_key3) {
-              checkDuplicateProperties("Data"
-              /* DATA */
-              , _key3); // expose data on ctx during dev
+        var value = rawProps[key]; // prop option names are camelized during normalization, so to support
+        // kebab -> camel conversion here we need to camelize the key.
 
-              if (_key3[0] !== '$' && _key3[0] !== '_') {
-                Object.defineProperty(ctx, _key3, {
-                  configurable: true,
-                  enumerable: true,
-                  get: () => data[_key3],
-                  set: NOOP
-                });
-              }
-            };
+        var camelKey = void 0;
 
-            for (var _key3 in data) {
-              _loop(_key3);
-            }
+        if (options && hasOwn(options, camelKey = camelize(key))) {
+          if (!needCastKeys || !needCastKeys.includes(camelKey)) {
+            props[camelKey] = value;
+          } else {
+            (rawCastValues || (rawCastValues = {}))[camelKey] = value;
+          }
+        } else if (!isEmitListener(instance.emitsOptions, key)) {
+          if (value !== attrs[key]) {
+            attrs[key] = value;
+            hasAttrsChanged = true;
           }
         }
-      })();
-    } // state initialization complete at this point - start caching access
+      }
+    }
 
+    if (needCastKeys) {
+      var rawCurrentProps = toRaw(props);
+      var castValues = rawCastValues || EMPTY_OBJ;
 
-    shouldCacheAccess = true;
+      for (var i = 0; i < needCastKeys.length; i++) {
+        var _key8 = needCastKeys[i];
+        props[_key8] = resolvePropValue(options, rawCurrentProps, _key8, castValues[_key8], instance, !hasOwn(castValues, _key8));
+      }
+    }
 
-    if (computedOptions) {
-      var _loop2 = function (_key4) {
-        var opt = computedOptions[_key4];
-        var get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
+    return hasAttrsChanged;
+  }
 
-        if (get === NOOP) {
-          warn("Computed property \"".concat(_key4, "\" has no getter."));
-        }
+  function resolvePropValue(options, props, key, value, instance, isAbsent) {
+    var opt = options[key];
 
-        var set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : () => {
-          warn("Write operation failed: computed property \"".concat(_key4, "\" is readonly."));
-        };
-        var c = computed$1({
-          get,
-          set
-        });
-        Object.defineProperty(ctx, _key4, {
-          enumerable: true,
-          configurable: true,
-          get: () => c.value,
-          set: v => c.value = v
-        });
-        {
-          checkDuplicateProperties("Computed"
-          /* COMPUTED */
-          , _key4);
+    if (opt != null) {
+      var hasDefault = hasOwn(opt, 'default'); // default values
+
+      if (hasDefault && value === undefined) {
+        var defaultValue = opt.default;
+
+        if (opt.type !== Function && isFunction(defaultValue)) {
+          var {
+            propsDefaults
+          } = instance;
+
+          if (key in propsDefaults) {
+            value = propsDefaults[key];
+          } else {
+            setCurrentInstance(instance);
+            value = propsDefaults[key] = defaultValue.call(null, props);
+            unsetCurrentInstance();
+          }
+        } else {
+          value = defaultValue;
         }
-      };
+      } // boolean casting
 
-      for (var _key4 in computedOptions) {
-        _loop2(_key4);
-      }
-    }
 
-    if (watchOptions) {
-      for (var _key5 in watchOptions) {
-        createWatcher(watchOptions[_key5], ctx, publicThis, _key5);
+      if (opt[0
+      /* shouldCast */
+      ]) {
+        if (isAbsent && !hasDefault) {
+          value = false;
+        } else if (opt[1
+        /* shouldCastTrue */
+        ] && (value === '' || value === hyphenate(key))) {
+          value = true;
+        }
       }
     }
 
-    if (provideOptions) {
-      var provides = isFunction(provideOptions) ? provideOptions.call(publicThis) : provideOptions;
-      Reflect.ownKeys(provides).forEach(key => {
-        provide(key, provides[key]);
-      });
-    }
+    return value;
+  }
 
-    if (created) {
-      callHook(created, instance, "c"
-      /* CREATED */
-      );
-    }
+  function normalizePropsOptions(comp, appContext, asMixin = false) {
+    var cache = appContext.propsCache;
+    var cached = cache.get(comp);
 
-    function registerLifecycleHook(register, hook) {
-      if (isArray(hook)) {
-        hook.forEach(_hook => register(_hook.bind(publicThis)));
-      } else if (hook) {
-        register(hook.bind(publicThis));
-      }
+    if (cached) {
+      return cached;
     }
 
-    registerLifecycleHook(onBeforeMount, beforeMount);
-    registerLifecycleHook(onMounted, mounted);
-    registerLifecycleHook(onBeforeUpdate, beforeUpdate);
-    registerLifecycleHook(onUpdated, updated);
-    registerLifecycleHook(onActivated, activated);
-    registerLifecycleHook(onDeactivated, deactivated);
-    registerLifecycleHook(onErrorCaptured, errorCaptured);
-    registerLifecycleHook(onRenderTracked, renderTracked);
-    registerLifecycleHook(onRenderTriggered, renderTriggered);
-    registerLifecycleHook(onBeforeUnmount, beforeUnmount);
-    registerLifecycleHook(onUnmounted, unmounted);
-    registerLifecycleHook(onServerPrefetch, serverPrefetch);
+    var raw = comp.props;
+    var normalized = {};
+    var needCastKeys = []; // apply mixin/extends props
 
-    if (isArray(expose)) {
-      if (expose.length) {
-        var exposed = instance.exposed || (instance.exposed = {});
-        expose.forEach(key => {
-          Object.defineProperty(exposed, key, {
-            get: () => publicThis[key],
-            set: val => publicThis[key] = val
-          });
-        });
-      } else if (!instance.exposed) {
-        instance.exposed = {};
+    var hasExtends = false;
+
+    if (!isFunction(comp)) {
+      var extendProps = raw => {
+        hasExtends = true;
+        var [props, keys] = normalizePropsOptions(raw, appContext, true);
+        extend(normalized, props);
+        if (keys) needCastKeys.push(...keys);
+      };
+
+      if (!asMixin && appContext.mixins.length) {
+        appContext.mixins.forEach(extendProps);
       }
-    } // options that are handled when creating the instance but also need to be
-    // applied from mixins
 
+      if (comp.extends) {
+        extendProps(comp.extends);
+      }
 
-    if (render && instance.render === NOOP) {
-      instance.render = render;
+      if (comp.mixins) {
+        comp.mixins.forEach(extendProps);
+      }
     }
 
-    if (inheritAttrs != null) {
-      instance.inheritAttrs = inheritAttrs;
-    } // asset options.
+    if (!raw && !hasExtends) {
+      cache.set(comp, EMPTY_ARR);
+      return EMPTY_ARR;
+    }
 
+    if (isArray(raw)) {
+      for (var i = 0; i < raw.length; i++) {
+        if (!isString(raw[i])) {
+          warn$1("props must be strings when using array syntax.", raw[i]);
+        }
 
-    if (components) instance.components = components;
-    if (directives) instance.directives = directives; // fixed by xxxxxx
+        var normalizedKey = camelize(raw[i]);
 
-    var customApplyOptions = instance.appContext.config.globalProperties.$applyOptions;
+        if (validatePropName(normalizedKey)) {
+          normalized[normalizedKey] = EMPTY_OBJ;
+        }
+      }
+    } else if (raw) {
+      if (!isObject(raw)) {
+        warn$1("invalid props options", raw);
+      }
 
-    if (customApplyOptions) {
-      customApplyOptions(options, instance, publicThis);
-    }
-  }
+      for (var key in raw) {
+        var _normalizedKey = camelize(key);
 
-  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
-    if (isArray(injectOptions)) {
-      injectOptions = normalizeInject(injectOptions);
-    }
+        if (validatePropName(_normalizedKey)) {
+          var opt = raw[key];
+          var prop = normalized[_normalizedKey] = isArray(opt) || isFunction(opt) ? {
+            type: opt
+          } : opt;
 
-    for (var key in injectOptions) {
-      var opt = injectOptions[key];
+          if (prop) {
+            var booleanIndex = getTypeIndex(Boolean, prop.type);
+            var stringIndex = getTypeIndex(String, prop.type);
+            prop[0
+            /* shouldCast */
+            ] = booleanIndex > -1;
+            prop[1
+            /* shouldCastTrue */
+            ] = stringIndex < 0 || booleanIndex < stringIndex; // if the prop needs boolean casting or default value
 
-      if (isObject(opt)) {
-        if ('default' in opt) {
-          ctx[key] = inject(opt.from || key, opt.default, true
-          /* treat default function as factory */
-          );
-        } else {
-          ctx[key] = inject(opt.from || key);
+            if (booleanIndex > -1 || hasOwn(prop, 'default')) {
+              needCastKeys.push(_normalizedKey);
+            }
+          }
         }
-      } else {
-        ctx[key] = inject(opt);
       }
+    }
 
-      {
-        checkDuplicateProperties("Inject"
-        /* INJECT */
-        , key);
-      }
+    var res = [normalized, needCastKeys];
+    cache.set(comp, res);
+    return res;
+  }
+
+  function validatePropName(key) {
+    if (key[0] !== '$') {
+      return true;
+    } else {
+      warn$1("Invalid prop name: \"".concat(key, "\" is a reserved property."));
     }
+
+    return false;
+  } // use function string name to check type constructors
+  // so that it works across vms / iframes.
+
+
+  function getType(ctor) {
+    var match = ctor && ctor.toString().match(/^\s*function (\w+)/);
+    return match ? match[1] : ctor === null ? 'null' : '';
   }
 
-  function callHook(hook, instance, type) {
-    callWithAsyncErrorHandling(isArray(hook) ? hook.map(h => h.bind(instance.proxy)) : hook.bind(instance.proxy), instance, type);
+  function isSameType(a, b) {
+    return getType(a) === getType(b);
   }
 
-  function createWatcher(raw, ctx, publicThis, key) {
-    var getter = key.includes('.') ? createPathGetter(publicThis, key) : () => publicThis[key];
+  function getTypeIndex(type, expectedTypes) {
+    if (isArray(expectedTypes)) {
+      return expectedTypes.findIndex(t => isSameType(t, type));
+    } else if (isFunction(expectedTypes)) {
+      return isSameType(expectedTypes, type) ? 0 : -1;
+    }
 
-    if (isString(raw)) {
-      var handler = ctx[raw];
+    return -1;
+  }
+  /**
+   * dev only
+   */
 
-      if (isFunction(handler)) {
-        watch(getter, handler);
-      } else {
-        warn("Invalid watch handler specified by key \"".concat(raw, "\""), handler);
-      }
-    } else if (isFunction(raw)) {
-      watch(getter, raw.bind(publicThis));
-    } else if (isObject(raw)) {
-      if (isArray(raw)) {
-        raw.forEach(r => createWatcher(r, ctx, publicThis, key));
-      } else {
-        var _handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
 
-        if (isFunction(_handler)) {
-          watch(getter, _handler, raw);
-        } else {
-          warn("Invalid watch handler specified by key \"".concat(raw.handler, "\""), _handler);
-        }
-      }
-    } else {
-      warn("Invalid watch option: \"".concat(key, "\""), raw);
+  function validateProps(rawProps, props, instance) {
+    var resolvedValues = toRaw(props);
+    var options = instance.propsOptions[0];
+
+    for (var key in options) {
+      var opt = options[key];
+      if (opt == null) continue;
+      validateProp(key, resolvedValues[key], opt, !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key)));
     }
   }
   /**
-   * Resolve merged options and cache it on the component.
-   * This is done only once per-component since the merging does not involve
-   * instances.
+   * dev only
    */
 
 
-  function resolveMergedOptions(instance) {
-    var base = instance.type;
-    var {
-      mixins,
-      extends: extendsOptions
-    } = base;
+  function validateProp(name, value, prop, isAbsent) {
     var {
-      mixins: globalMixins,
-      optionsCache: cache,
-      config: {
-        optionMergeStrategies
-      }
-    } = instance.appContext;
-    var cached = cache.get(base);
-    var resolved;
-
-    if (cached) {
-      resolved = cached;
-    } else if (!globalMixins.length && !mixins && !extendsOptions) {
-      {
-        resolved = base;
-      }
-    } else {
-      resolved = {};
+      type,
+      required,
+      validator
+    } = prop; // required!
 
-      if (globalMixins.length) {
-        globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true));
-      }
+    if (required && isAbsent) {
+      warn$1('Missing required prop: "' + name + '"');
+      return;
+    } // missing but optional
 
-      mergeOptions(resolved, base, optionMergeStrategies);
-    }
 
-    cache.set(base, resolved);
-    return resolved;
-  }
+    if (value == null && !prop.required) {
+      return;
+    } // type check
 
-  function mergeOptions(to, from, strats, asMixin = false) {
-    var {
-      mixins,
-      extends: extendsOptions
-    } = from;
 
-    if (extendsOptions) {
-      mergeOptions(to, extendsOptions, strats, true);
-    }
+    if (type != null && type !== true) {
+      var isValid = false;
+      var types = isArray(type) ? type : [type];
+      var expectedTypes = []; // value is valid as long as one of the specified types match
 
-    if (mixins) {
-      mixins.forEach(m => mergeOptions(to, m, strats, true));
-    }
+      for (var i = 0; i < types.length && !isValid; i++) {
+        var {
+          valid,
+          expectedType
+        } = assertType(value, types[i]);
+        expectedTypes.push(expectedType || '');
+        isValid = valid;
+      }
 
-    for (var key in from) {
-      if (asMixin && key === 'expose') {
-        warn("\"expose\" option is ignored when declared in mixins or extends. " + "It should only be declared in the base component itself.");
-      } else {
-        var strat = internalOptionMergeStrats[key] || strats && strats[key];
-        to[key] = strat ? strat(to[key], from[key]) : from[key];
+      if (!isValid) {
+        warn$1(getInvalidTypeMessage(name, value, expectedTypes));
+        return;
       }
-    }
+    } // custom validator
 
-    return to;
+
+    if (validator && !validator(value)) {
+      warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
+    }
   }
 
-  var internalOptionMergeStrats = {
-    data: mergeDataFn,
-    props: mergeObjectOptions,
-    emits: mergeObjectOptions,
-    // objects
-    methods: mergeObjectOptions,
-    computed: mergeObjectOptions,
-    // lifecycle
-    beforeCreate: mergeAsArray,
-    created: mergeAsArray,
-    beforeMount: mergeAsArray,
-    mounted: mergeAsArray,
-    beforeUpdate: mergeAsArray,
-    updated: mergeAsArray,
-    beforeDestroy: mergeAsArray,
-    destroyed: mergeAsArray,
-    activated: mergeAsArray,
-    deactivated: mergeAsArray,
-    errorCaptured: mergeAsArray,
-    serverPrefetch: mergeAsArray,
-    // assets
-    components: mergeObjectOptions,
-    directives: mergeObjectOptions,
-    // watch
-    watch: mergeWatchOptions,
-    // provide / inject
-    provide: mergeDataFn,
-    inject: mergeInject
-  };
+  var isSimpleType = /*#__PURE__*/makeMap('String,Number,Boolean,Function,Symbol,BigInt');
+  /**
+   * dev only
+   */
 
-  function mergeDataFn(to, from) {
-    if (!from) {
-      return to;
-    }
+  function assertType(value, type) {
+    var valid;
+    var expectedType = getType(type);
 
-    if (!to) {
-      return from;
+    if (isSimpleType(expectedType)) {
+      var t = typeof value;
+      valid = t === expectedType.toLowerCase(); // for primitive wrapper objects
+
+      if (!valid && t === 'object') {
+        valid = value instanceof type;
+      }
+    } else if (expectedType === 'Object') {
+      valid = isObject(value);
+    } else if (expectedType === 'Array') {
+      valid = isArray(value);
+    } else if (expectedType === 'null') {
+      valid = value === null;
+    } else {
+      valid = value instanceof type;
     }
 
-    return function mergedDataFn() {
-      return extend(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
+    return {
+      valid,
+      expectedType
     };
   }
+  /**
+   * dev only
+   */
 
-  function mergeInject(to, from) {
-    return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
-  }
 
-  function normalizeInject(raw) {
-    if (isArray(raw)) {
-      var res = {};
+  function getInvalidTypeMessage(name, value, expectedTypes) {
+    var message = "Invalid prop: type check failed for prop \"".concat(name, "\".") + " Expected ".concat(expectedTypes.map(capitalize).join(' | '));
+    var expectedType = expectedTypes[0];
+    var receivedType = toRawType(value);
+    var expectedValue = styleValue(value, expectedType);
+    var receivedValue = styleValue(value, receivedType); // check if we need to specify expected value
 
-      for (var i = 0; i < raw.length; i++) {
-        res[raw[i]] = raw[i];
-      }
+    if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) {
+      message += " with value ".concat(expectedValue);
+    }
 
-      return res;
+    message += ", got ".concat(receivedType, " "); // check if we need to specify received value
+
+    if (isExplicable(receivedType)) {
+      message += "with value ".concat(receivedValue, ".");
     }
 
-    return raw;
+    return message;
   }
+  /**
+   * dev only
+   */
 
-  function mergeAsArray(to, from) {
-    return to ? [...new Set([].concat(to, from))] : from;
-  }
 
-  function mergeObjectOptions(to, from) {
-    return to ? extend(extend(Object.create(null), to), from) : from;
+  function styleValue(value, type) {
+    if (type === 'String') {
+      return "\"".concat(value, "\"");
+    } else if (type === 'Number') {
+      return "".concat(Number(value));
+    } else {
+      return "".concat(value);
+    }
   }
+  /**
+   * dev only
+   */
 
-  function mergeWatchOptions(to, from) {
-    if (!to) return from;
-    if (!from) return to;
-    var merged = extend(Object.create(null), to);
 
-    for (var key in from) {
-      merged[key] = mergeAsArray(to[key], from[key]);
-    }
+  function isExplicable(type) {
+    var explicitTypes = ['string', 'number', 'boolean'];
+    return explicitTypes.some(elem => type.toLowerCase() === elem);
+  }
+  /**
+   * dev only
+   */
 
-    return merged;
+
+  function isBoolean(...args) {
+    return args.some(elem => elem.toLowerCase() === 'boolean');
   }
 
-  function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison
-  isSSR = false) {
-    var props = {};
-    var attrs = {};
-    def(attrs, InternalObjectKey, 1);
-    instance.propsDefaults = Object.create(null);
-    setFullProps(instance, rawProps, props, attrs); // ensure all declared prop keys are present
+  var isInternalKey = key => key[0] === '_' || key === '$stable';
 
-    for (var key in instance.propsOptions[0]) {
-      if (!(key in props)) {
-        props[key] = undefined;
+  var normalizeSlotValue = value => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
+
+  var normalizeSlot = (key, rawSlot, ctx) => {
+    var normalized = withCtx(props => {
+      if (currentInstance) {
+        warn$1("Slot \"".concat(key, "\" invoked outside of the render function: ") + "this will not track dependencies used in the slot. " + "Invoke the slot function inside the render function instead.");
       }
-    } // validation
 
+      return normalizeSlotValue(rawSlot(props));
+    }, ctx);
+    normalized._c = false;
+    return normalized;
+  };
 
-    {
-      validateProps(rawProps || {}, props, instance);
-    }
+  var normalizeObjectSlots = (rawSlots, slots, instance) => {
+    var ctx = rawSlots._ctx;
 
-    if (isStateful) {
-      // stateful
-      instance.props = isSSR ? props : shallowReactive(props);
-    } else {
-      if (!instance.type.props) {
-        // functional w/ optional props, props === attrs
-        instance.props = attrs;
-      } else {
-        // functional w/ declared props
-        instance.props = props;
+    for (var key in rawSlots) {
+      if (isInternalKey(key)) continue;
+      var value = rawSlots[key];
+
+      if (isFunction(value)) {
+        slots[key] = normalizeSlot(key, value, ctx);
+      } else if (value != null) {
+        (function () {
+          {
+            warn$1("Non-function value encountered for slot \"".concat(key, "\". ") + "Prefer function slots for better performance.");
+          }
+          var normalized = normalizeSlotValue(value);
+
+          slots[key] = () => normalized;
+        })();
       }
     }
+  };
 
-    instance.attrs = attrs;
-  }
+  var normalizeVNodeSlots = (instance, children) => {
+    if (!isKeepAlive(instance.vnode) && !false) {
+      warn$1("Non-function value encountered for default slot. " + "Prefer function slots for better performance.");
+    }
 
-  function updateProps(instance, rawProps, rawPrevProps, optimized) {
-    var {
-      props,
-      attrs,
-      vnode: {
-        patchFlag
-      }
-    } = instance;
-    var rawCurrentProps = toRaw(props);
-    var [options] = instance.propsOptions;
-    var hasAttrsChanged = false;
+    var normalized = normalizeSlotValue(children);
 
-    if ( // always force full diff in dev
-    // - #1942 if hmr is enabled with sfc component
-    // - vite#872 non-sfc component used by sfc component
-    !(instance.type.__hmrId || instance.parent && instance.parent.type.__hmrId) && (optimized || patchFlag > 0) && !(patchFlag & 16
-    /* FULL_PROPS */
-    )) {
-      if (patchFlag & 8
-      /* PROPS */
-      ) {
-        // Compiler-generated props & no keys change, just set the updated
-        // the props.
-        var propsToUpdate = instance.vnode.dynamicProps;
+    instance.slots.default = () => normalized;
+  };
 
-        for (var i = 0; i < propsToUpdate.length; i++) {
-          var key = propsToUpdate[i]; // PROPS flag guarantees rawProps to be non-null
+  var initSlots = (instance, children) => {
+    if (instance.vnode.shapeFlag & 32
+    /* SLOTS_CHILDREN */
+    ) {
+      var type = children._;
 
-          var value = rawProps[key];
+      if (type) {
+        // users can get the shallow readonly version of the slots object through `this.$slots`,
+        // we should avoid the proxy object polluting the slots of the internal instance
+        instance.slots = toRaw(children); // make compiler marker non-enumerable
 
-          if (options) {
-            // attr / props separation was done on init and will be consistent
-            // in this code path, so just check if attrs have it.
-            if (hasOwn(attrs, key)) {
-              if (value !== attrs[key]) {
-                attrs[key] = value;
-                hasAttrsChanged = true;
-              }
-            } else {
-              var camelizedKey = camelize(key);
-              props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false
-              /* isAbsent */
-              );
-            }
-          } else {
-            if (value !== attrs[key]) {
-              attrs[key] = value;
-              hasAttrsChanged = true;
-            }
-          }
-        }
+        def(children, '_', type);
+      } else {
+        normalizeObjectSlots(children, instance.slots = {});
       }
     } else {
-      // full props update.
-      if (setFullProps(instance, rawProps, props, attrs)) {
-        hasAttrsChanged = true;
-      } // in case of dynamic props, check if we need to delete keys from
-      // the props object
+      instance.slots = {};
 
+      if (children) {
+        normalizeVNodeSlots(instance, children);
+      }
+    }
 
-      var kebabKey;
+    def(instance.slots, InternalObjectKey, 1);
+  };
+
+  var updateSlots = (instance, children, optimized) => {
+    var {
+      vnode,
+      slots
+    } = instance;
+    var needDeletionCheck = true;
+    var deletionComparisonTarget = EMPTY_OBJ;
+
+    if (vnode.shapeFlag & 32
+    /* SLOTS_CHILDREN */
+    ) {
+      var type = children._;
+
+      if (type) {
+        // compiled slots.
+        if (isHmrUpdating) {
+          // Parent was HMR updated so slot content may have changed.
+          // force update slots and mark instance for hmr as well
+          extend(slots, children);
+        } else if (optimized && type === 1
+        /* STABLE */
+        ) {
+          // compiled AND stable.
+          // no need to update, and skip stale slots removal.
+          needDeletionCheck = false;
+        } else {
+          // compiled but dynamic (v-if/v-for on slots) - update slots, but skip
+          // normalization.
+          extend(slots, children); // #2893
+          // when rendering the optimized slots by manually written render function,
+          // we need to delete the `slots._` flag if necessary to make subsequent updates reliable,
+          // i.e. let the `renderSlot` create the bailed Fragment
 
-      for (var _key6 in rawCurrentProps) {
-        if (!rawProps || !hasOwn(rawProps, _key6) && ((kebabKey = hyphenate(_key6)) === _key6 || !hasOwn(rawProps, kebabKey))) {
-          if (options) {
-            if (rawPrevProps && (rawPrevProps[_key6] !== undefined || // for kebab-case
-            rawPrevProps[kebabKey] !== undefined)) {
-              props[_key6] = resolvePropValue(options, rawCurrentProps, _key6, undefined, instance, true
-              /* isAbsent */
-              );
-            }
-          } else {
-            delete props[_key6];
+          if (!optimized && type === 1
+          /* STABLE */
+          ) {
+            delete slots._;
           }
         }
-      } // in the case of functional component w/o props declaration, props and
-      // attrs point to the same object so it should already have been updated.
+      } else {
+        needDeletionCheck = !children.$stable;
+        normalizeObjectSlots(children, slots);
+      }
 
+      deletionComparisonTarget = children;
+    } else if (children) {
+      // non slot object children (direct value) passed to a component
+      normalizeVNodeSlots(instance, children);
+      deletionComparisonTarget = {
+        default: 1
+      };
+    } // delete stale slots
 
-      if (attrs !== rawCurrentProps) {
-        for (var _key7 in attrs) {
-          if (!rawProps || !hasOwn(rawProps, _key7)) {
-            delete attrs[_key7];
-            hasAttrsChanged = true;
-          }
+
+    if (needDeletionCheck) {
+      for (var key in slots) {
+        if (!isInternalKey(key) && !(key in deletionComparisonTarget)) {
+          delete slots[key];
         }
       }
-    } // trigger updates for $attrs in case it's used in component slots
+    }
+  };
+  /**
+  Runtime helper for applying directives to a vnode. Example usage:
+  
+  const comp = resolveComponent('comp')
+  const foo = resolveDirective('foo')
+  const bar = resolveDirective('bar')
+  
+  return withDirectives(h(comp), [
+    [foo, this.x],
+    [bar, this.y]
+  ])
+  */
 
 
-    if (hasAttrsChanged) {
-      trigger(instance, "set"
-      /* SET */
-      , '$attrs');
-    }
+  var isBuiltInDirective = /*#__PURE__*/makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
 
-    {
-      validateProps(rawProps || {}, props, instance);
+  function validateDirectiveName(name) {
+    if (isBuiltInDirective(name)) {
+      warn$1('Do not use built-in directive ids as custom directive id: ' + name);
     }
   }
+  /**
+   * Adds directives to a VNode.
+   */
 
-  function setFullProps(instance, rawProps, props, attrs) {
-    var [options, needCastKeys] = instance.propsOptions;
-    var hasAttrsChanged = false;
-    var rawCastValues;
 
-    if (rawProps) {
-      for (var key in rawProps) {
-        // key, ref are reserved and never passed down
-        if (isReservedProp(key)) {
-          continue;
-        }
+  function withDirectives(vnode, directives) {
+    var internalInstance = currentRenderingInstance;
 
-        var value = rawProps[key]; // prop option names are camelized during normalization, so to support
-        // kebab -> camel conversion here we need to camelize the key.
+    if (internalInstance === null) {
+      warn$1("withDirectives can only be used inside render functions.");
+      return vnode;
+    }
 
-        var camelKey = void 0;
+    var instance = internalInstance.proxy;
+    var bindings = vnode.dirs || (vnode.dirs = []);
 
-        if (options && hasOwn(options, camelKey = camelize(key))) {
-          if (!needCastKeys || !needCastKeys.includes(camelKey)) {
-            props[camelKey] = value;
-          } else {
-            (rawCastValues || (rawCastValues = {}))[camelKey] = value;
-          }
-        } else if (!isEmitListener(instance.emitsOptions, key)) {
-          if (value !== attrs[key]) {
-            attrs[key] = value;
-            hasAttrsChanged = true;
-          }
-        }
-      }
-    }
+    for (var i = 0; i < directives.length; i++) {
+      var [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
 
-    if (needCastKeys) {
-      var rawCurrentProps = toRaw(props);
-      var castValues = rawCastValues || EMPTY_OBJ;
+      if (isFunction(dir)) {
+        dir = {
+          mounted: dir,
+          updated: dir
+        };
+      }
 
-      for (var i = 0; i < needCastKeys.length; i++) {
-        var _key8 = needCastKeys[i];
-        props[_key8] = resolvePropValue(options, rawCurrentProps, _key8, castValues[_key8], instance, !hasOwn(castValues, _key8));
+      if (dir.deep) {
+        traverse(value);
       }
+
+      bindings.push({
+        dir,
+        instance,
+        value,
+        oldValue: void 0,
+        arg,
+        modifiers
+      });
     }
 
-    return hasAttrsChanged;
+    return vnode;
   }
 
-  function resolvePropValue(options, props, key, value, instance, isAbsent) {
-    var opt = options[key];
-
-    if (opt != null) {
-      var hasDefault = hasOwn(opt, 'default'); // default values
-
-      if (hasDefault && value === undefined) {
-        var defaultValue = opt.default;
+  function invokeDirectiveHook(vnode, prevVNode, instance, name) {
+    var bindings = vnode.dirs;
+    var oldBindings = prevVNode && prevVNode.dirs;
 
-        if (opt.type !== Function && isFunction(defaultValue)) {
-          var {
-            propsDefaults
-          } = instance;
+    for (var i = 0; i < bindings.length; i++) {
+      var binding = bindings[i];
 
-          if (key in propsDefaults) {
-            value = propsDefaults[key];
-          } else {
-            setCurrentInstance(instance);
-            value = propsDefaults[key] = defaultValue.call(null, props);
-            setCurrentInstance(null);
-          }
-        } else {
-          value = defaultValue;
-        }
-      } // boolean casting
+      if (oldBindings) {
+        binding.oldValue = oldBindings[i].value;
+      }
 
+      var hook = binding.dir[name];
 
-      if (opt[0
-      /* shouldCast */
-      ]) {
-        if (isAbsent && !hasDefault) {
-          value = false;
-        } else if (opt[1
-        /* shouldCastTrue */
-        ] && (value === '' || value === hyphenate(key))) {
-          value = true;
-        }
+      if (hook) {
+        // disable tracking inside all lifecycle hooks
+        // since they can potentially be called inside effects.
+        pauseTracking();
+        callWithAsyncErrorHandling(hook, instance, 8
+        /* DIRECTIVE_HOOK */
+        , [vnode.el, binding, vnode, prevVNode]);
+        resetTracking();
       }
     }
+  }
 
-    return value;
+  function createAppContext() {
+    return {
+      app: null,
+      config: {
+        isNativeTag: NO,
+        performance: false,
+        globalProperties: {},
+        optionMergeStrategies: {},
+        errorHandler: undefined,
+        warnHandler: undefined,
+        compilerOptions: {}
+      },
+      mixins: [],
+      components: {},
+      directives: {},
+      provides: Object.create(null),
+      optionsCache: new WeakMap(),
+      propsCache: new WeakMap(),
+      emitsCache: new WeakMap()
+    };
   }
 
-  function normalizePropsOptions(comp, appContext, asMixin = false) {
-    var cache = appContext.propsCache;
-    var cached = cache.get(comp);
+  var uid = 0;
 
-    if (cached) {
-      return cached;
-    }
+  function createAppAPI(render, hydrate) {
+    return function createApp(rootComponent, rootProps = null) {
+      if (rootProps != null && !isObject(rootProps)) {
+        warn$1("root props passed to app.mount() must be an object.");
+        rootProps = null;
+      }
 
-    var raw = comp.props;
-    var normalized = {};
-    var needCastKeys = []; // apply mixin/extends props
+      var context = createAppContext();
+      var installedPlugins = new Set();
+      var isMounted = false;
+      var app = context.app = {
+        _uid: uid++,
+        _component: rootComponent,
+        _props: rootProps,
+        _container: null,
+        _context: context,
+        _instance: null,
+        version,
+
+        get config() {
+          return context.config;
+        },
+
+        set config(v) {
+          {
+            warn$1("app.config cannot be replaced. Modify individual options instead.");
+          }
+        },
+
+        use(plugin, ...options) {
+          if (installedPlugins.has(plugin)) {
+            warn$1("Plugin has already been applied to target app.");
+          } else if (plugin && isFunction(plugin.install)) {
+            installedPlugins.add(plugin);
+            plugin.install(app, ...options);
+          } else if (isFunction(plugin)) {
+            installedPlugins.add(plugin);
+            plugin(app, ...options);
+          } else {
+            warn$1("A plugin must either be a function or an object with an \"install\" " + "function.");
+          }
+
+          return app;
+        },
+
+        mixin(mixin) {
+          {
+            if (!context.mixins.includes(mixin)) {
+              context.mixins.push(mixin);
+            } else {
+              warn$1('Mixin has already been applied to target app' + (mixin.name ? ": ".concat(mixin.name) : ''));
+            }
+          }
+          return app;
+        },
 
-    var hasExtends = false;
+        component(name, component) {
+          {
+            validateComponentName(name, context.config);
+          }
 
-    if (!isFunction(comp)) {
-      var extendProps = raw => {
-        hasExtends = true;
-        var [props, keys] = normalizePropsOptions(raw, appContext, true);
-        extend(normalized, props);
-        if (keys) needCastKeys.push(...keys);
-      };
+          if (!component) {
+            return context.components[name];
+          }
 
-      if (!asMixin && appContext.mixins.length) {
-        appContext.mixins.forEach(extendProps);
-      }
+          if (context.components[name]) {
+            warn$1("Component \"".concat(name, "\" has already been registered in target app."));
+          }
 
-      if (comp.extends) {
-        extendProps(comp.extends);
-      }
+          context.components[name] = component;
+          return app;
+        },
 
-      if (comp.mixins) {
-        comp.mixins.forEach(extendProps);
-      }
-    }
+        directive(name, directive) {
+          {
+            validateDirectiveName(name);
+          }
 
-    if (!raw && !hasExtends) {
-      cache.set(comp, EMPTY_ARR);
-      return EMPTY_ARR;
-    }
+          if (!directive) {
+            return context.directives[name];
+          }
 
-    if (isArray(raw)) {
-      for (var i = 0; i < raw.length; i++) {
-        if (!isString(raw[i])) {
-          warn("props must be strings when using array syntax.", raw[i]);
-        }
+          if (context.directives[name]) {
+            warn$1("Directive \"".concat(name, "\" has already been registered in target app."));
+          }
 
-        var normalizedKey = camelize(raw[i]);
+          context.directives[name] = directive;
+          return app;
+        },
 
-        if (validatePropName(normalizedKey)) {
-          normalized[normalizedKey] = EMPTY_OBJ;
-        }
-      }
-    } else if (raw) {
-      if (!isObject(raw)) {
-        warn("invalid props options", raw);
-      }
+        mount(rootContainer, isHydrate, isSVG) {
+          if (!isMounted) {
+            var vnode = createVNode(rootComponent, rootProps); // store app context on the root VNode.
+            // this will be set on the root instance on initial mount.
 
-      for (var key in raw) {
-        var _normalizedKey = camelize(key);
+            vnode.appContext = context; // HMR root reload
 
-        if (validatePropName(_normalizedKey)) {
-          var opt = raw[key];
-          var prop = normalized[_normalizedKey] = isArray(opt) || isFunction(opt) ? {
-            type: opt
-          } : opt;
+            {
+              context.reload = () => {
+                render(cloneVNode(vnode), rootContainer, isSVG);
+              };
+            }
 
-          if (prop) {
-            var booleanIndex = getTypeIndex(Boolean, prop.type);
-            var stringIndex = getTypeIndex(String, prop.type);
-            prop[0
-            /* shouldCast */
-            ] = booleanIndex > -1;
-            prop[1
-            /* shouldCastTrue */
-            ] = stringIndex < 0 || booleanIndex < stringIndex; // if the prop needs boolean casting or default value
+            if (isHydrate && hydrate) {
+              hydrate(vnode, rootContainer);
+            } else {
+              render(vnode, rootContainer, isSVG);
+            }
 
-            if (booleanIndex > -1 || hasOwn(prop, 'default')) {
-              needCastKeys.push(_normalizedKey);
+            isMounted = true;
+            app._container = rootContainer;
+            rootContainer.__vue_app__ = app;
+            {
+              app._instance = vnode.component;
+              devtoolsInitApp(app, version);
             }
+            return vnode.component.proxy;
+          } else {
+            warn$1("App has already been mounted.\n" + "If you want to remount the same app, move your app creation logic " + "into a factory function and create fresh app instances for each " + "mount - e.g. `const createMyApp = () => createApp(App)`");
           }
-        }
-      }
-    }
+        },
 
-    var res = [normalized, needCastKeys];
-    cache.set(comp, res);
-    return res;
-  }
+        unmount() {
+          if (isMounted) {
+            render(null, app._container);
+            {
+              app._instance = null;
+              devtoolsUnmountApp(app);
+            }
+            delete app._container.__vue_app__;
+          } else {
+            warn$1("Cannot unmount an app that is not mounted.");
+          }
+        },
 
-  function validatePropName(key) {
-    if (key[0] !== '$') {
-      return true;
-    } else {
-      warn("Invalid prop name: \"".concat(key, "\" is a reserved property."));
-    }
+        provide(key, value) {
+          if (key in context.provides) {
+            warn$1("App already provides property with key \"".concat(String(key), "\". ") + "It will be overwritten with the new value.");
+          } // TypeScript doesn't allow symbols as index type
+          // https://github.com/Microsoft/TypeScript/issues/24587
 
-    return false;
-  } // use function string name to check type constructors
-  // so that it works across vms / iframes.
 
+          context.provides[key] = value;
+          return app;
+        }
 
-  function getType(ctor) {
-    var match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
+      };
+      return app;
+    };
   }
 
-  function isSameType(a, b) {
-    return getType(a) === getType(b);
-  }
+  var hasMismatch = false;
 
-  function getTypeIndex(type, expectedTypes) {
-    if (isArray(expectedTypes)) {
-      return expectedTypes.findIndex(t => isSameType(t, type));
-    } else if (isFunction(expectedTypes)) {
-      return isSameType(expectedTypes, type) ? 0 : -1;
-    }
+  var isSVGContainer = container => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject';
 
-    return -1;
-  }
-  /**
-   * dev only
-   */
+  var isComment = node => node.nodeType === 8
+  /* COMMENT */
+  ; // Note: hydration is DOM-specific
+  // But we have to place it in core due to tight coupling with core - splitting
+  // it out creates a ton of unnecessary complexity.
+  // Hydration also depends on some renderer internal logic which needs to be
+  // passed in via arguments.
 
 
-  function validateProps(rawProps, props, instance) {
-    var resolvedValues = toRaw(props);
-    var options = instance.propsOptions[0];
+  function createHydrationFunctions(rendererInternals) {
+    var {
+      mt: mountComponent,
+      p: patch,
+      o: {
+        patchProp,
+        nextSibling,
+        parentNode,
+        remove,
+        insert,
+        createComment
+      }
+    } = rendererInternals;
 
-    for (var key in options) {
-      var opt = options[key];
-      if (opt == null) continue;
-      validateProp(key, resolvedValues[key], opt, !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key)));
-    }
-  }
-  /**
-   * dev only
-   */
+    var hydrate = (vnode, container) => {
+      if (!container.hasChildNodes()) {
+        warn$1("Attempting to hydrate existing markup but container is empty. " + "Performing full mount instead.");
+        patch(null, vnode, container);
+        flushPostFlushCbs();
+        return;
+      }
 
+      hasMismatch = false;
+      hydrateNode(container.firstChild, vnode, null, null, null);
+      flushPostFlushCbs();
 
-  function validateProp(name, value, prop, isAbsent) {
-    var {
-      type,
-      required,
-      validator
-    } = prop; // required!
+      if (hasMismatch && !false) {
+        // this error should show up in production
+        console.error("Hydration completed but contains mismatches.");
+      }
+    };
 
-    if (required && isAbsent) {
-      warn('Missing required prop: "' + name + '"');
-      return;
-    } // missing but optional
+    var hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
+      var isFragmentStart = isComment(node) && node.data === '[';
 
+      var onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
 
-    if (value == null && !prop.required) {
-      return;
-    } // type check
+      var {
+        type,
+        ref,
+        shapeFlag
+      } = vnode;
+      var domType = node.nodeType;
+      vnode.el = node;
+      var nextNode = null;
 
+      switch (type) {
+        case Text:
+          if (domType !== 3
+          /* TEXT */
+          ) {
+            nextNode = onMismatch();
+          } else {
+            if (node.data !== vnode.children) {
+              hasMismatch = true;
+              warn$1("Hydration text mismatch:" + "\n- Client: ".concat(JSON.stringify(node.data)) + "\n- Server: ".concat(JSON.stringify(vnode.children)));
+              node.data = vnode.children;
+            }
 
-    if (type != null && type !== true) {
-      var isValid = false;
-      var types = isArray(type) ? type : [type];
-      var expectedTypes = []; // value is valid as long as one of the specified types match
+            nextNode = nextSibling(node);
+          }
 
-      for (var i = 0; i < types.length && !isValid; i++) {
-        var {
-          valid,
-          expectedType
-        } = assertType(value, types[i]);
-        expectedTypes.push(expectedType || '');
-        isValid = valid;
-      }
+          break;
 
-      if (!isValid) {
-        warn(getInvalidTypeMessage(name, value, expectedTypes));
-        return;
-      }
-    } // custom validator
+        case Comment$1:
+          if (domType !== 8
+          /* COMMENT */
+          || isFragmentStart) {
+            nextNode = onMismatch();
+          } else {
+            nextNode = nextSibling(node);
+          }
 
+          break;
 
-    if (validator && !validator(value)) {
-      warn('Invalid prop: custom validator check failed for prop "' + name + '".');
-    }
-  }
+        case Static:
+          if (domType !== 1
+          /* ELEMENT */
+          ) {
+            nextNode = onMismatch();
+          } else {
+            // determine anchor, adopt content
+            nextNode = node; // if the static vnode has its content stripped during build,
+            // adopt it from the server-rendered HTML.
 
-  var isSimpleType = /*#__PURE__*/makeMap('String,Number,Boolean,Function,Symbol,BigInt');
-  /**
-   * dev only
-   */
+            var needToAdoptContent = !vnode.children.length;
 
-  function assertType(value, type) {
-    var valid;
-    var expectedType = getType(type);
+            for (var i = 0; i < vnode.staticCount; i++) {
+              if (needToAdoptContent) vnode.children += nextNode.outerHTML;
 
-    if (isSimpleType(expectedType)) {
-      var t = typeof value;
-      valid = t === expectedType.toLowerCase(); // for primitive wrapper objects
+              if (i === vnode.staticCount - 1) {
+                vnode.anchor = nextNode;
+              }
 
-      if (!valid && t === 'object') {
-        valid = value instanceof type;
-      }
-    } else if (expectedType === 'Object') {
-      valid = isObject(value);
-    } else if (expectedType === 'Array') {
-      valid = isArray(value);
-    } else {
-      valid = value instanceof type;
-    }
+              nextNode = nextSibling(nextNode);
+            }
 
-    return {
-      valid,
-      expectedType
-    };
-  }
-  /**
-   * dev only
-   */
+            return nextNode;
+          }
 
+          break;
 
-  function getInvalidTypeMessage(name, value, expectedTypes) {
-    var message = "Invalid prop: type check failed for prop \"".concat(name, "\".") + " Expected ".concat(expectedTypes.map(capitalize).join(', '));
-    var expectedType = expectedTypes[0];
-    var receivedType = toRawType(value);
-    var expectedValue = styleValue(value, expectedType);
-    var receivedValue = styleValue(value, receivedType); // check if we need to specify expected value
+        case Fragment:
+          if (!isFragmentStart) {
+            nextNode = onMismatch();
+          } else {
+            nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+          }
 
-    if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) {
-      message += " with value ".concat(expectedValue);
-    }
+          break;
 
-    message += ", got ".concat(receivedType, " "); // check if we need to specify received value
+        default:
+          if (shapeFlag & 1
+          /* ELEMENT */
+          ) {
+            if (domType !== 1
+            /* ELEMENT */
+            || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) {
+              nextNode = onMismatch();
+            } else {
+              nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+            }
+          } else if (shapeFlag & 6
+          /* COMPONENT */
+          ) {
+            // when setting up the render effect, if the initial vnode already
+            // has .el set, the component will perform hydration instead of mount
+            // on its sub-tree.
+            vnode.slotScopeIds = slotScopeIds;
+            var container = parentNode(node);
+            mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); // component may be async, so in the case of fragments we cannot rely
+            // on component's rendered output to determine the end of the fragment
+            // instead, we do a lookahead to find the end anchor node.
 
-    if (isExplicable(receivedType)) {
-      message += "with value ".concat(receivedValue, ".");
-    }
+            nextNode = isFragmentStart ? locateClosingAsyncAnchor(node) : nextSibling(node); // #3787
+            // if component is async, it may get moved / unmounted before its
+            // inner component is loaded, so we need to give it a placeholder
+            // vnode that matches its adopted DOM.
 
-    return message;
-  }
-  /**
-   * dev only
-   */
+            if (isAsyncWrapper(vnode)) {
+              var subTree;
 
+              if (isFragmentStart) {
+                subTree = createVNode(Fragment);
+                subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
+              } else {
+                subTree = node.nodeType === 3 ? createTextVNode('') : createVNode('div');
+              }
 
-  function styleValue(value, type) {
-    if (type === 'String') {
-      return "\"".concat(value, "\"");
-    } else if (type === 'Number') {
-      return "".concat(Number(value));
-    } else {
-      return "".concat(value);
-    }
-  }
-  /**
-   * dev only
-   */
+              subTree.el = node;
+              vnode.component.subTree = subTree;
+            }
+          } else if (shapeFlag & 64
+          /* TELEPORT */
+          ) {
+            if (domType !== 8
+            /* COMMENT */
+            ) {
+              nextNode = onMismatch();
+            } else {
+              nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
+            }
+          } else if (shapeFlag & 128
+          /* SUSPENSE */
+          ) {
+            nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
+          } else {
+            warn$1('Invalid HostVNode type:', type, "(".concat(typeof type, ")"));
+          }
 
+      }
 
-  function isExplicable(type) {
-    var explicitTypes = ['string', 'number', 'boolean'];
-    return explicitTypes.some(elem => type.toLowerCase() === elem);
-  }
-  /**
-   * dev only
-   */
+      if (ref != null) {
+        setRef(ref, null, parentSuspense, vnode);
+      }
 
+      return nextNode;
+    };
 
-  function isBoolean(...args) {
-    return args.some(elem => elem.toLowerCase() === 'boolean');
-  }
+    var hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+      optimized = optimized || !!vnode.dynamicChildren;
+      var {
+        type,
+        props,
+        patchFlag,
+        shapeFlag,
+        dirs
+      } = vnode; // #4006 for form elements with non-string v-model value bindings
+      // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
 
-  var isInternalKey = key => key[0] === '_' || key === '$stable';
+      var forcePatchValue = type === 'input' && dirs || type === 'option'; // skip props & children if this is hoisted static nodes
 
-  var normalizeSlotValue = value => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
+      if (forcePatchValue || patchFlag !== -1
+      /* HOISTED */
+      ) {
+        if (dirs) {
+          invokeDirectiveHook(vnode, null, parentComponent, 'created');
+        } // props
 
-  var normalizeSlot = (key, rawSlot, ctx) => {
-    var normalized = withCtx(props => {
-      if (currentInstance) {
-        warn("Slot \"".concat(key, "\" invoked outside of the render function: ") + "this will not track dependencies used in the slot. " + "Invoke the slot function inside the render function instead.");
-      }
 
-      return normalizeSlotValue(rawSlot(props));
-    }, ctx);
-    normalized._c = false;
-    return normalized;
-  };
+        if (props) {
+          if (forcePatchValue || !optimized || patchFlag & 16
+          /* FULL_PROPS */
+          || patchFlag & 32
+          /* HYDRATE_EVENTS */
+          ) {
+            for (var key in props) {
+              if (forcePatchValue && key.endsWith('value') || isOn(key) && !isReservedProp(key)) {
+                patchProp(el, key, null, props[key]);
+              }
+            }
+          } else if (props.onClick) {
+            // Fast path for click listeners (which is most often) to avoid
+            // iterating through props.
+            patchProp(el, 'onClick', null, props.onClick);
+          }
+        } // vnode / directive hooks
 
-  var normalizeObjectSlots = (rawSlots, slots, instance) => {
-    var ctx = rawSlots._ctx;
 
-    for (var key in rawSlots) {
-      if (isInternalKey(key)) continue;
-      var value = rawSlots[key];
+        var vnodeHooks;
 
-      if (isFunction(value)) {
-        slots[key] = normalizeSlot(key, value, ctx);
-      } else if (value != null) {
-        (function () {
-          {
-            warn("Non-function value encountered for slot \"".concat(key, "\". ") + "Prefer function slots for better performance.");
-          }
-          var normalized = normalizeSlotValue(value);
+        if (vnodeHooks = props && props.onVnodeBeforeMount) {
+          invokeVNodeHook(vnodeHooks, parentComponent, vnode);
+        }
 
-          slots[key] = () => normalized;
-        })();
-      }
-    }
-  };
+        if (dirs) {
+          invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
+        }
 
-  var normalizeVNodeSlots = (instance, children) => {
-    if (!isKeepAlive(instance.vnode) && !false) {
-      warn("Non-function value encountered for default slot. " + "Prefer function slots for better performance.");
-    }
+        if ((vnodeHooks = props && props.onVnodeMounted) || dirs) {
+          queueEffectWithSuspense(() => {
+            vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
+            dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
+          }, parentSuspense);
+        } // children
 
-    var normalized = normalizeSlotValue(children);
 
-    instance.slots.default = () => normalized;
-  };
+        if (shapeFlag & 16
+        /* ARRAY_CHILDREN */
+        && // skip if element has innerHTML / textContent
+        !(props && (props.innerHTML || props.textContent))) {
+          var next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
+          var _hasWarned = false;
 
-  var initSlots = (instance, children) => {
-    if (instance.vnode.shapeFlag & 32
-    /* SLOTS_CHILDREN */
-    ) {
-      var type = children._;
+          while (next) {
+            hasMismatch = true;
 
-      if (type) {
-        // users can get the shallow readonly version of the slots object through `this.$slots`,
-        // we should avoid the proxy object polluting the slots of the internal instance
-        instance.slots = toRaw(children); // make compiler marker non-enumerable
+            if (!_hasWarned) {
+              warn$1("Hydration children mismatch in <".concat(vnode.type, ">: ") + "server rendered element contains more child nodes than client vdom.");
+              _hasWarned = true;
+            } // The SSRed DOM contains more nodes than it should. Remove them.
 
-        def(children, '_', type);
-      } else {
-        normalizeObjectSlots(children, instance.slots = {});
-      }
-    } else {
-      instance.slots = {};
 
-      if (children) {
-        normalizeVNodeSlots(instance, children);
+            var cur = next;
+            next = next.nextSibling;
+            remove(cur);
+          }
+        } else if (shapeFlag & 8
+        /* TEXT_CHILDREN */
+        ) {
+          if (el.textContent !== vnode.children) {
+            hasMismatch = true;
+            warn$1("Hydration text content mismatch in <".concat(vnode.type, ">:\n") + "- Client: ".concat(el.textContent, "\n") + "- Server: ".concat(vnode.children));
+            el.textContent = vnode.children;
+          }
+        }
       }
-    }
 
-    def(instance.slots, InternalObjectKey, 1);
-  };
+      return el.nextSibling;
+    };
 
-  var updateSlots = (instance, children, optimized) => {
-    var {
-      vnode,
-      slots
-    } = instance;
-    var needDeletionCheck = true;
-    var deletionComparisonTarget = EMPTY_OBJ;
+    var hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+      optimized = optimized || !!parentVNode.dynamicChildren;
+      var children = parentVNode.children;
+      var l = children.length;
+      var hasWarned = false;
 
-    if (vnode.shapeFlag & 32
-    /* SLOTS_CHILDREN */
-    ) {
-      var type = children._;
+      for (var i = 0; i < l; i++) {
+        var vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
 
-      if (type) {
-        // compiled slots.
-        if (isHmrUpdating) {
-          // Parent was HMR updated so slot content may have changed.
-          // force update slots and mark instance for hmr as well
-          extend(slots, children);
-        } else if (optimized && type === 1
-        /* STABLE */
-        ) {
-          // compiled AND stable.
-          // no need to update, and skip stale slots removal.
-          needDeletionCheck = false;
+        if (node) {
+          node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+        } else if (vnode.type === Text && !vnode.children) {
+          continue;
         } else {
-          // compiled but dynamic (v-if/v-for on slots) - update slots, but skip
-          // normalization.
-          extend(slots, children); // #2893
-          // when rendering the optimized slots by manually written render function,
-          // we need to delete the `slots._` flag if necessary to make subsequent updates reliable,
-          // i.e. let the `renderSlot` create the bailed Fragment
+          hasMismatch = true;
 
-          if (!optimized && type === 1
-          /* STABLE */
-          ) {
-            delete slots._;
-          }
+          if (!hasWarned) {
+            warn$1("Hydration children mismatch in <".concat(container.tagName.toLowerCase(), ">: ") + "server rendered element contains fewer child nodes than client vdom.");
+            hasWarned = true;
+          } // the SSRed DOM didn't contain enough nodes. Mount the missing ones.
+
+
+          patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
         }
-      } else {
-        needDeletionCheck = !children.$stable;
-        normalizeObjectSlots(children, slots);
       }
 
-      deletionComparisonTarget = children;
-    } else if (children) {
-      // non slot object children (direct value) passed to a component
-      normalizeVNodeSlots(instance, children);
-      deletionComparisonTarget = {
-        default: 1
-      };
-    } // delete stale slots
+      return node;
+    };
 
+    var hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+      var {
+        slotScopeIds: fragmentSlotScopeIds
+      } = vnode;
 
-    if (needDeletionCheck) {
-      for (var key in slots) {
-        if (!isInternalKey(key) && !(key in deletionComparisonTarget)) {
-          delete slots[key];
-        }
+      if (fragmentSlotScopeIds) {
+        slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
       }
-    }
-  };
-  /**
-  Runtime helper for applying directives to a vnode. Example usage:
-  
-  const comp = resolveComponent('comp')
-  const foo = resolveDirective('foo')
-  const bar = resolveDirective('bar')
-  
-  return withDirectives(h(comp), [
-    [foo, this.x],
-    [bar, this.y]
-  ])
-  */
 
+      var container = parentNode(node);
+      var next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
 
-  var isBuiltInDirective = /*#__PURE__*/makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
-
-  function validateDirectiveName(name) {
-    if (isBuiltInDirective(name)) {
-      warn('Do not use built-in directive ids as custom directive id: ' + name);
-    }
-  }
-  /**
-   * Adds directives to a VNode.
-   */
+      if (next && isComment(next) && next.data === ']') {
+        return nextSibling(vnode.anchor = next);
+      } else {
+        // fragment didn't hydrate successfully, since we didn't get a end anchor
+        // back. This should have led to node/children mismatch warnings.
+        hasMismatch = true; // since the anchor is missing, we need to create one and insert it
 
+        insert(vnode.anchor = createComment("]", container), container, next); // fixed by xxxxxx
 
-  function withDirectives(vnode, directives) {
-    var internalInstance = currentRenderingInstance;
+        return next;
+      }
+    };
 
-    if (internalInstance === null) {
-      warn("withDirectives can only be used inside render functions.");
-      return vnode;
-    }
+    var handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
+      hasMismatch = true;
+      warn$1("Hydration node mismatch:\n- Client vnode:", vnode.type, "\n- Server rendered DOM:", node, node.nodeType === 3
+      /* TEXT */
+      ? "(text)" : isComment(node) && node.data === '[' ? "(start of fragment)" : "");
+      vnode.el = null;
 
-    var instance = internalInstance.proxy;
-    var bindings = vnode.dirs || (vnode.dirs = []);
+      if (isFragment) {
+        // remove excessive fragment nodes
+        var end = locateClosingAsyncAnchor(node);
 
-    for (var i = 0; i < directives.length; i++) {
-      var [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
+        while (true) {
+          var _next = nextSibling(node);
 
-      if (isFunction(dir)) {
-        dir = {
-          mounted: dir,
-          updated: dir
-        };
+          if (_next && _next !== end) {
+            remove(_next);
+          } else {
+            break;
+          }
+        }
       }
 
-      bindings.push({
-        dir,
-        instance,
-        value,
-        oldValue: void 0,
-        arg,
-        modifiers
-      });
-    }
+      var next = nextSibling(node);
+      var container = parentNode(node);
+      remove(node);
+      patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
+      return next;
+    };
 
-    return vnode;
-  }
+    var locateClosingAsyncAnchor = node => {
+      var match = 0;
 
-  function invokeDirectiveHook(vnode, prevVNode, instance, name) {
-    var bindings = vnode.dirs;
-    var oldBindings = prevVNode && prevVNode.dirs;
+      while (node) {
+        node = nextSibling(node);
 
-    for (var i = 0; i < bindings.length; i++) {
-      var binding = bindings[i];
+        if (node && isComment(node)) {
+          if (node.data === '[') match++;
 
-      if (oldBindings) {
-        binding.oldValue = oldBindings[i].value;
+          if (node.data === ']') {
+            if (match === 0) {
+              return nextSibling(node);
+            } else {
+              match--;
+            }
+          }
+        }
       }
 
-      var hook = binding.dir[name];
+      return node;
+    };
 
-      if (hook) {
-        // disable tracking inside all lifecycle hooks
-        // since they can potentially be called inside effects.
-        pauseTracking();
-        callWithAsyncErrorHandling(hook, instance, 8
-        /* DIRECTIVE_HOOK */
-        , [vnode.el, binding, vnode, prevVNode]);
-        resetTracking();
-      }
-    }
+    return [hydrate, hydrateNode];
   }
 
-  function createAppContext() {
-    return {
-      app: null,
-      config: {
-        isNativeTag: NO,
-        performance: false,
-        globalProperties: {},
-        optionMergeStrategies: {},
-        errorHandler: undefined,
-        warnHandler: undefined,
-        compilerOptions: {}
-      },
-      mixins: [],
-      components: {},
-      directives: {},
-      provides: Object.create(null),
-      optionsCache: new WeakMap(),
-      propsCache: new WeakMap(),
-      emitsCache: new WeakMap()
-    };
+  var supported;
+  var perf;
+
+  function startMeasure(instance, type) {
+    if (instance.appContext.config.performance && isSupported()) {
+      perf.mark("vue-".concat(type, "-").concat(instance.uid));
+    }
+
+    {
+      devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now());
+    }
   }
 
-  var uid$1 = 0;
+  function endMeasure(instance, type) {
+    if (instance.appContext.config.performance && isSupported()) {
+      var startTag = "vue-".concat(type, "-").concat(instance.uid);
+      var endTag = startTag + ":end";
+      perf.mark(endTag);
+      perf.measure("<".concat(formatComponentName(instance, instance.type), "> ").concat(type), startTag, endTag);
+      perf.clearMarks(startTag);
+      perf.clearMarks(endTag);
+    }
 
-  function createAppAPI(render, hydrate) {
-    return function createApp(rootComponent, rootProps = null) {
-      if (rootProps != null && !isObject(rootProps)) {
-        warn("root props passed to app.mount() must be an object.");
-        rootProps = null;
-      }
+    {
+      devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
+    }
+  }
 
-      var context = createAppContext();
-      var installedPlugins = new Set();
-      var isMounted = false;
-      var app = context.app = {
-        _uid: uid$1++,
-        _component: rootComponent,
-        _props: rootProps,
-        _container: null,
-        _context: context,
-        _instance: null,
-        version,
+  function isSupported() {
+    if (supported !== undefined) {
+      return supported;
+    }
+    /* eslint-disable no-restricted-globals */
 
-        get config() {
-          return context.config;
-        },
 
-        set config(v) {
-          {
-            warn("app.config cannot be replaced. Modify individual options instead.");
-          }
-        },
+    if (typeof window !== 'undefined' && window.performance) {
+      supported = true;
+      perf = window.performance;
+    } else {
+      supported = false;
+    }
+    /* eslint-enable no-restricted-globals */
 
-        use(plugin, ...options) {
-          if (installedPlugins.has(plugin)) {
-            warn("Plugin has already been applied to target app.");
-          } else if (plugin && isFunction(plugin.install)) {
-            installedPlugins.add(plugin);
-            plugin.install(app, ...options);
-          } else if (isFunction(plugin)) {
-            installedPlugins.add(plugin);
-            plugin(app, ...options);
-          } else {
-            warn("A plugin must either be a function or an object with an \"install\" " + "function.");
-          }
 
-          return app;
-        },
+    return supported;
+  }
 
-        mixin(mixin) {
-          {
-            if (!context.mixins.includes(mixin)) {
-              context.mixins.push(mixin);
-            } else {
-              warn('Mixin has already been applied to target app' + (mixin.name ? ": ".concat(mixin.name) : ''));
-            }
-          }
-          return app;
-        },
+  var queuePostRenderEffect = queueEffectWithSuspense;
+  /**
+   * The createRenderer function accepts two generic arguments:
+   * HostNode and HostElement, corresponding to Node and Element types in the
+   * host environment. For example, for runtime-dom, HostNode would be the DOM
+   * `Node` interface and HostElement would be the DOM `Element` interface.
+   *
+   * Custom renderers can pass in the platform specific types like this:
+   *
+   * ``` js
+   * const { render, createApp } = createRenderer<Node, Element>({
+   *   patchProp,
+   *   ...nodeOps
+   * })
+   * ```
+   */
 
-        component(name, component) {
-          {
-            validateComponentName(name, context.config);
-          }
+  function createRenderer(options) {
+    return baseCreateRenderer(options);
+  } // Separate API for creating hydration-enabled renderer.
+  // Hydration logic is only used when calling this function, making it
+  // tree-shakable.
 
-          if (!component) {
-            return context.components[name];
-          }
 
-          if (context.components[name]) {
-            warn("Component \"".concat(name, "\" has already been registered in target app."));
-          }
+  function createHydrationRenderer(options) {
+    return baseCreateRenderer(options, createHydrationFunctions);
+  } // implementation
 
-          context.components[name] = component;
-          return app;
-        },
 
-        directive(name, directive) {
-          {
-            validateDirectiveName(name);
-          }
+  function baseCreateRenderer(options, createHydrationFns) {
+    {
+      var target = getGlobalThis();
+      target.__VUE__ = true;
+      setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
+    }
+    var {
+      insert: hostInsert,
+      remove: hostRemove,
+      patchProp: hostPatchProp,
+      forcePatchProp: hostForcePatchProp,
+      // fixed by xxxxxx
+      createElement: hostCreateElement,
+      createText: hostCreateText,
+      createComment: hostCreateComment,
+      setText: hostSetText,
+      setElementText: hostSetElementText,
+      parentNode: hostParentNode,
+      nextSibling: hostNextSibling,
+      setScopeId: hostSetScopeId = NOOP,
+      cloneNode: hostCloneNode,
+      insertStaticContent: hostInsertStaticContent
+    } = options; // Note: functions inside this closure should use `const xxx = () => {}`
+    // style in order to prevent being inlined by minifiers.
 
-          if (!directive) {
-            return context.directives[name];
-          }
+    var patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => {
+      if (n1 === n2) {
+        return;
+      } // patching & not same type, unmount old tree
 
-          if (context.directives[name]) {
-            warn("Directive \"".concat(name, "\" has already been registered in target app."));
-          }
 
-          context.directives[name] = directive;
-          return app;
-        },
+      if (n1 && !isSameVNodeType(n1, n2)) {
+        anchor = getNextHostNode(n1);
+        unmount(n1, parentComponent, parentSuspense, true);
+        n1 = null;
+      }
 
-        mount(rootContainer, isHydrate, isSVG) {
-          if (!isMounted) {
-            var vnode = createVNode(rootComponent, rootProps); // store app context on the root VNode.
-            // this will be set on the root instance on initial mount.
+      if (n2.patchFlag === -2
+      /* BAIL */
+      ) {
+        optimized = false;
+        n2.dynamicChildren = null;
+      }
 
-            vnode.appContext = context; // HMR root reload
+      var {
+        type,
+        ref,
+        shapeFlag
+      } = n2;
 
-            {
-              context.reload = () => {
-                render(cloneVNode(vnode), rootContainer, isSVG);
-              };
-            }
+      switch (type) {
+        case Text:
+          processText(n1, n2, container, anchor);
+          break;
 
-            if (isHydrate && hydrate) {
-              hydrate(vnode, rootContainer);
-            } else {
-              render(vnode, rootContainer, isSVG);
-            }
+        case Comment$1:
+          processCommentNode(n1, n2, container, anchor);
+          break;
 
-            isMounted = true;
-            app._container = rootContainer;
-            rootContainer.__vue_app__ = app;
-            {
-              app._instance = vnode.component;
-              devtoolsInitApp(app, version);
-            }
-            return vnode.component.proxy;
+        case Static:
+          if (n1 == null) {
+            mountStaticNode(n2, container, anchor, isSVG);
           } else {
-            warn("App has already been mounted.\n" + "If you want to remount the same app, move your app creation logic " + "into a factory function and create fresh app instances for each " + "mount - e.g. `const createMyApp = () => createApp(App)`");
+            patchStaticNode(n1, n2, container, isSVG);
           }
-        },
 
-        unmount() {
-          if (isMounted) {
-            render(null, app._container);
-            {
-              app._instance = null;
-              devtoolsUnmountApp(app);
-            }
-            delete app._container.__vue_app__;
+          break;
+
+        case Fragment:
+          processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          break;
+
+        default:
+          if (shapeFlag & 1
+          /* ELEMENT */
+          ) {
+            processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          } else if (shapeFlag & 6
+          /* COMPONENT */
+          ) {
+            processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          } else if (shapeFlag & 64
+          /* TELEPORT */
+          ) {
+            type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+          } else if (shapeFlag & 128
+          /* SUSPENSE */
+          ) {
+            type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
           } else {
-            warn("Cannot unmount an app that is not mounted.");
+            warn$1('Invalid VNode type:', type, "(".concat(typeof type, ")"));
           }
-        },
 
-        provide(key, value) {
-          if (key in context.provides) {
-            warn("App already provides property with key \"".concat(String(key), "\". ") + "It will be overwritten with the new value.");
-          } // TypeScript doesn't allow symbols as index type
-          // https://github.com/Microsoft/TypeScript/issues/24587
+      } // set ref
+
+
+      if (ref != null && parentComponent) {
+        setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
+      }
+    };
+
+    var processText = (n1, n2, container, anchor) => {
+      if (n1 == null) {
+        hostInsert(n2.el = hostCreateText(n2.children, container), // fixed by xxxxxx
+        container, anchor);
+      } else {
+        var el = n2.el = n1.el;
+
+        if (n2.children !== n1.children) {
+          hostSetText(el, n2.children);
+        }
+      }
+    };
+
+    var processCommentNode = (n1, n2, container, anchor) => {
+      if (n1 == null) {
+        hostInsert(n2.el = hostCreateComment(n2.children || '', container), // fixed by xxxxxx
+        container, anchor);
+      } else {
+        // there's no support for dynamic comments
+        n2.el = n1.el;
+      }
+    };
+
+    var mountStaticNode = (n2, container, anchor, isSVG) => {
+      [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
+    };
+    /**
+     * Dev / HMR only
+     */
 
 
-          context.provides[key] = value;
-          return app;
-        }
+    var patchStaticNode = (n1, n2, container, isSVG) => {
+      // static nodes are only patched during dev for HMR
+      if (n2.children !== n1.children) {
+        var anchor = hostNextSibling(n1.anchor); // remove existing
 
-      };
-      return app;
+        removeStaticNode(n1);
+        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
+      } else {
+        n2.el = n1.el;
+        n2.anchor = n1.anchor;
+      }
     };
-  }
 
-  var hasMismatch = false;
+    var moveStaticNode = ({
+      el,
+      anchor
+    }, container, nextSibling) => {
+      var next;
 
-  var isSVGContainer = container => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject';
+      while (el && el !== anchor) {
+        next = hostNextSibling(el);
+        hostInsert(el, container, nextSibling);
+        el = next;
+      }
 
-  var isComment = node => node.nodeType === 8
-  /* COMMENT */
-  ; // Note: hydration is DOM-specific
-  // But we have to place it in core due to tight coupling with core - splitting
-  // it out creates a ton of unnecessary complexity.
-  // Hydration also depends on some renderer internal logic which needs to be
-  // passed in via arguments.
+      hostInsert(anchor, container, nextSibling);
+    };
 
+    var removeStaticNode = ({
+      el,
+      anchor
+    }) => {
+      var next;
 
-  function createHydrationFunctions(rendererInternals) {
-    var {
-      mt: mountComponent,
-      p: patch,
-      o: {
-        patchProp,
-        nextSibling,
-        parentNode,
-        remove,
-        insert,
-        createComment
+      while (el && el !== anchor) {
+        next = hostNextSibling(el);
+        hostRemove(el);
+        el = next;
       }
-    } = rendererInternals;
 
-    var hydrate = (vnode, container) => {
-      if (!container.hasChildNodes()) {
-        warn("Attempting to hydrate existing markup but container is empty. " + "Performing full mount instead.");
-        patch(null, vnode, container);
-        flushPostFlushCbs();
-        return;
-      }
+      hostRemove(anchor);
+    };
 
-      hasMismatch = false;
-      hydrateNode(container.firstChild, vnode, null, null, null);
-      flushPostFlushCbs();
+    var processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      isSVG = isSVG || n2.type === 'svg';
 
-      if (hasMismatch && !false) {
-        // this error should show up in production
-        console.error("Hydration completed but contains mismatches.");
+      if (n1 == null) {
+        mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+      } else {
+        patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
       }
     };
 
-    var hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
-      var isFragmentStart = isComment(node) && node.data === '[';
-
-      var onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
-
+    var mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      var el;
+      var vnodeHook;
       var {
         type,
-        ref,
-        shapeFlag
+        props,
+        shapeFlag,
+        transition,
+        patchFlag,
+        dirs
       } = vnode;
-      var domType = node.nodeType;
-      vnode.el = node;
-      var nextNode = null;
+      {
+        el = vnode.el = hostCreateElement( // fixed by xxxxxx
+        vnode.type, container); // mount children first, since some props may rely on child content
+        // being already rendered, e.g. `<select value>`
 
-      switch (type) {
-        case Text:
-          if (domType !== 3
-          /* TEXT */
-          ) {
-            nextNode = onMismatch();
-          } else {
-            if (node.data !== vnode.children) {
-              hasMismatch = true;
-              warn("Hydration text mismatch:" + "\n- Client: ".concat(JSON.stringify(node.data)) + "\n- Server: ".concat(JSON.stringify(vnode.children)));
-              node.data = vnode.children;
-            }
+        if (shapeFlag & 8
+        /* TEXT_CHILDREN */
+        ) {
+          hostSetElementText(el, vnode.children);
+        } else if (shapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
+        }
 
-            nextNode = nextSibling(node);
-          }
+        if (dirs) {
+          invokeDirectiveHook(vnode, null, parentComponent, 'created');
+        } // props
 
-          break;
 
-        case Comment$1:
-          if (domType !== 8
-          /* COMMENT */
-          || isFragmentStart) {
-            nextNode = onMismatch();
-          } else {
-            nextNode = nextSibling(node);
+        if (props) {
+          for (var key in props) {
+            if (key !== 'value' && !isReservedProp(key)) {
+              hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+            }
           }
+          /**
+           * Special case for setting value on DOM elements:
+           * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+           * - it needs to be forced (#1471)
+           * #2353 proposes adding another renderer option to configure this, but
+           * the properties affects are so finite it is worth special casing it
+           * here to reduce the complexity. (Special casing it also should not
+           * affect non-DOM renderers)
+           */
 
-          break;
-
-        case Static:
-          if (domType !== 1
-          /* ELEMENT */
-          ) {
-            nextNode = onMismatch();
-          } else {
-            // determine anchor, adopt content
-            nextNode = node; // if the static vnode has its content stripped during build,
-            // adopt it from the server-rendered HTML.
-
-            var needToAdoptContent = !vnode.children.length;
-
-            for (var i = 0; i < vnode.staticCount; i++) {
-              if (needToAdoptContent) vnode.children += nextNode.outerHTML;
-
-              if (i === vnode.staticCount - 1) {
-                vnode.anchor = nextNode;
-              }
 
-              nextNode = nextSibling(nextNode);
-            }
+          if ('value' in props) {
+            hostPatchProp(el, 'value', null, props.value);
+          }
 
-            return nextNode;
+          if (vnodeHook = props.onVnodeBeforeMount) {
+            invokeVNodeHook(vnodeHook, parentComponent, vnode);
           }
+        } // scopeId
 
-          break;
 
-        case Fragment:
-          if (!isFragmentStart) {
-            nextNode = onMismatch();
-          } else {
-            nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-          }
+        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
+      }
+      {
+        Object.defineProperty(el, '__vnode', {
+          value: vnode,
+          enumerable: false
+        });
+        Object.defineProperty(el, '__vueParentComponent', {
+          value: parentComponent,
+          enumerable: false
+        });
+      }
 
-          break;
+      if (dirs) {
+        invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
+      } // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved
+      // #1689 For inside suspense + suspense resolved case, just call it
 
-        default:
-          if (shapeFlag & 1
-          /* ELEMENT */
-          ) {
-            if (domType !== 1
-            /* ELEMENT */
-            || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) {
-              nextNode = onMismatch();
-            } else {
-              nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-            }
-          } else if (shapeFlag & 6
-          /* COMPONENT */
-          ) {
-            // when setting up the render effect, if the initial vnode already
-            // has .el set, the component will perform hydration instead of mount
-            // on its sub-tree.
-            vnode.slotScopeIds = slotScopeIds;
-            var container = parentNode(node);
-            mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); // component may be async, so in the case of fragments we cannot rely
-            // on component's rendered output to determine the end of the fragment
-            // instead, we do a lookahead to find the end anchor node.
 
-            nextNode = isFragmentStart ? locateClosingAsyncAnchor(node) : nextSibling(node); // #3787
-            // if component is async, it may get moved / unmounted before its
-            // inner component is loaded, so we need to give it a placeholder
-            // vnode that matches its adopted DOM.
+      var needCallTransitionHooks = (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
 
-            if (isAsyncWrapper(vnode)) {
-              var subTree;
+      if (needCallTransitionHooks) {
+        transition.beforeEnter(el);
+      }
 
-              if (isFragmentStart) {
-                subTree = createVNode(Fragment);
-                subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
-              } else {
-                subTree = node.nodeType === 3 ? createTextVNode('') : createVNode('div');
-              }
+      hostInsert(el, container, anchor);
 
-              subTree.el = node;
-              vnode.component.subTree = subTree;
-            }
-          } else if (shapeFlag & 64
-          /* TELEPORT */
-          ) {
-            if (domType !== 8
-            /* COMMENT */
-            ) {
-              nextNode = onMismatch();
-            } else {
-              nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
-            }
-          } else if (shapeFlag & 128
-          /* SUSPENSE */
-          ) {
-            nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
-          } else {
-            warn('Invalid HostVNode type:', type, "(".concat(typeof type, ")"));
-          }
+      if ((vnodeHook = props && props.onVnodeMounted) || needCallTransitionHooks || dirs) {
+        queuePostRenderEffect(() => {
+          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+          needCallTransitionHooks && transition.enter(el);
+          dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
+        }, parentSuspense);
+      }
+    };
 
+    var setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
+      if (scopeId) {
+        hostSetScopeId(el, scopeId);
       }
 
-      if (ref != null) {
-        setRef(ref, null, parentSuspense, vnode);
+      if (slotScopeIds) {
+        for (var i = 0; i < slotScopeIds.length; i++) {
+          hostSetScopeId(el, slotScopeIds[i]);
+        }
       }
 
-      return nextNode;
+      if (parentComponent) {
+        var subTree = parentComponent.subTree;
+
+        if (subTree.patchFlag > 0 && subTree.patchFlag & 2048
+        /* DEV_ROOT_FRAGMENT */
+        ) {
+          subTree = filterSingleRoot(subTree.children) || subTree;
+        }
+
+        if (vnode === subTree) {
+          var parentVNode = parentComponent.vnode;
+          setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
+        }
+      }
     };
 
-    var hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-      optimized = optimized || !!vnode.dynamicChildren;
+    var mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
+      for (var i = start; i < children.length; i++) {
+        var child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
+        patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+      }
+    };
+
+    var patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      var el = n2.el = n1.el;
       var {
-        type,
-        props,
         patchFlag,
-        shapeFlag,
+        dynamicChildren,
         dirs
-      } = vnode; // #4006 for form elements with non-string v-model value bindings
-      // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
+      } = n2; // #1426 take the old vnode's patch flag into account since user may clone a
+      // compiler-generated vnode, which de-opts to FULL_PROPS
 
-      var forcePatchValue = type === 'input' && dirs || type === 'option'; // skip props & children if this is hoisted static nodes
+      patchFlag |= n1.patchFlag & 16
+      /* FULL_PROPS */
+      ;
+      var oldProps = n1.props || EMPTY_OBJ;
+      var newProps = n2.props || EMPTY_OBJ;
+      var vnodeHook;
 
-      if (forcePatchValue || patchFlag !== -1
-      /* HOISTED */
-      ) {
-        if (dirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, 'created');
-        } // props
+      if (vnodeHook = newProps.onVnodeBeforeUpdate) {
+        invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+      }
 
+      if (dirs) {
+        invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
+      }
 
-        if (props) {
-          if (forcePatchValue || !optimized || patchFlag & 16
-          /* FULL_PROPS */
-          || patchFlag & 32
-          /* HYDRATE_EVENTS */
+      if (isHmrUpdating) {
+        // HMR updated, force full diff
+        patchFlag = 0;
+        optimized = false;
+        dynamicChildren = null;
+      }
+
+      if (patchFlag > 0) {
+        // the presence of a patchFlag means this element's render code was
+        // generated by the compiler and can take the fast path.
+        // in this path old node and new node are guaranteed to have the same shape
+        // (i.e. at the exact same position in the source template)
+        if (patchFlag & 16
+        /* FULL_PROPS */
+        ) {
+          // element props contain dynamic keys, full diff needed
+          patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+        } else {
+          // class
+          // this flag is matched when the element has dynamic class bindings.
+          if (patchFlag & 2
+          /* CLASS */
           ) {
-            for (var key in props) {
-              if (forcePatchValue && key.endsWith('value') || isOn(key) && !isReservedProp(key)) {
-                patchProp(el, key, null, props[key]);
-              }
+            if (oldProps.class !== newProps.class) {
+              hostPatchProp(el, 'class', null, newProps.class, isSVG);
             }
-          } else if (props.onClick) {
-            // Fast path for click listeners (which is most often) to avoid
-            // iterating through props.
-            patchProp(el, 'onClick', null, props.onClick);
-          }
-        } // vnode / directive hooks
+          } // style
+          // this flag is matched when the element has dynamic style bindings
 
 
-        var vnodeHooks;
+          if (patchFlag & 4
+          /* STYLE */
+          ) {
+            hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG);
+          } // props
+          // This flag is matched when the element has dynamic prop/attr bindings
+          // other than class and style. The keys of dynamic prop/attrs are saved for
+          // faster iteration.
+          // Note dynamic keys like :[foo]="bar" will cause this optimization to
+          // bail out and go through a full diff because we need to unset the old key
 
-        if (vnodeHooks = props && props.onVnodeBeforeMount) {
-          invokeVNodeHook(vnodeHooks, parentComponent, vnode);
-        }
 
-        if (dirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
-        }
+          if (patchFlag & 8
+          /* PROPS */
+          ) {
+            // if the flag is present then dynamicProps must be non-null
+            var propsToUpdate = n2.dynamicProps;
 
-        if ((vnodeHooks = props && props.onVnodeMounted) || dirs) {
-          queueEffectWithSuspense(() => {
-            vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
-            dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
-          }, parentSuspense);
-        } // children
+            for (var i = 0; i < propsToUpdate.length; i++) {
+              var key = propsToUpdate[i];
+              var prev = oldProps[key];
+              var next = newProps[key]; // #1471 force patch value
 
+              if (next !== prev || key === 'value' || hostForcePatchProp && hostForcePatchProp(el, key) // fixed by xxxxxx
+              ) {
+                hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
+              }
+            }
+          }
+        } // text
+        // This flag is matched when the element has only dynamic text children.
 
-        if (shapeFlag & 16
-        /* ARRAY_CHILDREN */
-        && // skip if element has innerHTML / textContent
-        !(props && (props.innerHTML || props.textContent))) {
-          var next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
-          var _hasWarned = false;
 
-          while (next) {
-            hasMismatch = true;
+        if (patchFlag & 1
+        /* TEXT */
+        ) {
+          if (n1.children !== n2.children) {
+            hostSetElementText(el, n2.children);
+          }
+        }
+      } else if (!optimized && dynamicChildren == null) {
+        // unoptimized, full diff
+        patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+      }
 
-            if (!_hasWarned) {
-              warn("Hydration children mismatch in <".concat(vnode.type, ">: ") + "server rendered element contains more child nodes than client vdom.");
-              _hasWarned = true;
-            } // The SSRed DOM contains more nodes than it should. Remove them.
+      var areChildrenSVG = isSVG && n2.type !== 'foreignObject';
 
+      if (dynamicChildren) {
+        patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
 
-            var cur = next;
-            next = next.nextSibling;
-            remove(cur);
-          }
-        } else if (shapeFlag & 8
-        /* TEXT_CHILDREN */
-        ) {
-          if (el.textContent !== vnode.children) {
-            hasMismatch = true;
-            warn("Hydration text content mismatch in <".concat(vnode.type, ">:\n") + "- Client: ".concat(el.textContent, "\n") + "- Server: ".concat(vnode.children));
-            el.textContent = vnode.children;
-          }
+        if (parentComponent && parentComponent.type.__hmrId) {
+          traverseStaticChildren(n1, n2);
         }
+      } else if (!optimized) {
+        // full diff
+        patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
       }
 
-      return el.nextSibling;
-    };
+      if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
+        queuePostRenderEffect(() => {
+          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+          dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated');
+        }, parentSuspense);
+      }
+    }; // The fast path for blocks.
 
-    var hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-      optimized = optimized || !!parentVNode.dynamicChildren;
-      var children = parentVNode.children;
-      var l = children.length;
-      var hasWarned = false;
 
-      for (var i = 0; i < l; i++) {
-        var vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
+    var patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
+      for (var i = 0; i < newChildren.length; i++) {
+        var oldVNode = oldChildren[i];
+        var newVNode = newChildren[i]; // Determine the container (parent element) for the patch.
 
-        if (node) {
-          node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-        } else if (vnode.type === Text && !vnode.children) {
-          continue;
-        } else {
-          hasMismatch = true;
+        var container = // oldVNode may be an errored async setup() component inside Suspense
+        // which will not have a mounted element
+        oldVNode.el && (oldVNode.type === Fragment || // - In the case of different nodes, there is going to be a replacement
+        // which also requires the correct parent container
+        !isSameVNodeType(oldVNode, newVNode) || // - In the case of a component, it could contain anything.
+        oldVNode.shapeFlag & 6
+        /* COMPONENT */
+        || oldVNode.shapeFlag & 64
+        /* TELEPORT */
+        ) ? hostParentNode(oldVNode.el) : // In other cases, the parent container is not actually used so we
+        // just pass the block element here to avoid a DOM parentNode call.
+        fallbackContainer;
+        patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
+      }
+    };
 
-          if (!hasWarned) {
-            warn("Hydration children mismatch in <".concat(container.tagName.toLowerCase(), ">: ") + "server rendered element contains fewer child nodes than client vdom.");
-            hasWarned = true;
-          } // the SSRed DOM didn't contain enough nodes. Mount the missing ones.
+    var patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
+      if (oldProps !== newProps) {
+        for (var key in newProps) {
+          // empty string is not valid prop
+          if (isReservedProp(key)) continue;
+          var next = newProps[key];
+          var prev = oldProps[key]; // defer patching value
+
+          if (next !== prev && key !== 'value' || hostForcePatchProp && hostForcePatchProp(el, key) // fixed by xxxxxx
+          ) {
+            hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+          }
+        }
 
+        if (oldProps !== EMPTY_OBJ) {
+          for (var _key9 in oldProps) {
+            if (!isReservedProp(_key9) && !(_key9 in newProps)) {
+              hostPatchProp(el, _key9, oldProps[_key9], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+            }
+          }
+        }
 
-          patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
+        if ('value' in newProps) {
+          hostPatchProp(el, 'value', oldProps.value, newProps.value);
         }
       }
+    };
+
+    var processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      var fragmentStartAnchor = n2.el = n1 ? n1.el : hostCreateText('', container); // fixed by xxxxxx
 
-      return node;
-    };
+      var fragmentEndAnchor = n2.anchor = n1 ? n1.anchor : hostCreateText('', container); // fixed by xxxxxx
 
-    var hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
       var {
+        patchFlag,
+        dynamicChildren,
         slotScopeIds: fragmentSlotScopeIds
-      } = vnode;
+      } = n2;
+
+      if (isHmrUpdating) {
+        // HMR updated, force full diff
+        patchFlag = 0;
+        optimized = false;
+        dynamicChildren = null;
+      } // check if this is a slot fragment with :slotted scope ids
+
 
       if (fragmentSlotScopeIds) {
         slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
       }
 
-      var container = parentNode(node);
-      var next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
+      if (n1 == null) {
+        hostInsert(fragmentStartAnchor, container, anchor);
+        hostInsert(fragmentEndAnchor, container, anchor); // a fragment can only have array children
+        // since they are either generated by the compiler, or implicitly created
+        // from arrays.
 
-      if (next && isComment(next) && next.data === ']') {
-        return nextSibling(vnode.anchor = next);
+        mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
       } else {
-        // fragment didn't hydrate successfully, since we didn't get a end anchor
-        // back. This should have led to node/children mismatch warnings.
-        hasMismatch = true; // since the anchor is missing, we need to create one and insert it
-
-        insert(vnode.anchor = createComment("]", container), container, next); // fixed by xxxxxx
-
-        return next;
-      }
-    };
-
-    var handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-      hasMismatch = true;
-      warn("Hydration node mismatch:\n- Client vnode:", vnode.type, "\n- Server rendered DOM:", node, node.nodeType === 3
-      /* TEXT */
-      ? "(text)" : isComment(node) && node.data === '[' ? "(start of fragment)" : "");
-      vnode.el = null;
-
-      if (isFragment) {
-        // remove excessive fragment nodes
-        var end = locateClosingAsyncAnchor(node);
-
-        while (true) {
-          var _next = nextSibling(node);
+        if (patchFlag > 0 && patchFlag & 64
+        /* STABLE_FRAGMENT */
+        && dynamicChildren && // #2715 the previous fragment could've been a BAILed one as a result
+        // of renderSlot() with no valid children
+        n1.dynamicChildren) {
+          // a stable fragment (template root or <template v-for>) doesn't need to
+          // patch children order, but it may contain dynamicChildren.
+          patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
 
-          if (_next && _next !== end) {
-            remove(_next);
-          } else {
-            break;
+          if (parentComponent && parentComponent.type.__hmrId) {
+            traverseStaticChildren(n1, n2);
+          } else if ( // #2080 if the stable fragment has a key, it's a <template v-for> that may
+          //  get moved around. Make sure all root level vnodes inherit el.
+          // #2134 or if it's a component root, it may also get moved around
+          // as the component is being moved.
+          n2.key != null || parentComponent && n2 === parentComponent.subTree) {
+            traverseStaticChildren(n1, n2, true
+            /* shallow */
+            );
           }
+        } else {
+          // keyed / unkeyed, or manual fragments.
+          // for keyed & unkeyed, since they are compiler generated from v-for,
+          // each child is guaranteed to be a block so the fragment will never
+          // have dynamicChildren.
+          patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
       }
-
-      var next = nextSibling(node);
-      var container = parentNode(node);
-      remove(node);
-      patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
-      return next;
     };
 
-    var locateClosingAsyncAnchor = node => {
-      var match = 0;
-
-      while (node) {
-        node = nextSibling(node);
-
-        if (node && isComment(node)) {
-          if (node.data === '[') match++;
+    var processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      n2.slotScopeIds = slotScopeIds;
 
-          if (node.data === ']') {
-            if (match === 0) {
-              return nextSibling(node);
-            } else {
-              match--;
-            }
-          }
+      if (n1 == null) {
+        if (n2.shapeFlag & 512
+        /* COMPONENT_KEPT_ALIVE */
+        ) {
+          parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
+        } else {
+          mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
         }
+      } else {
+        updateComponent(n1, n2, optimized);
       }
-
-      return node;
     };
 
-    return [hydrate, hydrateNode];
-  }
-
-  var supported;
-  var perf;
-
-  function startMeasure(instance, type) {
-    if (instance.appContext.config.performance && isSupported()) {
-      perf.mark("vue-".concat(type, "-").concat(instance.uid));
-    }
-
-    {
-      devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now());
-    }
-  }
-
-  function endMeasure(instance, type) {
-    if (instance.appContext.config.performance && isSupported()) {
-      var startTag = "vue-".concat(type, "-").concat(instance.uid);
-      var endTag = startTag + ":end";
-      perf.mark(endTag);
-      perf.measure("<".concat(formatComponentName(instance, instance.type), "> ").concat(type), startTag, endTag);
-      perf.clearMarks(startTag);
-      perf.clearMarks(endTag);
-    }
-
-    {
-      devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
-    }
-  }
+    var mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+      var instance = initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense);
 
-  function isSupported() {
-    if (supported !== undefined) {
-      return supported;
-    }
-    /* eslint-disable no-restricted-globals */
+      if (instance.type.__hmrId) {
+        registerHMR(instance);
+      }
 
+      {
+        pushWarningContext(initialVNode);
+        startMeasure(instance, "mount");
+      } // inject renderer internals for keepAlive
 
-    if (typeof window !== 'undefined' && window.performance) {
-      supported = true;
-      perf = window.performance;
-    } else {
-      supported = false;
-    }
-    /* eslint-enable no-restricted-globals */
+      if (isKeepAlive(initialVNode)) {
+        instance.ctx.renderer = internals;
+      } // resolve props and slots for setup context
 
 
-    return supported;
-  }
+      {
+        {
+          startMeasure(instance, "init");
+        }
+        setupComponent(instance);
+        {
+          endMeasure(instance, "init");
+        }
+      } // setup() is async. This component relies on async logic to be resolved
+      // before proceeding
 
-  function createDevEffectOptions(instance) {
-    return {
-      scheduler: queueJob,
-      allowRecurse: true,
-      onTrack: instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0,
-      onTrigger: instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0
-    };
-  }
+      if (instance.asyncDep) {
+        parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect); // Give it a placeholder if this is not hydration
+        // TODO handle self-defined fallback
 
-  var queuePostRenderEffect = queueEffectWithSuspense;
+        if (!initialVNode.el) {
+          var placeholder = instance.subTree = createVNode(Comment$1);
+          processCommentNode(null, placeholder, container, anchor);
+        }
 
-  var setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (isArray(rawRef)) {
-      rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-      return;
-    }
+        return;
+      }
 
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-      // when mounting async components, nothing needs to be done,
-      // because the template ref is forwarded to inner component
-      return;
-    }
+      setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized); // fixed by xxxxxx 对根节点设置ownerid
 
-    var refValue = vnode.shapeFlag & 4
-    /* STATEFUL_COMPONENT */
-    ? getExposeProxy(vnode.component) || vnode.component.proxy : vnode.el;
-    var value = isUnmount ? null : refValue;
-    var {
-      i: owner,
-      r: ref
-    } = rawRef;
+      if (instance.$wxsModules) {
+        var el = resolveOwnerEl(instance);
 
-    if (!owner) {
-      warn("Missing ref owner context. ref cannot be used on hoisted vnodes. " + "A vnode with ref must be created inside the render function.");
-      return;
-    }
+        if (el) {
+          el.setAttribute(ATTR_V_OWNER_ID, instance.uid);
+          var {
+            $renderjsModules
+          } = instance.type;
+          $renderjsModules && el.setAttribute(ATTR_V_RENDERJS, $renderjsModules);
+        }
+      }
 
-    var oldRef = oldRawRef && oldRawRef.r;
-    var refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
-    var setupState = owner.setupState; // dynamic ref changed. unset old ref
+      {
+        popWarningContext();
+        endMeasure(instance, "mount");
+      }
+    };
 
-    if (oldRef != null && oldRef !== ref) {
-      if (isString(oldRef)) {
-        refs[oldRef] = null;
+    var updateComponent = (n1, n2, optimized) => {
+      var instance = n2.component = n1.component;
 
-        if (hasOwn(setupState, oldRef)) {
-          setupState[oldRef] = null;
-        }
-      } else if (isRef(oldRef)) {
-        oldRef.value = null;
-      }
-    }
+      if (shouldUpdateComponent(n1, n2, optimized)) {
+        if (instance.asyncDep && !instance.asyncResolved) {
+          // async & still pending - just update props and slots
+          // since the component's reactive effect for render isn't set-up yet
+          {
+            pushWarningContext(n2);
+          }
+          updateComponentPreRender(instance, n2, optimized);
+          {
+            popWarningContext();
+          }
+          return;
+        } else {
+          // normal update
+          instance.next = n2; // in case the child component is also queued, remove it to avoid
+          // double updating the same child component in the same flush.
 
-    if (isString(ref)) {
-      var doSet = () => {
-        {
-          refs[ref] = value;
-        }
+          invalidateJob(instance.update); // instance.update is the reactive effect.
 
-        if (hasOwn(setupState, ref)) {
-          setupState[ref] = value;
+          instance.update();
         }
-      }; // #1789: for non-null values, set them after render
-      // null values means this is unmount and it should not overwrite another
-      // ref with the same key
-
-
-      if (value) {
-        doSet.id = -1;
-        queuePostRenderEffect(doSet, parentSuspense);
       } else {
-        doSet();
+        // no update needed. just copy over properties
+        n2.component = n1.component;
+        n2.el = n1.el;
+        instance.vnode = n2;
       }
-    } else if (isRef(ref)) {
-      var _doSet = () => {
-        ref.value = value;
-      };
+    };
 
-      if (value) {
-        _doSet.id = -1;
-        queuePostRenderEffect(_doSet, parentSuspense);
-      } else {
-        _doSet();
-      }
-    } else if (isFunction(ref)) {
-      callWithErrorHandling(ref, owner, 12
-      /* FUNCTION_REF */
-      , [value, refs]);
-    } else {
-      warn('Invalid template ref type:', value, "(".concat(typeof value, ")"));
-    }
-  };
-  /**
-   * The createRenderer function accepts two generic arguments:
-   * HostNode and HostElement, corresponding to Node and Element types in the
-   * host environment. For example, for runtime-dom, HostNode would be the DOM
-   * `Node` interface and HostElement would be the DOM `Element` interface.
-   *
-   * Custom renderers can pass in the platform specific types like this:
-   *
-   * ``` js
-   * const { render, createApp } = createRenderer<Node, Element>({
-   *   patchProp,
-   *   ...nodeOps
-   * })
-   * ```
-   */
+    var setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
+      var componentUpdateFn = () => {
+        if (!instance.isMounted) {
+          var vnodeHook;
+          var {
+            el,
+            props
+          } = initialVNode;
+          var {
+            bm,
+            m,
+            parent
+          } = instance;
+          effect.allowRecurse = false; // beforeMount hook
 
+          if (bm) {
+            invokeArrayFns(bm);
+          } // onVnodeBeforeMount
 
-  function createRenderer(options) {
-    return baseCreateRenderer(options);
-  } // Separate API for creating hydration-enabled renderer.
-  // Hydration logic is only used when calling this function, making it
-  // tree-shakable.
 
+          if (vnodeHook = props && props.onVnodeBeforeMount) {
+            invokeVNodeHook(vnodeHook, parent, initialVNode);
+          }
 
-  function createHydrationRenderer(options) {
-    return baseCreateRenderer(options, createHydrationFunctions);
-  } // implementation
+          effect.allowRecurse = true;
 
+          if (el && hydrateNode) {
+            // vnode has adopted host node - perform hydration instead of mount.
+            var hydrateSubTree = () => {
+              {
+                startMeasure(instance, "render");
+              }
+              instance.subTree = renderComponentRoot(instance);
+              {
+                endMeasure(instance, "render");
+              }
+              {
+                startMeasure(instance, "hydrate");
+              }
+              hydrateNode(el, instance.subTree, instance, parentSuspense, null);
+              {
+                endMeasure(instance, "hydrate");
+              }
+            };
 
-  function baseCreateRenderer(options, createHydrationFns) {
-    {
-      var target = getGlobalThis();
-      target.__VUE__ = true;
-      setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
-    }
-    var {
-      insert: hostInsert,
-      remove: hostRemove,
-      patchProp: hostPatchProp,
-      forcePatchProp: hostForcePatchProp,
-      createElement: hostCreateElement,
-      createText: hostCreateText,
-      createComment: hostCreateComment,
-      setText: hostSetText,
-      setElementText: hostSetElementText,
-      parentNode: hostParentNode,
-      nextSibling: hostNextSibling,
-      setScopeId: hostSetScopeId = NOOP,
-      cloneNode: hostCloneNode,
-      insertStaticContent: hostInsertStaticContent
-    } = options; // Note: functions inside this closure should use `const xxx = () => {}`
-    // style in order to prevent being inlined by minifiers.
+            if (isAsyncWrapper(initialVNode)) {
+              initialVNode.type.__asyncLoader().then( // note: we are moving the render call into an async callback,
+              // which means it won't track dependencies - but it's ok because
+              // a server-rendered async wrapper is already in resolved state
+              // and it will never need to change.
+              () => !instance.isUnmounted && hydrateSubTree());
+            } else {
+              hydrateSubTree();
+            }
+          } else {
+            {
+              startMeasure(instance, "render");
+            }
+            var subTree = instance.subTree = renderComponentRoot(instance);
+            {
+              endMeasure(instance, "render");
+            }
+            {
+              startMeasure(instance, "patch");
+            }
+            patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
+            {
+              endMeasure(instance, "patch");
+            }
+            initialVNode.el = subTree.el;
+          } // mounted hook
 
-    var patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
-      // patching & not same type, unmount old tree
-      if (n1 && !isSameVNodeType(n1, n2)) {
-        anchor = getNextHostNode(n1);
-        unmount(n1, parentComponent, parentSuspense, true);
-        n1 = null;
-      }
 
-      if (n2.patchFlag === -2
-      /* BAIL */
-      ) {
-        optimized = false;
-        n2.dynamicChildren = null;
-      }
+          if (m) {
+            queuePostRenderEffect(m, parentSuspense);
+          } // onVnodeMounted
 
-      var {
-        type,
-        ref,
-        shapeFlag
-      } = n2;
 
-      switch (type) {
-        case Text:
-          processText(n1, n2, container, anchor);
-          break;
+          if (vnodeHook = props && props.onVnodeMounted) {
+            var scopedInitialVNode = initialVNode;
+            queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
+          } // activated hook for keep-alive roots.
+          // #1742 activated hook must be accessed after first render
+          // since the hook may be injected by a child keep-alive
 
-        case Comment$1:
-          processCommentNode(n1, n2, container, anchor);
-          break;
 
-        case Static:
-          if (n1 == null) {
-            mountStaticNode(n2, container, anchor, isSVG);
-          } else {
-            patchStaticNode(n1, n2, container, isSVG);
+          if (initialVNode.shapeFlag & 256
+          /* COMPONENT_SHOULD_KEEP_ALIVE */
+          ) {
+            instance.a && queuePostRenderEffect(instance.a, parentSuspense);
           }
 
-          break;
+          instance.isMounted = true;
+          {
+            devtoolsComponentAdded(instance);
+          } // #2458: deference mount-only object parameters to prevent memleaks
 
-        case Fragment:
-          processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          break;
+          initialVNode = container = anchor = null;
+        } else {
+          // updateComponent
+          // This is triggered by mutation of component's own state (next: null)
+          // OR parent calling processComponent (next: VNode)
+          var {
+            next,
+            bu,
+            u,
+            parent: _parent,
+            vnode
+          } = instance;
+          var originNext = next;
 
-        default:
-          if (shapeFlag & 1
-          /* ELEMENT */
-          ) {
-            processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          } else if (shapeFlag & 6
-          /* COMPONENT */
-          ) {
-            processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          } else if (shapeFlag & 64
-          /* TELEPORT */
-          ) {
-            type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
-          } else if (shapeFlag & 128
-          /* SUSPENSE */
-          ) {
-            type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
-          } else {
-            warn('Invalid VNode type:', type, "(".concat(typeof type, ")"));
-          }
+          var _vnodeHook;
 
-      } // set ref
+          {
+            pushWarningContext(next || instance.vnode);
+          }
 
+          if (next) {
+            next.el = vnode.el;
+            updateComponentPreRender(instance, next, optimized);
+          } else {
+            next = vnode;
+          } // Disallow component effect recursion during pre-lifecycle hooks.
 
-      if (ref != null && parentComponent) {
-        setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
-      }
-    };
 
-    var processText = (n1, n2, container, anchor) => {
-      if (n1 == null) {
-        hostInsert(n2.el = hostCreateText(n2.children, container), // fixed by xxxxxx
-        container, anchor);
-      } else {
-        var el = n2.el = n1.el;
+          effect.allowRecurse = false; // beforeUpdate hook
 
-        if (n2.children !== n1.children) {
-          hostSetText(el, n2.children);
-        }
-      }
-    };
+          if (bu) {
+            invokeArrayFns(bu);
+          } // onVnodeBeforeUpdate
 
-    var processCommentNode = (n1, n2, container, anchor) => {
-      if (n1 == null) {
-        hostInsert(n2.el = hostCreateComment(n2.children || '', container), // fixed by xxxxxx
-        container, anchor);
-      } else {
-        // there's no support for dynamic comments
-        n2.el = n1.el;
-      }
-    };
 
-    var mountStaticNode = (n2, container, anchor, isSVG) => {
-      // static nodes are only present when used with compiler-dom/runtime-dom
-      // which guarantees presence of hostInsertStaticContent.
-      var nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, // pass cached nodes if the static node is being mounted multiple times
-      // so that runtime-dom can simply cloneNode() instead of inserting new
-      // HTML
-      n2.staticCache); // first mount - this is the orignal hoisted vnode. cache nodes.
+          if (_vnodeHook = next.props && next.props.onVnodeBeforeUpdate) {
+            invokeVNodeHook(_vnodeHook, _parent, next, vnode);
+          }
 
-      if (!n2.el) {
-        n2.staticCache = nodes;
-      }
+          effect.allowRecurse = true; // render
 
-      n2.el = nodes[0];
-      n2.anchor = nodes[nodes.length - 1];
-    };
-    /**
-     * Dev / HMR only
-     */
+          {
+            startMeasure(instance, "render");
+          }
+          var nextTree = renderComponentRoot(instance);
+          {
+            endMeasure(instance, "render");
+          }
+          var prevTree = instance.subTree;
+          instance.subTree = nextTree;
+          {
+            startMeasure(instance, "patch");
+          }
+          patch(prevTree, nextTree, // parent may have changed if it's in a teleport
+          hostParentNode(prevTree.el), // anchor may have changed if it's in a fragment
+          getNextHostNode(prevTree), instance, parentSuspense, isSVG);
+          {
+            endMeasure(instance, "patch");
+          }
+          next.el = nextTree.el;
 
+          if (originNext === null) {
+            // self-triggered update. In case of HOC, update parent component
+            // vnode el. HOC is indicated by parent instance's subTree pointing
+            // to child component's vnode
+            updateHOCHostEl(instance, nextTree.el);
+          } // updated hook
 
-    var patchStaticNode = (n1, n2, container, isSVG) => {
-      // static nodes are only patched during dev for HMR
-      if (n2.children !== n1.children) {
-        var anchor = hostNextSibling(n1.anchor); // remove existing
 
-        removeStaticNode(n1);
-        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
-      } else {
-        n2.el = n1.el;
-        n2.anchor = n1.anchor;
-      }
-    };
+          if (u) {
+            queuePostRenderEffect(u, parentSuspense);
+          } // onVnodeUpdated
 
-    var moveStaticNode = ({
-      el,
-      anchor
-    }, container, nextSibling) => {
-      var next;
 
-      while (el && el !== anchor) {
-        next = hostNextSibling(el);
-        hostInsert(el, container, nextSibling);
-        el = next;
-      }
+          if (_vnodeHook = next.props && next.props.onVnodeUpdated) {
+            queuePostRenderEffect(() => invokeVNodeHook(_vnodeHook, _parent, next, vnode), parentSuspense);
+          }
 
-      hostInsert(anchor, container, nextSibling);
-    };
+          {
+            devtoolsComponentUpdated(instance);
+          }
+          {
+            popWarningContext();
+          }
+        }
+      }; // create reactive effect for rendering
 
-    var removeStaticNode = ({
-      el,
-      anchor
-    }) => {
-      var next;
 
-      while (el && el !== anchor) {
-        next = hostNextSibling(el);
-        hostRemove(el);
-        el = next;
-      }
+      var effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+      );
+      var update = instance.update = effect.run.bind(effect);
+      update.id = instance.uid; // allowRecurse
+      // #1801, #2043 component render effects should allow recursive updates
 
-      hostRemove(anchor);
+      effect.allowRecurse = update.allowRecurse = true;
+      {
+        effect.onTrack = instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0;
+        effect.onTrigger = instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0; // @ts-ignore (for scheduler)
+
+        update.ownerInstance = instance;
+      }
+      update();
     };
 
-    var processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      isSVG = isSVG || n2.type === 'svg';
+    var updateComponentPreRender = (instance, nextVNode, optimized) => {
+      nextVNode.component = instance;
+      var prevProps = instance.vnode.props;
+      instance.vnode = nextVNode;
+      instance.next = null;
+      updateProps(instance, nextVNode.props, prevProps, optimized);
+      updateSlots(instance, nextVNode.children, optimized);
+      pauseTracking(); // props update may have triggered pre-flush watchers.
+      // flush them before the render update.
 
-      if (n1 == null) {
-        mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      } else {
-        patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      }
+      flushPreFlushCbs(undefined, instance.update);
+      resetTracking();
     };
 
-    var mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      var el;
-      var vnodeHook;
+    var patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
+      var c1 = n1 && n1.children;
+      var prevShapeFlag = n1 ? n1.shapeFlag : 0;
+      var c2 = n2.children;
       var {
-        type,
-        props,
-        shapeFlag,
-        transition,
         patchFlag,
-        dirs
-      } = vnode;
-      {
-        el = vnode.el = hostCreateElement( // fixed by xxxxxx
-        vnode.type, container); // mount children first, since some props may rely on child content
-        // being already rendered, e.g. `<select value>`
+        shapeFlag
+      } = n2; // fast path
 
-        if (shapeFlag & 8
-        /* TEXT_CHILDREN */
+      if (patchFlag > 0) {
+        if (patchFlag & 128
+        /* KEYED_FRAGMENT */
         ) {
-          hostSetElementText(el, vnode.children);
-        } else if (shapeFlag & 16
-        /* ARRAY_CHILDREN */
+          // this could be either fully-keyed or mixed (some keyed some not)
+          // presence of patchFlag means children are guaranteed to be arrays
+          patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          return;
+        } else if (patchFlag & 256
+        /* UNKEYED_FRAGMENT */
         ) {
-          mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+          // unkeyed
+          patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          return;
         }
-
-        if (dirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, 'created');
-        } // props
+      } // children has 3 possibilities: text, array or no children.
 
 
-        if (props) {
-          for (var key in props) {
-            if (!isReservedProp(key)) {
-              hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
-            }
-          }
+      if (shapeFlag & 8
+      /* TEXT_CHILDREN */
+      ) {
+        // text children fast path
+        if (prevShapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          unmountChildren(c1, parentComponent, parentSuspense);
+        }
 
-          if (vnodeHook = props.onVnodeBeforeMount) {
-            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+        if (c2 !== c1) {
+          hostSetElementText(container, c2);
+        }
+      } else {
+        if (prevShapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          // prev children was array
+          if (shapeFlag & 16
+          /* ARRAY_CHILDREN */
+          ) {
+            // two arrays, cannot assume anything, do full diff
+            patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          } else {
+            // no new children, just unmount old
+            unmountChildren(c1, parentComponent, parentSuspense, true);
           }
-        } // scopeId
-
-
-        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
-      }
-      {
-        Object.defineProperty(el, '__vnode', {
-          value: vnode,
-          enumerable: false
-        });
-        Object.defineProperty(el, '__vueParentComponent', {
-          value: parentComponent,
-          enumerable: false
-        });
-      }
-
-      if (dirs) {
-        invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
-      } // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved
-      // #1689 For inside suspense + suspense resolved case, just call it
-
-
-      var needCallTransitionHooks = (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
-
-      if (needCallTransitionHooks) {
-        transition.beforeEnter(el);
-      }
+        } else {
+          // prev children was text OR null
+          // new children is array OR null
+          if (prevShapeFlag & 8
+          /* TEXT_CHILDREN */
+          ) {
+            hostSetElementText(container, '');
+          } // mount new if array
 
-      hostInsert(el, container, anchor);
 
-      if ((vnodeHook = props && props.onVnodeMounted) || needCallTransitionHooks || dirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-          needCallTransitionHooks && transition.enter(el);
-          dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
-        }, parentSuspense);
+          if (shapeFlag & 16
+          /* ARRAY_CHILDREN */
+          ) {
+            mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          }
+        }
       }
     };
 
-    var setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
-      if (scopeId) {
-        hostSetScopeId(el, scopeId);
+    var patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      c1 = c1 || EMPTY_ARR;
+      c2 = c2 || EMPTY_ARR;
+      var oldLength = c1.length;
+      var newLength = c2.length;
+      var commonLength = Math.min(oldLength, newLength);
+      var i;
+
+      for (i = 0; i < commonLength; i++) {
+        var nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
+        patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
       }
 
-      if (slotScopeIds) {
-        for (var i = 0; i < slotScopeIds.length; i++) {
-          hostSetScopeId(el, slotScopeIds[i]);
-        }
+      if (oldLength > newLength) {
+        // remove old
+        unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
+      } else {
+        // mount new
+        mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
       }
+    }; // can be all-keyed or mixed
 
-      if (parentComponent) {
-        var subTree = parentComponent.subTree;
 
-        if (subTree.patchFlag > 0 && subTree.patchFlag & 2048
-        /* DEV_ROOT_FRAGMENT */
-        ) {
-          subTree = filterSingleRoot(subTree.children) || subTree;
-        }
+    var patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      var i = 0;
+      var l2 = c2.length;
+      var e1 = c1.length - 1; // prev ending index
 
-        if (vnode === subTree) {
-          var parentVNode = parentComponent.vnode;
-          setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
-        }
-      }
-    };
+      var e2 = l2 - 1; // next ending index
+      // 1. sync from start
+      // (a b) c
+      // (a b) d e
 
-    var mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
-      for (var i = start; i < children.length; i++) {
-        var child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
-        patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      }
-    };
+      while (i <= e1 && i <= e2) {
+        var n1 = c1[i];
+        var n2 = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
 
-    var patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      var el = n2.el = n1.el;
-      var {
-        patchFlag,
-        dynamicChildren,
-        dirs
-      } = n2; // #1426 take the old vnode's patch flag into account since user may clone a
-      // compiler-generated vnode, which de-opts to FULL_PROPS
+        if (isSameVNodeType(n1, n2)) {
+          patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        } else {
+          break;
+        }
 
-      patchFlag |= n1.patchFlag & 16
-      /* FULL_PROPS */
-      ;
-      var oldProps = n1.props || EMPTY_OBJ;
-      var newProps = n2.props || EMPTY_OBJ;
-      var vnodeHook;
+        i++;
+      } // 2. sync from end
+      // a (b c)
+      // d e (b c)
 
-      if (vnodeHook = newProps.onVnodeBeforeUpdate) {
-        invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-      }
 
-      if (dirs) {
-        invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
-      }
+      while (i <= e1 && i <= e2) {
+        var _n = c1[e1];
 
-      if (isHmrUpdating) {
-        // HMR updated, force full diff
-        patchFlag = 0;
-        optimized = false;
-        dynamicChildren = null;
-      }
+        var _n2 = c2[e2] = optimized ? cloneIfMounted(c2[e2]) : normalizeVNode(c2[e2]);
 
-      if (patchFlag > 0) {
-        // the presence of a patchFlag means this element's render code was
-        // generated by the compiler and can take the fast path.
-        // in this path old node and new node are guaranteed to have the same shape
-        // (i.e. at the exact same position in the source template)
-        if (patchFlag & 16
-        /* FULL_PROPS */
-        ) {
-          // element props contain dynamic keys, full diff needed
-          patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+        if (isSameVNodeType(_n, _n2)) {
+          patch(_n, _n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         } else {
-          // class
-          // this flag is matched when the element has dynamic class bindings.
-          if (patchFlag & 2
-          /* CLASS */
-          ) {
-            if (oldProps.class !== newProps.class) {
-              hostPatchProp(el, 'class', null, newProps.class, isSVG);
-            }
-          } // style
-          // this flag is matched when the element has dynamic style bindings
+          break;
+        }
 
+        e1--;
+        e2--;
+      } // 3. common sequence + mount
+      // (a b)
+      // (a b) c
+      // i = 2, e1 = 1, e2 = 2
+      // (a b)
+      // c (a b)
+      // i = 0, e1 = -1, e2 = 0
 
-          if (patchFlag & 4
-          /* STYLE */
-          ) {
-            hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG);
-          } // props
-          // This flag is matched when the element has dynamic prop/attr bindings
-          // other than class and style. The keys of dynamic prop/attrs are saved for
-          // faster iteration.
-          // Note dynamic keys like :[foo]="bar" will cause this optimization to
-          // bail out and go through a full diff because we need to unset the old key
 
+      if (i > e1) {
+        if (i <= e2) {
+          var nextPos = e2 + 1;
+          var anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
 
-          if (patchFlag & 8
-          /* PROPS */
-          ) {
-            // if the flag is present then dynamicProps must be non-null
-            var propsToUpdate = n2.dynamicProps;
+          while (i <= e2) {
+            patch(null, c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            i++;
+          }
+        }
+      } // 4. common sequence + unmount
+      // (a b) c
+      // (a b)
+      // i = 2, e1 = 2, e2 = 1
+      // a (b c)
+      // (b c)
+      // i = 0, e1 = 0, e2 = -1
+      else if (i > e2) {
+        while (i <= e1) {
+          unmount(c1[i], parentComponent, parentSuspense, true);
+          i++;
+        }
+      } // 5. unknown sequence
+      // [i ... e1 + 1]: a b [c d e] f g
+      // [i ... e2 + 1]: a b [e d c h] f g
+      // i = 2, e1 = 4, e2 = 5
+      else {
+        var s1 = i; // prev starting index
 
-            for (var i = 0; i < propsToUpdate.length; i++) {
-              var key = propsToUpdate[i];
-              var prev = oldProps[key];
-              var next = newProps[key];
+        var s2 = i; // next starting index
+        // 5.1 build key:index map for newChildren
 
-              if (next !== prev || hostForcePatchProp && hostForcePatchProp(el, key)) {
-                hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
-              }
+        var keyToNewIndexMap = new Map();
+
+        for (i = s2; i <= e2; i++) {
+          var nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
+
+          if (nextChild.key != null) {
+            if (keyToNewIndexMap.has(nextChild.key)) {
+              warn$1("Duplicate keys found during update:", JSON.stringify(nextChild.key), "Make sure keys are unique.");
             }
+
+            keyToNewIndexMap.set(nextChild.key, i);
           }
-        } // text
-        // This flag is matched when the element has only dynamic text children.
+        } // 5.2 loop through old children left to be patched and try to patch
+        // matching nodes & remove nodes that are no longer present
 
 
-        if (patchFlag & 1
-        /* TEXT */
-        ) {
-          if (n1.children !== n2.children) {
-            hostSetElementText(el, n2.children);
-          }
-        }
-      } else if (!optimized && dynamicChildren == null) {
-        // unoptimized, full diff
-        patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
-      }
+        var j;
+        var patched = 0;
+        var toBePatched = e2 - s2 + 1;
+        var moved = false; // used to track whether any node has moved
 
-      var areChildrenSVG = isSVG && n2.type !== 'foreignObject';
+        var maxNewIndexSoFar = 0; // works as Map<newIndex, oldIndex>
+        // Note that oldIndex is offset by +1
+        // and oldIndex = 0 is a special value indicating the new node has
+        // no corresponding old node.
+        // used for determining longest stable subsequence
 
-      if (dynamicChildren) {
-        patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
+        var newIndexToOldIndexMap = new Array(toBePatched);
 
-        if (parentComponent && parentComponent.type.__hmrId) {
-          traverseStaticChildren(n1, n2);
+        for (i = 0; i < toBePatched; i++) {
+          newIndexToOldIndexMap[i] = 0;
         }
-      } else if (!optimized) {
-        // full diff
-        patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
-      }
 
-      if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-          dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated');
-        }, parentSuspense);
-      }
-    }; // The fast path for blocks.
+        for (i = s1; i <= e1; i++) {
+          var prevChild = c1[i];
 
+          if (patched >= toBePatched) {
+            // all new children have been patched so this can only be a removal
+            unmount(prevChild, parentComponent, parentSuspense, true);
+            continue;
+          }
 
-    var patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
-      for (var i = 0; i < newChildren.length; i++) {
-        var oldVNode = oldChildren[i];
-        var newVNode = newChildren[i]; // Determine the container (parent element) for the patch.
+          var newIndex = void 0;
 
-        var container = // oldVNode may be an errored async setup() component inside Suspense
-        // which will not have a mounted element
-        oldVNode.el && (oldVNode.type === Fragment || // - In the case of different nodes, there is going to be a replacement
-        // which also requires the correct parent container
-        !isSameVNodeType(oldVNode, newVNode) || // - In the case of a component, it could contain anything.
-        oldVNode.shapeFlag & 6
-        /* COMPONENT */
-        || oldVNode.shapeFlag & 64
-        /* TELEPORT */
-        ) ? hostParentNode(oldVNode.el) : // In other cases, the parent container is not actually used so we
-        // just pass the block element here to avoid a DOM parentNode call.
-        fallbackContainer;
-        patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
-      }
-    };
+          if (prevChild.key != null) {
+            newIndex = keyToNewIndexMap.get(prevChild.key);
+          } else {
+            // key-less node, try to locate a key-less node of the same type
+            for (j = s2; j <= e2; j++) {
+              if (newIndexToOldIndexMap[j - s2] === 0 && isSameVNodeType(prevChild, c2[j])) {
+                newIndex = j;
+                break;
+              }
+            }
+          }
 
-    var patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
-      if (oldProps !== newProps) {
-        for (var key in newProps) {
-          // empty string is not valid prop
-          if (isReservedProp(key)) continue;
-          var next = newProps[key];
-          var prev = oldProps[key];
+          if (newIndex === undefined) {
+            unmount(prevChild, parentComponent, parentSuspense, true);
+          } else {
+            newIndexToOldIndexMap[newIndex - s2] = i + 1;
+
+            if (newIndex >= maxNewIndexSoFar) {
+              maxNewIndexSoFar = newIndex;
+            } else {
+              moved = true;
+            }
 
-          if (next !== prev || hostForcePatchProp && hostForcePatchProp(el, key)) {
-            hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+            patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            patched++;
           }
-        }
+        } // 5.3 move and mount
+        // generate longest stable subsequence only when nodes have moved
 
-        if (oldProps !== EMPTY_OBJ) {
-          for (var _key9 in oldProps) {
-            if (!isReservedProp(_key9) && !(_key9 in newProps)) {
-              hostPatchProp(el, _key9, oldProps[_key9], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+
+        var increasingNewIndexSequence = moved ? getSequence(newIndexToOldIndexMap) : EMPTY_ARR;
+        j = increasingNewIndexSequence.length - 1; // looping backwards so that we can use last patched node as anchor
+
+        for (i = toBePatched - 1; i >= 0; i--) {
+          var nextIndex = s2 + i;
+          var _nextChild = c2[nextIndex];
+
+          var _anchor2 = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
+
+          if (newIndexToOldIndexMap[i] === 0) {
+            // mount new
+            patch(null, _nextChild, container, _anchor2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          } else if (moved) {
+            // move if:
+            // There is no stable subsequence (e.g. a reverse)
+            // OR current node is not among the stable sequence
+            if (j < 0 || i !== increasingNewIndexSequence[j]) {
+              move(_nextChild, container, _anchor2, 2
+              /* REORDER */
+              );
+            } else {
+              j--;
             }
           }
         }
       }
     };
 
-    var processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      var fragmentStartAnchor = n2.el = n1 ? n1.el : hostCreateText('', container); // fixed by xxxxxx
-
-      var fragmentEndAnchor = n2.anchor = n1 ? n1.anchor : hostCreateText('', container); // fixed by xxxxxx
-
+    var move = (vnode, container, anchor, moveType, parentSuspense = null) => {
       var {
-        patchFlag,
-        dynamicChildren,
-        slotScopeIds: fragmentSlotScopeIds
-      } = n2;
-
-      if (dynamicChildren) {
-        optimized = true;
-      } // check if this is a slot fragment with :slotted scope ids
-
+        el,
+        type,
+        transition,
+        children,
+        shapeFlag
+      } = vnode;
 
-      if (fragmentSlotScopeIds) {
-        slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
+      if (shapeFlag & 6
+      /* COMPONENT */
+      ) {
+        move(vnode.component.subTree, container, anchor, moveType);
+        return;
       }
 
-      if (isHmrUpdating) {
-        // HMR updated, force full diff
-        patchFlag = 0;
-        optimized = false;
-        dynamicChildren = null;
+      if (shapeFlag & 128
+      /* SUSPENSE */
+      ) {
+        vnode.suspense.move(container, anchor, moveType);
+        return;
       }
 
-      if (n1 == null) {
-        hostInsert(fragmentStartAnchor, container, anchor);
-        hostInsert(fragmentEndAnchor, container, anchor); // a fragment can only have array children
-        // since they are either generated by the compiler, or implicitly created
-        // from arrays.
+      if (shapeFlag & 64
+      /* TELEPORT */
+      ) {
+        type.move(vnode, container, anchor, internals);
+        return;
+      }
 
-        mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      } else {
-        if (patchFlag > 0 && patchFlag & 64
-        /* STABLE_FRAGMENT */
-        && dynamicChildren && // #2715 the previous fragment could've been a BAILed one as a result
-        // of renderSlot() with no valid children
-        n1.dynamicChildren) {
-          // a stable fragment (template root or <template v-for>) doesn't need to
-          // patch children order, but it may contain dynamicChildren.
-          patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
+      if (type === Fragment) {
+        hostInsert(el, container, anchor);
 
-          if (parentComponent && parentComponent.type.__hmrId) {
-            traverseStaticChildren(n1, n2);
-          } else if ( // #2080 if the stable fragment has a key, it's a <template v-for> that may
-          //  get moved around. Make sure all root level vnodes inherit el.
-          // #2134 or if it's a component root, it may also get moved around
-          // as the component is being moved.
-          n2.key != null || parentComponent && n2 === parentComponent.subTree) {
-            traverseStaticChildren(n1, n2, true
-            /* shallow */
-            );
-          }
-        } else {
-          // keyed / unkeyed, or manual fragments.
-          // for keyed & unkeyed, since they are compiler generated from v-for,
-          // each child is guaranteed to be a block so the fragment will never
-          // have dynamicChildren.
-          patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        for (var i = 0; i < children.length; i++) {
+          move(children[i], container, anchor, moveType);
         }
+
+        hostInsert(vnode.anchor, container, anchor);
+        return;
       }
-    };
 
-    var processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      n2.slotScopeIds = slotScopeIds;
+      if (type === Static) {
+        moveStaticNode(vnode, container, anchor);
+        return;
+      } // single nodes
 
-      if (n1 == null) {
-        if (n2.shapeFlag & 512
-        /* COMPONENT_KEPT_ALIVE */
+
+      var needTransition = moveType !== 2
+      /* REORDER */
+      && shapeFlag & 1
+      /* ELEMENT */
+      && transition;
+
+      if (needTransition) {
+        if (moveType === 0
+        /* ENTER */
         ) {
-          parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
+          transition.beforeEnter(el);
+          hostInsert(el, container, anchor);
+          queuePostRenderEffect(() => transition.enter(el), parentSuspense);
         } else {
-          mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+          var {
+            leave,
+            delayLeave,
+            afterLeave
+          } = transition;
+
+          var _remove = () => hostInsert(el, container, anchor);
+
+          var performLeave = () => {
+            leave(el, () => {
+              _remove();
+
+              afterLeave && afterLeave();
+            });
+          };
+
+          if (delayLeave) {
+            delayLeave(el, _remove, performLeave);
+          } else {
+            performLeave();
+          }
         }
       } else {
-        updateComponent(n1, n2, optimized);
+        hostInsert(el, container, anchor);
       }
     };
 
-    var mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
-      var instance = initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense);
+    var unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
+      var {
+        type,
+        props,
+        ref,
+        children,
+        dynamicChildren,
+        shapeFlag,
+        patchFlag,
+        dirs
+      } = vnode; // unset ref
 
-      if (instance.type.__hmrId) {
-        registerHMR(instance);
+      if (ref != null) {
+        setRef(ref, null, parentSuspense, vnode, true);
       }
 
-      {
-        pushWarningContext(initialVNode);
-        startMeasure(instance, "mount");
-      } // inject renderer internals for keepAlive
+      if (shapeFlag & 256
+      /* COMPONENT_SHOULD_KEEP_ALIVE */
+      ) {
+        parentComponent.ctx.deactivate(vnode);
+        return;
+      }
 
-      if (isKeepAlive(initialVNode)) {
-        instance.ctx.renderer = internals;
-      } // resolve props and slots for setup context
+      var shouldInvokeDirs = shapeFlag & 1
+      /* ELEMENT */
+      && dirs;
+      var vnodeHook;
 
+      if (vnodeHook = props && props.onVnodeBeforeUnmount) {
+        invokeVNodeHook(vnodeHook, parentComponent, vnode);
+      }
 
-      {
-        {
-          startMeasure(instance, "init");
+      if (shapeFlag & 6
+      /* COMPONENT */
+      ) {
+        unmountComponent(vnode.component, parentSuspense, doRemove);
+      } else {
+        if (shapeFlag & 128
+        /* SUSPENSE */
+        ) {
+          vnode.suspense.unmount(parentSuspense, doRemove);
+          return;
         }
-        setupComponent(instance);
-        {
-          endMeasure(instance, "init");
+
+        if (shouldInvokeDirs) {
+          invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
         }
-      } // setup() is async. This component relies on async logic to be resolved
-      // before proceeding
 
-      if (instance.asyncDep) {
-        parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect); // Give it a placeholder if this is not hydration
-        // TODO handle self-defined fallback
+        if (shapeFlag & 64
+        /* TELEPORT */
+        ) {
+          vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+        } else if (dynamicChildren && (type !== Fragment || patchFlag > 0 && patchFlag & 64
+        /* STABLE_FRAGMENT */
+        )) {
+          // fast path for block nodes: only need to unmount dynamic children.
+          unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+        } else if (type === Fragment && (patchFlag & 128
+        /* KEYED_FRAGMENT */
+        || patchFlag & 256
+        /* UNKEYED_FRAGMENT */
+        ) || !optimized && shapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          unmountChildren(children, parentComponent, parentSuspense);
+        }
 
-        if (!initialVNode.el) {
-          var placeholder = instance.subTree = createVNode(Comment$1);
-          processCommentNode(null, placeholder, container, anchor);
+        if (doRemove) {
+          remove(vnode);
         }
+      }
+
+      if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
+        queuePostRenderEffect(() => {
+          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+          shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
+        }, parentSuspense);
+      }
+    };
+
+    var remove = vnode => {
+      var {
+        type,
+        el,
+        anchor,
+        transition
+      } = vnode;
 
+      if (type === Fragment) {
+        removeFragment(el, anchor);
         return;
       }
 
-      setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized); // fixed by xxxxxx 对根节点设置ownerid
+      if (type === Static) {
+        removeStaticNode(vnode);
+        return;
+      }
 
-      if (instance.$wxsModules) {
-        var el = resolveOwnerEl(instance);
+      var performRemove = () => {
+        hostRemove(el);
 
-        if (el) {
-          el.setAttribute(ATTR_V_OWNER_ID, instance.uid);
-          var {
-            $renderjsModules
-          } = instance.type;
-          $renderjsModules && el.setAttribute(ATTR_V_RENDERJS, $renderjsModules);
+        if (transition && !transition.persisted && transition.afterLeave) {
+          transition.afterLeave();
         }
-      }
+      };
 
-      {
-        popWarningContext();
-        endMeasure(instance, "mount");
-      }
-    };
+      if (vnode.shapeFlag & 1
+      /* ELEMENT */
+      && transition && !transition.persisted) {
+        var {
+          leave,
+          delayLeave
+        } = transition;
 
-    var updateComponent = (n1, n2, optimized) => {
-      var instance = n2.component = n1.component;
+        var performLeave = () => leave(el, performRemove);
 
-      if (shouldUpdateComponent(n1, n2, optimized)) {
-        if (instance.asyncDep && !instance.asyncResolved) {
-          // async & still pending - just update props and slots
-          // since the component's reactive effect for render isn't set-up yet
-          {
-            pushWarningContext(n2);
-          }
-          updateComponentPreRender(instance, n2, optimized);
-          {
-            popWarningContext();
-          }
-          return;
+        if (delayLeave) {
+          delayLeave(vnode.el, performRemove, performLeave);
         } else {
-          // normal update
-          instance.next = n2; // in case the child component is also queued, remove it to avoid
-          // double updating the same child component in the same flush.
-
-          invalidateJob(instance.update); // instance.update is the reactive effect runner.
-
-          instance.update();
+          performLeave();
         }
       } else {
-        // no update needed. just copy over properties
-        n2.component = n1.component;
-        n2.el = n1.el;
-        instance.vnode = n2;
+        performRemove();
       }
     };
 
-    var setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-      // create reactive effect for rendering
-      instance.update = effect(function componentEffect() {
-        if (!instance.isMounted) {
-          var vnodeHook;
-          var {
-            el,
-            props
-          } = initialVNode;
-          var {
-            bm,
-            m,
-            parent
-          } = instance; // beforeMount hook
-
-          if (bm) {
-            invokeArrayFns(bm);
-          } // onVnodeBeforeMount
-
-
-          if (vnodeHook = props && props.onVnodeBeforeMount) {
-            invokeVNodeHook(vnodeHook, parent, initialVNode);
-          }
-
-          if (el && hydrateNode) {
-            // vnode has adopted host node - perform hydration instead of mount.
-            var hydrateSubTree = () => {
-              {
-                startMeasure(instance, "render");
-              }
-              instance.subTree = renderComponentRoot(instance);
-              {
-                endMeasure(instance, "render");
-              }
-              {
-                startMeasure(instance, "hydrate");
-              }
-              hydrateNode(el, instance.subTree, instance, parentSuspense, null);
-              {
-                endMeasure(instance, "hydrate");
-              }
-            };
-
-            if (isAsyncWrapper(initialVNode)) {
-              initialVNode.type.__asyncLoader().then( // note: we are moving the render call into an async callback,
-              // which means it won't track dependencies - but it's ok because
-              // a server-rendered async wrapper is already in resolved state
-              // and it will never need to change.
-              () => !instance.isUnmounted && hydrateSubTree());
-            } else {
-              hydrateSubTree();
-            }
-          } else {
-            {
-              startMeasure(instance, "render");
-            }
-            var subTree = instance.subTree = renderComponentRoot(instance);
-            {
-              endMeasure(instance, "render");
-            }
-            {
-              startMeasure(instance, "patch");
-            }
-            patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
-            {
-              endMeasure(instance, "patch");
-            }
-            initialVNode.el = subTree.el;
-          } // mounted hook
-
-
-          if (m) {
-            queuePostRenderEffect(m, parentSuspense);
-          } // onVnodeMounted
-
-
-          if (vnodeHook = props && props.onVnodeMounted) {
-            var scopedInitialVNode = initialVNode;
-            queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
-          } // activated hook for keep-alive roots.
-          // #1742 activated hook must be accessed after first render
-          // since the hook may be injected by a child keep-alive
+    var removeFragment = (cur, end) => {
+      // For fragments, directly remove all contained DOM nodes.
+      // (fragment child nodes cannot have transition)
+      var next;
 
+      while (cur !== end) {
+        next = hostNextSibling(cur);
+        hostRemove(cur);
+        cur = next;
+      }
 
-          if (initialVNode.shapeFlag & 256
-          /* COMPONENT_SHOULD_KEEP_ALIVE */
-          ) {
-            instance.a && queuePostRenderEffect(instance.a, parentSuspense);
-          }
+      hostRemove(end);
+    };
 
-          instance.isMounted = true;
-          {
-            devtoolsComponentAdded(instance);
-          } // #2458: deference mount-only object parameters to prevent memleaks
+    var unmountComponent = (instance, parentSuspense, doRemove) => {
+      if (instance.type.__hmrId) {
+        unregisterHMR(instance);
+      }
 
-          initialVNode = container = anchor = null;
-        } else {
-          // updateComponent
-          // This is triggered by mutation of component's own state (next: null)
-          // OR parent calling processComponent (next: VNode)
-          var {
-            next,
-            bu,
-            u,
-            parent: _parent,
-            vnode
-          } = instance;
-          var originNext = next;
+      var {
+        bum,
+        scope,
+        update,
+        subTree,
+        um
+      } = instance; // beforeUnmount hook
 
-          var _vnodeHook;
+      if (bum) {
+        invokeArrayFns(bum);
+      } // stop effects in component scope
 
-          {
-            pushWarningContext(next || instance.vnode);
-          }
 
-          if (next) {
-            next.el = vnode.el;
-            updateComponentPreRender(instance, next, optimized);
-          } else {
-            next = vnode;
-          } // beforeUpdate hook
+      scope.stop(); // update may be null if a component is unmounted before its async
+      // setup has resolved.
 
+      if (update) {
+        // so that scheduler will no longer invoke it
+        update.active = false;
+        unmount(subTree, instance, parentSuspense, doRemove);
+      } // unmounted hook
 
-          if (bu) {
-            invokeArrayFns(bu);
-          } // onVnodeBeforeUpdate
 
+      if (um) {
+        queuePostRenderEffect(um, parentSuspense);
+      }
 
-          if (_vnodeHook = next.props && next.props.onVnodeBeforeUpdate) {
-            invokeVNodeHook(_vnodeHook, _parent, next, vnode);
-          } // render
+      queuePostRenderEffect(() => {
+        instance.isUnmounted = true;
+      }, parentSuspense); // A component with async dep inside a pending suspense is unmounted before
+      // its async dep resolves. This should remove the dep from the suspense, and
+      // cause the suspense to resolve immediately if that was the last dep.
 
+      if (parentSuspense && parentSuspense.pendingBranch && !parentSuspense.isUnmounted && instance.asyncDep && !instance.asyncResolved && instance.suspenseId === parentSuspense.pendingId) {
+        parentSuspense.deps--;
 
-          {
-            startMeasure(instance, "render");
-          }
-          var nextTree = renderComponentRoot(instance);
-          {
-            endMeasure(instance, "render");
-          }
-          var prevTree = instance.subTree;
-          instance.subTree = nextTree;
-          {
-            startMeasure(instance, "patch");
-          }
-          patch(prevTree, nextTree, // parent may have changed if it's in a teleport
-          hostParentNode(prevTree.el), // anchor may have changed if it's in a fragment
-          getNextHostNode(prevTree), instance, parentSuspense, isSVG);
-          {
-            endMeasure(instance, "patch");
-          }
-          next.el = nextTree.el;
+        if (parentSuspense.deps === 0) {
+          parentSuspense.resolve();
+        }
+      }
 
-          if (originNext === null) {
-            // self-triggered update. In case of HOC, update parent component
-            // vnode el. HOC is indicated by parent instance's subTree pointing
-            // to child component's vnode
-            updateHOCHostEl(instance, nextTree.el);
-          } // updated hook
+      {
+        devtoolsComponentRemoved(instance);
+      }
+    };
 
+    var unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
+      for (var i = start; i < children.length; i++) {
+        unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
+      }
+    };
 
-          if (u) {
-            queuePostRenderEffect(u, parentSuspense);
-          } // onVnodeUpdated
+    var getNextHostNode = vnode => {
+      if (vnode.shapeFlag & 6
+      /* COMPONENT */
+      ) {
+        return getNextHostNode(vnode.component.subTree);
+      }
 
+      if (vnode.shapeFlag & 128
+      /* SUSPENSE */
+      ) {
+        return vnode.suspense.next();
+      }
 
-          if (_vnodeHook = next.props && next.props.onVnodeUpdated) {
-            queuePostRenderEffect(() => invokeVNodeHook(_vnodeHook, _parent, next, vnode), parentSuspense);
-          }
+      return hostNextSibling(vnode.anchor || vnode.el);
+    };
 
-          {
-            devtoolsComponentUpdated(instance);
-          }
-          {
-            popWarningContext();
-          }
+    var render = (vnode, container, isSVG) => {
+      if (vnode == null) {
+        if (container._vnode) {
+          unmount(container._vnode, null, null, true);
         }
-      }, createDevEffectOptions(instance));
-      {
-        // @ts-ignore
-        instance.update.ownerInstance = instance;
+      } else {
+        patch(container._vnode || null, vnode, container, null, null, null, isSVG);
       }
+
+      flushPostFlushCbs();
+      container._vnode = vnode;
     };
 
-    var updateComponentPreRender = (instance, nextVNode, optimized) => {
-      nextVNode.component = instance;
-      var prevProps = instance.vnode.props;
-      instance.vnode = nextVNode;
-      instance.next = null;
-      updateProps(instance, nextVNode.props, prevProps, optimized);
-      updateSlots(instance, nextVNode.children, optimized);
-      pauseTracking(); // props update may have triggered pre-flush watchers.
-      // flush them before the render update.
+    var internals = {
+      p: patch,
+      um: unmount,
+      m: move,
+      r: remove,
+      mt: mountComponent,
+      mc: mountChildren,
+      pc: patchChildren,
+      pbc: patchBlockChildren,
+      n: getNextHostNode,
+      o: options
+    };
+    var hydrate;
+    var hydrateNode;
 
-      flushPreFlushCbs(undefined, instance.update);
-      resetTracking();
+    if (createHydrationFns) {
+      [hydrate, hydrateNode] = createHydrationFns(internals);
+    }
+
+    return {
+      render,
+      hydrate,
+      createApp: createAppAPI(render, hydrate)
     };
+  }
 
-    var patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
-      var c1 = n1 && n1.children;
-      var prevShapeFlag = n1 ? n1.shapeFlag : 0;
-      var c2 = n2.children;
-      var {
-        patchFlag,
-        shapeFlag
-      } = n2; // fast path
+  function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (isArray(rawRef)) {
+      rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+      return;
+    }
 
-      if (patchFlag > 0) {
-        if (patchFlag & 128
-        /* KEYED_FRAGMENT */
-        ) {
-          // this could be either fully-keyed or mixed (some keyed some not)
-          // presence of patchFlag means children are guaranteed to be arrays
-          patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          return;
-        } else if (patchFlag & 256
-        /* UNKEYED_FRAGMENT */
-        ) {
-          // unkeyed
-          patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          return;
-        }
-      } // children has 3 possibilities: text, array or no children.
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+      // when mounting async components, nothing needs to be done,
+      // because the template ref is forwarded to inner component
+      return;
+    }
+
+    var refValue = vnode.shapeFlag & 4
+    /* STATEFUL_COMPONENT */
+    ? getExposeProxy(vnode.component) || vnode.component.proxy : vnode.el;
+    var value = isUnmount ? null : refValue;
+    var {
+      i: owner,
+      r: ref
+    } = rawRef;
 
+    if (!owner) {
+      warn$1("Missing ref owner context. ref cannot be used on hoisted vnodes. " + "A vnode with ref must be created inside the render function.");
+      return;
+    }
 
-      if (shapeFlag & 8
-      /* TEXT_CHILDREN */
-      ) {
-        // text children fast path
-        if (prevShapeFlag & 16
-        /* ARRAY_CHILDREN */
-        ) {
-          unmountChildren(c1, parentComponent, parentSuspense);
+    var oldRef = oldRawRef && oldRawRef.r;
+    var refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
+    var setupState = owner.setupState; // dynamic ref changed. unset old ref
+
+    if (oldRef != null && oldRef !== ref) {
+      if (isString(oldRef)) {
+        refs[oldRef] = null;
+
+        if (hasOwn(setupState, oldRef)) {
+          setupState[oldRef] = null;
         }
+      } else if (isRef(oldRef)) {
+        oldRef.value = null;
+      }
+    }
 
-        if (c2 !== c1) {
-          hostSetElementText(container, c2);
+    if (isString(ref)) {
+      var doSet = () => {
+        {
+          refs[ref] = value;
+        }
+
+        if (hasOwn(setupState, ref)) {
+          setupState[ref] = value;
         }
+      }; // #1789: for non-null values, set them after render
+      // null values means this is unmount and it should not overwrite another
+      // ref with the same key
+
+
+      if (value) {
+        doSet.id = -1;
+        queuePostRenderEffect(doSet, parentSuspense);
       } else {
-        if (prevShapeFlag & 16
-        /* ARRAY_CHILDREN */
-        ) {
-          // prev children was array
-          if (shapeFlag & 16
-          /* ARRAY_CHILDREN */
-          ) {
-            // two arrays, cannot assume anything, do full diff
-            patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          } else {
-            // no new children, just unmount old
-            unmountChildren(c1, parentComponent, parentSuspense, true);
-          }
-        } else {
-          // prev children was text OR null
-          // new children is array OR null
-          if (prevShapeFlag & 8
-          /* TEXT_CHILDREN */
-          ) {
-            hostSetElementText(container, '');
-          } // mount new if array
+        doSet();
+      }
+    } else if (isRef(ref)) {
+      var _doSet = () => {
+        ref.value = value;
+      };
+
+      if (value) {
+        _doSet.id = -1;
+        queuePostRenderEffect(_doSet, parentSuspense);
+      } else {
+        _doSet();
+      }
+    } else if (isFunction(ref)) {
+      callWithErrorHandling(ref, owner, 12
+      /* FUNCTION_REF */
+      , [value, refs]);
+    } else {
+      warn$1('Invalid template ref type:', value, "(".concat(typeof value, ")"));
+    }
+  }
+
+  function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
+    callWithAsyncErrorHandling(hook, instance, 7
+    /* VNODE_HOOK */
+    , [vnode, prevVNode]);
+  }
+  /**
+   * #1156
+   * When a component is HMR-enabled, we need to make sure that all static nodes
+   * inside a block also inherit the DOM element from the previous tree so that
+   * HMR updates (which are full updates) can retrieve the element for patching.
+   *
+   * #2080
+   * Inside keyed `template` fragment static children, if a fragment is moved,
+   * the children will always moved so that need inherit el form previous nodes
+   * to ensure correct moved position.
+   */
 
 
-          if (shapeFlag & 16
-          /* ARRAY_CHILDREN */
+  function traverseStaticChildren(n1, n2, shallow = false) {
+    var ch1 = n1.children;
+    var ch2 = n2.children;
+
+    if (isArray(ch1) && isArray(ch2)) {
+      for (var i = 0; i < ch1.length; i++) {
+        // this is only called in the optimized path so array children are
+        // guaranteed to be vnodes
+        var c1 = ch1[i];
+        var c2 = ch2[i];
+
+        if (c2.shapeFlag & 1
+        /* ELEMENT */
+        && !c2.dynamicChildren) {
+          if (c2.patchFlag <= 0 || c2.patchFlag === 32
+          /* HYDRATE_EVENTS */
           ) {
-            mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            c2 = ch2[i] = cloneIfMounted(ch2[i]);
+            c2.el = c1.el;
           }
-        }
-      }
-    };
-
-    var patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      c1 = c1 || EMPTY_ARR;
-      c2 = c2 || EMPTY_ARR;
-      var oldLength = c1.length;
-      var newLength = c2.length;
-      var commonLength = Math.min(oldLength, newLength);
-      var i;
 
-      for (i = 0; i < commonLength; i++) {
-        var nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
-        patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      }
+          if (!shallow) traverseStaticChildren(c1, c2);
+        } // also inherit for comment nodes, but not placeholders (e.g. v-if which
+        // would have received .el during block patch)
 
-      if (oldLength > newLength) {
-        // remove old
-        unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
-      } else {
-        // mount new
-        mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
+
+        if (c2.type === Comment$1 && !c2.el) {
+          c2.el = c1.el;
+        }
       }
-    }; // can be all-keyed or mixed
+    }
+  } // https://en.wikipedia.org/wiki/Longest_increasing_subsequence
 
 
-    var patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      var i = 0;
-      var l2 = c2.length;
-      var e1 = c1.length - 1; // prev ending index
+  function getSequence(arr) {
+    var p = arr.slice();
+    var result = [0];
+    var i, j, u, v, c;
+    var len = arr.length;
 
-      var e2 = l2 - 1; // next ending index
-      // 1. sync from start
-      // (a b) c
-      // (a b) d e
+    for (i = 0; i < len; i++) {
+      var arrI = arr[i];
 
-      while (i <= e1 && i <= e2) {
-        var n1 = c1[i];
-        var n2 = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
+      if (arrI !== 0) {
+        j = result[result.length - 1];
 
-        if (isSameVNodeType(n1, n2)) {
-          patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-        } else {
-          break;
+        if (arr[j] < arrI) {
+          p[i] = j;
+          result.push(i);
+          continue;
         }
 
-        i++;
-      } // 2. sync from end
-      // a (b c)
-      // d e (b c)
+        u = 0;
+        v = result.length - 1;
 
+        while (u < v) {
+          c = u + v >> 1;
 
-      while (i <= e1 && i <= e2) {
-        var _n = c1[e1];
+          if (arr[result[c]] < arrI) {
+            u = c + 1;
+          } else {
+            v = c;
+          }
+        }
 
-        var _n2 = c2[e2] = optimized ? cloneIfMounted(c2[e2]) : normalizeVNode(c2[e2]);
+        if (arrI < arr[result[u]]) {
+          if (u > 0) {
+            p[i] = result[u - 1];
+          }
 
-        if (isSameVNodeType(_n, _n2)) {
-          patch(_n, _n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-        } else {
-          break;
+          result[u] = i;
         }
+      }
+    }
 
-        e1--;
-        e2--;
-      } // 3. common sequence + mount
-      // (a b)
-      // (a b) c
-      // i = 2, e1 = 1, e2 = 2
-      // (a b)
-      // c (a b)
-      // i = 0, e1 = -1, e2 = 0
-
+    u = result.length;
+    v = result[u - 1];
 
-      if (i > e1) {
-        if (i <= e2) {
-          var nextPos = e2 + 1;
-          var anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
+    while (u-- > 0) {
+      result[u] = v;
+      v = p[v];
+    }
 
-          while (i <= e2) {
-            patch(null, c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-            i++;
-          }
-        }
-      } // 4. common sequence + unmount
-      // (a b) c
-      // (a b)
-      // i = 2, e1 = 2, e2 = 1
-      // a (b c)
-      // (b c)
-      // i = 0, e1 = 0, e2 = -1
-      else if (i > e2) {
-        while (i <= e1) {
-          unmount(c1[i], parentComponent, parentSuspense, true);
-          i++;
-        }
-      } // 5. unknown sequence
-      // [i ... e1 + 1]: a b [c d e] f g
-      // [i ... e2 + 1]: a b [e d c h] f g
-      // i = 2, e1 = 4, e2 = 5
-      else {
-        var s1 = i; // prev starting index
+    return result;
+  }
 
-        var s2 = i; // next starting index
-        // 5.1 build key:index map for newChildren
+  var isTeleport = type => type.__isTeleport;
 
-        var keyToNewIndexMap = new Map();
+  var isTeleportDisabled = props => props && (props.disabled || props.disabled === '');
 
-        for (i = s2; i <= e2; i++) {
-          var nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
+  var isTargetSVG = target => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
 
-          if (nextChild.key != null) {
-            if (keyToNewIndexMap.has(nextChild.key)) {
-              warn("Duplicate keys found during update:", JSON.stringify(nextChild.key), "Make sure keys are unique.");
-            }
+  var resolveTarget = (props, select) => {
+    var targetSelector = props && props.to;
 
-            keyToNewIndexMap.set(nextChild.key, i);
-          }
-        } // 5.2 loop through old children left to be patched and try to patch
-        // matching nodes & remove nodes that are no longer present
+    if (isString(targetSelector)) {
+      if (!select) {
+        warn$1("Current renderer does not support string target for Teleports. " + "(missing querySelector renderer option)");
+        return null;
+      } else {
+        var target = select(targetSelector);
 
+        if (!target) {
+          warn$1("Failed to locate Teleport target with selector \"".concat(targetSelector, "\". ") + "Note the target element must exist before the component is mounted - " + "i.e. the target cannot be rendered by the component itself, and " + "ideally should be outside of the entire Vue component tree.");
+        }
 
-        var j;
-        var patched = 0;
-        var toBePatched = e2 - s2 + 1;
-        var moved = false; // used to track whether any node has moved
+        return target;
+      }
+    } else {
+      if (!targetSelector && !isTeleportDisabled(props)) {
+        warn$1("Invalid Teleport target: ".concat(targetSelector));
+      }
 
-        var maxNewIndexSoFar = 0; // works as Map<newIndex, oldIndex>
-        // Note that oldIndex is offset by +1
-        // and oldIndex = 0 is a special value indicating the new node has
-        // no corresponding old node.
-        // used for determining longest stable subsequence
+      return targetSelector;
+    }
+  };
 
-        var newIndexToOldIndexMap = new Array(toBePatched);
+  var TeleportImpl = {
+    __isTeleport: true,
 
-        for (i = 0; i < toBePatched; i++) {
-          newIndexToOldIndexMap[i] = 0;
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
+      var {
+        mc: mountChildren,
+        pc: patchChildren,
+        pbc: patchBlockChildren,
+        o: {
+          insert,
+          querySelector,
+          createText,
+          createComment
         }
+      } = internals;
+      var disabled = isTeleportDisabled(n2.props);
+      var {
+        shapeFlag,
+        children,
+        dynamicChildren
+      } = n2; // #3302
+      // HMR updated, force full diff
 
-        for (i = s1; i <= e1; i++) {
-          var prevChild = c1[i];
+      if (isHmrUpdating) {
+        optimized = false;
+        dynamicChildren = null;
+      }
 
-          if (patched >= toBePatched) {
-            // all new children have been patched so this can only be a removal
-            unmount(prevChild, parentComponent, parentSuspense, true);
-            continue;
-          }
+      if (n1 == null) {
+        // insert anchors in the main view
+        var placeholder = n2.el = createComment('teleport start', container) // fixed by xxxxxx
+        ; // fixed by xxxxxx
 
-          var newIndex = void 0;
+        var mainAnchor = n2.anchor = createComment('teleport end', container) // fixed by xxxxxx
+        ; // fixed by xxxxxx
 
-          if (prevChild.key != null) {
-            newIndex = keyToNewIndexMap.get(prevChild.key);
-          } else {
-            // key-less node, try to locate a key-less node of the same type
-            for (j = s2; j <= e2; j++) {
-              if (newIndexToOldIndexMap[j - s2] === 0 && isSameVNodeType(prevChild, c2[j])) {
-                newIndex = j;
-                break;
-              }
-            }
-          }
+        insert(placeholder, container, anchor);
+        insert(mainAnchor, container, anchor);
+        var target = n2.target = resolveTarget(n2.props, querySelector);
+        var targetAnchor = n2.targetAnchor = createText('', container); // fixed by xxxxxx
 
-          if (newIndex === undefined) {
-            unmount(prevChild, parentComponent, parentSuspense, true);
-          } else {
-            newIndexToOldIndexMap[newIndex - s2] = i + 1;
+        if (target) {
+          insert(targetAnchor, target); // #2652 we could be teleporting from a non-SVG tree into an SVG tree
 
-            if (newIndex >= maxNewIndexSoFar) {
-              maxNewIndexSoFar = newIndex;
-            } else {
-              moved = true;
-            }
+          isSVG = isSVG || isTargetSVG(target);
+        } else if (!disabled) {
+          warn$1('Invalid Teleport target on mount:', target, "(".concat(typeof target, ")"));
+        }
 
-            patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-            patched++;
+        var mount = (container, anchor) => {
+          // Teleport *always* has Array children. This is enforced in both the
+          // compiler and vnode children normalization.
+          if (shapeFlag & 16
+          /* ARRAY_CHILDREN */
+          ) {
+            mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
           }
-        } // 5.3 move and mount
-        // generate longest stable subsequence only when nodes have moved
+        };
+
+        if (disabled) {
+          mount(container, mainAnchor);
+        } else if (target) {
+          mount(target, targetAnchor);
+        }
+      } else {
+        // update content
+        n2.el = n1.el;
+
+        var _mainAnchor = n2.anchor = n1.anchor;
 
+        var _target = n2.target = n1.target;
+
+        var _targetAnchor = n2.targetAnchor = n1.targetAnchor;
+
+        var wasDisabled = isTeleportDisabled(n1.props);
+        var currentContainer = wasDisabled ? container : _target;
+        var currentAnchor = wasDisabled ? _mainAnchor : _targetAnchor;
+        isSVG = isSVG || isTargetSVG(_target);
 
-        var increasingNewIndexSequence = moved ? getSequence(newIndexToOldIndexMap) : EMPTY_ARR;
-        j = increasingNewIndexSequence.length - 1; // looping backwards so that we can use last patched node as anchor
+        if (dynamicChildren) {
+          // fast path when the teleport happens to be a block root
+          patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds); // even in block tree mode we need to make sure all root-level nodes
+          // in the teleport inherit previous DOM references so that they can
+          // be moved in future patches.
 
-        for (i = toBePatched - 1; i >= 0; i--) {
-          var nextIndex = s2 + i;
-          var _nextChild = c2[nextIndex];
+          traverseStaticChildren(n1, n2, true);
+        } else if (!optimized) {
+          patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
+        }
 
-          var _anchor2 = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
+        if (disabled) {
+          if (!wasDisabled) {
+            // enabled -> disabled
+            // move into main container
+            moveTeleport(n2, container, _mainAnchor, internals, 1
+            /* TOGGLE */
+            );
+          }
+        } else {
+          // target changed
+          if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
+            var nextTarget = n2.target = resolveTarget(n2.props, querySelector);
 
-          if (newIndexToOldIndexMap[i] === 0) {
-            // mount new
-            patch(null, _nextChild, container, _anchor2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          } else if (moved) {
-            // move if:
-            // There is no stable subsequence (e.g. a reverse)
-            // OR current node is not among the stable sequence
-            if (j < 0 || i !== increasingNewIndexSequence[j]) {
-              move(_nextChild, container, _anchor2, 2
-              /* REORDER */
+            if (nextTarget) {
+              moveTeleport(n2, nextTarget, null, internals, 0
+              /* TARGET_CHANGE */
               );
             } else {
-              j--;
+              warn$1('Invalid Teleport target on update:', _target, "(".concat(typeof _target, ")"));
             }
+          } else if (wasDisabled) {
+            // disabled -> enabled
+            // move into teleport target
+            moveTeleport(n2, _target, _targetAnchor, internals, 1
+            /* TOGGLE */
+            );
           }
         }
       }
-    };
+    },
 
-    var move = (vnode, container, anchor, moveType, parentSuspense = null) => {
+    remove(vnode, parentComponent, parentSuspense, optimized, {
+      um: unmount,
+      o: {
+        remove: hostRemove
+      }
+    }, doRemove) {
       var {
-        el,
-        type,
-        transition,
+        shapeFlag,
         children,
-        shapeFlag
+        anchor,
+        targetAnchor,
+        target,
+        props
       } = vnode;
 
-      if (shapeFlag & 6
-      /* COMPONENT */
-      ) {
-        move(vnode.component.subTree, container, anchor, moveType);
-        return;
-      }
+      if (target) {
+        hostRemove(targetAnchor);
+      } // an unmounted teleport should always remove its children if not disabled
 
-      if (shapeFlag & 128
-      /* SUSPENSE */
-      ) {
-        vnode.suspense.move(container, anchor, moveType);
-        return;
-      }
 
-      if (shapeFlag & 64
-      /* TELEPORT */
-      ) {
-        type.move(vnode, container, anchor, internals);
-        return;
+      if (doRemove || !isTeleportDisabled(props)) {
+        hostRemove(anchor);
+
+        if (shapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          for (var i = 0; i < children.length; i++) {
+            var child = children[i];
+            unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+          }
+        }
       }
+    },
 
-      if (type === Fragment) {
-        hostInsert(el, container, anchor);
+    move: moveTeleport,
+    hydrate: hydrateTeleport
+  };
+
+  function moveTeleport(vnode, container, parentAnchor, {
+    o: {
+      insert
+    },
+    m: move
+  }, moveType = 2
+  /* REORDER */
+  ) {
+    // move target anchor if this is a target change.
+    if (moveType === 0
+    /* TARGET_CHANGE */
+    ) {
+      insert(vnode.targetAnchor, container, parentAnchor);
+    }
+
+    var {
+      el,
+      anchor,
+      shapeFlag,
+      children,
+      props
+    } = vnode;
+    var isReorder = moveType === 2
+    /* REORDER */
+    ; // move main view anchor if this is a re-order.
 
+    if (isReorder) {
+      insert(el, container, parentAnchor);
+    } // if this is a re-order and teleport is enabled (content is in target)
+    // do not move children. So the opposite is: only move children if this
+    // is not a reorder, or the teleport is disabled
+
+
+    if (!isReorder || isTeleportDisabled(props)) {
+      // Teleport has either Array children or no children.
+      if (shapeFlag & 16
+      /* ARRAY_CHILDREN */
+      ) {
         for (var i = 0; i < children.length; i++) {
-          move(children[i], container, anchor, moveType);
+          move(children[i], container, parentAnchor, 2
+          /* REORDER */
+          );
         }
-
-        hostInsert(vnode.anchor, container, anchor);
-        return;
       }
+    } // move main view anchor if this is a re-order.
 
-      if (type === Static) {
-        moveStaticNode(vnode, container, anchor);
-        return;
-      } // single nodes
 
+    if (isReorder) {
+      insert(anchor, container, parentAnchor);
+    }
+  }
 
-      var needTransition = moveType !== 2
-      /* REORDER */
-      && shapeFlag & 1
-      /* ELEMENT */
-      && transition;
+  function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, {
+    o: {
+      nextSibling,
+      parentNode,
+      querySelector
+    }
+  }, hydrateChildren) {
+    var target = vnode.target = resolveTarget(vnode.props, querySelector);
 
-      if (needTransition) {
-        if (moveType === 0
-        /* ENTER */
-        ) {
-          transition.beforeEnter(el);
-          hostInsert(el, container, anchor);
-          queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+    if (target) {
+      // if multiple teleports rendered to the same target element, we need to
+      // pick up from where the last teleport finished instead of the first node
+      var targetNode = target._lpa || target.firstChild;
+
+      if (vnode.shapeFlag & 16
+      /* ARRAY_CHILDREN */
+      ) {
+        if (isTeleportDisabled(vnode.props)) {
+          vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
+          vnode.targetAnchor = targetNode;
         } else {
-          var {
-            leave,
-            delayLeave,
-            afterLeave
-          } = transition;
+          vnode.anchor = nextSibling(node);
+          vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+        }
 
-          var _remove = () => hostInsert(el, container, anchor);
+        target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+      }
+    }
 
-          var performLeave = () => {
-            leave(el, () => {
-              _remove();
+    return vnode.anchor && nextSibling(vnode.anchor);
+  } // Force-casted public typing for h and TSX props inference
 
-              afterLeave && afterLeave();
-            });
-          };
 
-          if (delayLeave) {
-            delayLeave(el, _remove, performLeave);
-          } else {
-            performLeave();
-          }
-        }
-      } else {
-        hostInsert(el, container, anchor);
-      }
-    };
+  var Teleport = TeleportImpl;
+  var COMPONENTS = 'components';
+  var DIRECTIVES = 'directives';
+  /**
+   * @private
+   */
 
-    var unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-      var {
-        type,
-        props,
-        ref,
-        children,
-        dynamicChildren,
-        shapeFlag,
-        patchFlag,
-        dirs
-      } = vnode; // unset ref
+  function resolveComponent(name, maybeSelfReference) {
+    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+  }
 
-      if (ref != null) {
-        setRef(ref, null, parentSuspense, vnode, true);
-      }
+  var NULL_DYNAMIC_COMPONENT = Symbol();
+  /**
+   * @private
+   */
+
+  function resolveDynamicComponent(component) {
+    if (isString(component)) {
+      return resolveAsset(COMPONENTS, component, false) || component;
+    } else {
+      // invalid types will fallthrough to createVNode and raise warning
+      return component || NULL_DYNAMIC_COMPONENT;
+    }
+  }
+  /**
+   * @private
+   */
 
-      if (shapeFlag & 256
-      /* COMPONENT_SHOULD_KEEP_ALIVE */
-      ) {
-        parentComponent.ctx.deactivate(vnode);
-        return;
-      }
 
-      var shouldInvokeDirs = shapeFlag & 1
-      /* ELEMENT */
-      && dirs;
-      var vnodeHook;
+  function resolveDirective(name) {
+    return resolveAsset(DIRECTIVES, name);
+  } // implementation
 
-      if (vnodeHook = props && props.onVnodeBeforeUnmount) {
-        invokeVNodeHook(vnodeHook, parentComponent, vnode);
-      }
 
-      if (shapeFlag & 6
-      /* COMPONENT */
-      ) {
-        unmountComponent(vnode.component, parentSuspense, doRemove);
-      } else {
-        if (shapeFlag & 128
-        /* SUSPENSE */
-        ) {
-          vnode.suspense.unmount(parentSuspense, doRemove);
-          return;
-        }
+  function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
+    var instance = currentRenderingInstance || currentInstance;
 
-        if (shouldInvokeDirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
-        }
+    if (instance) {
+      var Component = instance.type; // explicit self name has highest priority
 
-        if (shapeFlag & 64
-        /* TELEPORT */
-        ) {
-          vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
-        } else if (dynamicChildren && (type !== Fragment || patchFlag > 0 && patchFlag & 64
-        /* STABLE_FRAGMENT */
-        )) {
-          // fast path for block nodes: only need to unmount dynamic children.
-          unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
-        } else if (type === Fragment && (patchFlag & 128
-        /* KEYED_FRAGMENT */
-        || patchFlag & 256
-        /* UNKEYED_FRAGMENT */
-        ) || !optimized && shapeFlag & 16
-        /* ARRAY_CHILDREN */
-        ) {
-          unmountChildren(children, parentComponent, parentSuspense);
-        }
+      if (type === COMPONENTS) {
+        var selfName = getComponentName(Component);
 
-        if (doRemove) {
-          remove(vnode);
+        if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
+          return Component;
         }
       }
 
-      if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-          shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
-        }, parentSuspense);
-      }
-    };
-
-    var remove = vnode => {
-      var {
-        type,
-        el,
-        anchor,
-        transition
-      } = vnode;
+      var res = // local registration
+      // check instance[type] first which is resolved for options API
+      resolve(instance[type] || Component[type], name) || // window registration
+      resolve(instance.appContext[type], name);
 
-      if (type === Fragment) {
-        removeFragment(el, anchor);
-        return;
+      if (!res && maybeSelfReference) {
+        // fallback to implicit self-reference
+        return Component;
       }
 
-      if (type === Static) {
-        removeStaticNode(vnode);
-        return;
+      if (warnMissing && !res) {
+        warn$1("Failed to resolve ".concat(type.slice(0, -1), ": ").concat(name));
       }
 
-      var performRemove = () => {
-        hostRemove(el);
+      return res;
+    } else {
+      warn$1("resolve".concat(capitalize(type.slice(0, -1)), " ") + "can only be used in render() or setup().");
+    }
+  }
 
-        if (transition && !transition.persisted && transition.afterLeave) {
-          transition.afterLeave();
-        }
-      };
+  function resolve(registry, name) {
+    return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
+  }
 
-      if (vnode.shapeFlag & 1
-      /* ELEMENT */
-      && transition && !transition.persisted) {
-        var {
-          leave,
-          delayLeave
-        } = transition;
+  var Fragment = Symbol('Fragment');
+  var Text = Symbol('Text');
+  var Comment$1 = Symbol('Comment');
+  var Static = Symbol('Static'); // Since v-if and v-for are the two possible ways node structure can dynamically
+  // change, once we consider v-if branches and each v-for fragment a block, we
+  // can divide a template into nested blocks, and within each block the node
+  // structure would be stable. This allows us to skip most children diffing
+  // and only worry about the dynamic nodes (indicated by patch flags).
 
-        var performLeave = () => leave(el, performRemove);
+  var blockStack = [];
+  var currentBlock = null;
+  /**
+   * Open a block.
+   * This must be called before `createBlock`. It cannot be part of `createBlock`
+   * because the children of the block are evaluated before `createBlock` itself
+   * is called. The generated code typically looks like this:
+   *
+   * ```js
+   * function render() {
+   *   return (openBlock(),createBlock('div', null, [...]))
+   * }
+   * ```
+   * disableTracking is true when creating a v-for fragment block, since a v-for
+   * fragment always diffs its children.
+   *
+   * @private
+   */
 
-        if (delayLeave) {
-          delayLeave(vnode.el, performRemove, performLeave);
-        } else {
-          performLeave();
-        }
-      } else {
-        performRemove();
-      }
-    };
+  function openBlock(disableTracking = false) {
+    blockStack.push(currentBlock = disableTracking ? null : []);
+  }
 
-    var removeFragment = (cur, end) => {
-      // For fragments, directly remove all contained DOM nodes.
-      // (fragment child nodes cannot have transition)
-      var next;
+  function closeBlock() {
+    blockStack.pop();
+    currentBlock = blockStack[blockStack.length - 1] || null;
+  } // Whether we should be tracking dynamic child nodes inside a block.
+  // Only tracks when this value is > 0
+  // We are not using a simple boolean because this value may need to be
+  // incremented/decremented by nested usage of v-once (see below)
 
-      while (cur !== end) {
-        next = hostNextSibling(cur);
-        hostRemove(cur);
-        cur = next;
-      }
 
-      hostRemove(end);
-    };
+  var isBlockTreeEnabled = 1;
+  /**
+   * Block tracking sometimes needs to be disabled, for example during the
+   * creation of a tree that needs to be cached by v-once. The compiler generates
+   * code like this:
+   *
+   * ``` js
+   * _cache[1] || (
+   *   setBlockTracking(-1),
+   *   _cache[1] = createVNode(...),
+   *   setBlockTracking(1),
+   *   _cache[1]
+   * )
+   * ```
+   *
+   * @private
+   */
 
-    var unmountComponent = (instance, parentSuspense, doRemove) => {
-      if (instance.type.__hmrId) {
-        unregisterHMR(instance);
-      }
+  function setBlockTracking(value) {
+    isBlockTreeEnabled += value;
+  }
 
-      var {
-        bum,
-        effects,
-        update,
-        subTree,
-        um
-      } = instance; // beforeUnmount hook
+  function setupBlock(vnode) {
+    // save current block children on the block vnode
+    vnode.dynamicChildren = isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null; // close block
 
-      if (bum) {
-        invokeArrayFns(bum);
-      }
+    closeBlock(); // a block is always going to be patched, so track it as a child of its
+    // parent block
 
-      if (effects) {
-        for (var i = 0; i < effects.length; i++) {
-          stop(effects[i]);
-        }
-      } // update may be null if a component is unmounted before its async
-      // setup has resolved.
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+      currentBlock.push(vnode);
+    }
 
+    return vnode;
+  }
+  /**
+   * @private
+   */
 
-      if (update) {
-        stop(update);
-        unmount(subTree, instance, parentSuspense, doRemove);
-      } // unmounted hook
 
+  function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true
+    /* isBlock */
+    ));
+  }
+  /**
+   * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+   * A block root keeps track of dynamic nodes within the block in the
+   * `dynamicChildren` array.
+   *
+   * @private
+   */
 
-      if (um) {
-        queuePostRenderEffect(um, parentSuspense);
-      }
 
-      queuePostRenderEffect(() => {
-        instance.isUnmounted = true;
-      }, parentSuspense); // A component with async dep inside a pending suspense is unmounted before
-      // its async dep resolves. This should remove the dep from the suspense, and
-      // cause the suspense to resolve immediately if that was the last dep.
+  function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true
+    /* isBlock: prevent a block from tracking itself */
+    ));
+  }
+
+  function isVNode(value) {
+    return value ? value.__v_isVNode === true : false;
+  }
+
+  function isSameVNodeType(n1, n2) {
+    if (n2.shapeFlag & 6
+    /* COMPONENT */
+    && hmrDirtyComponents.has(n2.type)) {
+      // HMR only: if the component has been hot-updated, force a reload.
+      return false;
+    }
+
+    return n1.type === n2.type && n1.key === n2.key;
+  }
+
+  var vnodeArgsTransformer;
+  /**
+   * Internal API for registering an arguments transform for createVNode
+   * used for creating stubs in the test-utils
+   * It is *internal* but needs to be exposed for test-utils to pick up proper
+   * typings
+   */
+
+  function transformVNodeArgs(transformer) {
+    vnodeArgsTransformer = transformer;
+  }
 
-      if (parentSuspense && parentSuspense.pendingBranch && !parentSuspense.isUnmounted && instance.asyncDep && !instance.asyncResolved && instance.suspenseId === parentSuspense.pendingId) {
-        parentSuspense.deps--;
+  var createVNodeWithArgsTransform = (...args) => {
+    return _createVNode(...(vnodeArgsTransformer ? vnodeArgsTransformer(args, currentRenderingInstance) : args));
+  };
 
-        if (parentSuspense.deps === 0) {
-          parentSuspense.resolve();
-        }
-      }
+  var InternalObjectKey = "__vInternal";
 
-      {
-        devtoolsComponentRemoved(instance);
-      }
-    };
+  var normalizeKey = ({
+    key
+  }) => key != null ? key : null;
 
-    var unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
-      for (var i = start; i < children.length; i++) {
-        unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
-      }
+  var normalizeRef = ({
+    ref
+  }) => {
+    return ref != null ? isString(ref) || isRef(ref) || isFunction(ref) ? {
+      i: currentRenderingInstance,
+      r: ref
+    } : ref : null;
+  };
+
+  function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1
+  /* ELEMENT */
+  , isBlockNode = false, needFullChildrenNormalization = false) {
+    var vnode = {
+      __v_isVNode: true,
+      __v_skip: true,
+      type,
+      props,
+      key: props && normalizeKey(props),
+      ref: props && normalizeRef(props),
+      scopeId: currentScopeId,
+      slotScopeIds: null,
+      children,
+      component: null,
+      suspense: null,
+      ssContent: null,
+      ssFallback: null,
+      dirs: null,
+      transition: null,
+      el: null,
+      anchor: null,
+      target: null,
+      targetAnchor: null,
+      staticCount: 0,
+      shapeFlag,
+      patchFlag,
+      dynamicProps,
+      dynamicChildren: null,
+      appContext: null
     };
 
-    var getNextHostNode = vnode => {
-      if (vnode.shapeFlag & 6
-      /* COMPONENT */
-      ) {
-        return getNextHostNode(vnode.component.subTree);
-      }
+    if (needFullChildrenNormalization) {
+      normalizeChildren(vnode, children); // normalize suspense children
 
-      if (vnode.shapeFlag & 128
+      if (shapeFlag & 128
       /* SUSPENSE */
       ) {
-        return vnode.suspense.next();
+        type.normalize(vnode);
       }
+    } else if (children) {
+      // compiled element vnode - if children is passed, only possible types are
+      // string or Array.
+      vnode.shapeFlag |= isString(children) ? 8
+      /* TEXT_CHILDREN */
+      : 16
+      /* ARRAY_CHILDREN */
+      ;
+    } // validate key
 
-      return hostNextSibling(vnode.anchor || vnode.el);
-    };
-
-    var render = (vnode, container, isSVG) => {
-      if (vnode == null) {
-        if (container._vnode) {
-          unmount(container._vnode, null, null, true);
-        }
-      } else {
-        patch(container._vnode || null, vnode, container, null, null, null, isSVG);
-      }
 
-      flushPostFlushCbs();
-      container._vnode = vnode;
-    };
+    if (vnode.key !== vnode.key) {
+      warn$1("VNode created with invalid key (NaN). VNode type:", vnode.type);
+    } // track vnode for block tree
 
-    var internals = {
-      p: patch,
-      um: unmount,
-      m: move,
-      r: remove,
-      mt: mountComponent,
-      mc: mountChildren,
-      pc: patchChildren,
-      pbc: patchBlockChildren,
-      n: getNextHostNode,
-      o: options
-    };
-    var hydrate;
-    var hydrateNode;
 
-    if (createHydrationFns) {
-      [hydrate, hydrateNode] = createHydrationFns(internals);
+    if (isBlockTreeEnabled > 0 && // avoid a block node from tracking itself
+    !isBlockNode && // has current parent block
+    currentBlock && (vnode.patchFlag > 0 || shapeFlag & 6
+    /* COMPONENT */
+    ) && // the EVENTS flag is only for hydration and if it is the only flag, the
+    // vnode should not be considered dynamic due to handler caching.
+    vnode.patchFlag !== 32
+    /* HYDRATE_EVENTS */
+    ) {
+      currentBlock.push(vnode);
     }
 
-    return {
-      render,
-      hydrate,
-      createApp: createAppAPI(render, hydrate)
-    };
-  }
-
-  function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
-    callWithAsyncErrorHandling(hook, instance, 7
-    /* VNODE_HOOK */
-    , [vnode, prevVNode]);
+    return vnode;
   }
-  /**
-   * #1156
-   * When a component is HMR-enabled, we need to make sure that all static nodes
-   * inside a block also inherit the DOM element from the previous tree so that
-   * HMR updates (which are full updates) can retrieve the element for patching.
-   *
-   * #2080
-   * Inside keyed `template` fragment static children, if a fragment is moved,
-   * the children will always moved so that need inherit el form previous nodes
-   * to ensure correct moved position.
-   */
 
+  var createVNode = createVNodeWithArgsTransform;
 
-  function traverseStaticChildren(n1, n2, shallow = false) {
-    var ch1 = n1.children;
-    var ch2 = n2.children;
+  function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
+    if (!type || type === NULL_DYNAMIC_COMPONENT) {
+      if (!type) {
+        warn$1("Invalid vnode type when creating vnode: ".concat(type, "."));
+      }
 
-    if (isArray(ch1) && isArray(ch2)) {
-      for (var i = 0; i < ch1.length; i++) {
-        // this is only called in the optimized path so array children are
-        // guaranteed to be vnodes
-        var c1 = ch1[i];
-        var c2 = ch2[i];
+      type = Comment$1;
+    }
 
-        if (c2.shapeFlag & 1
-        /* ELEMENT */
-        && !c2.dynamicChildren) {
-          if (c2.patchFlag <= 0 || c2.patchFlag === 32
-          /* HYDRATE_EVENTS */
-          ) {
-            c2 = ch2[i] = cloneIfMounted(ch2[i]);
-            c2.el = c1.el;
-          }
+    if (isVNode(type)) {
+      // createVNode receiving an existing vnode. This happens in cases like
+      // <component :is="vnode"/>
+      // #2078 make sure to merge refs during the clone instead of overwriting it
+      var cloned = cloneVNode(type, props, true
+      /* mergeRef: true */
+      );
 
-          if (!shallow) traverseStaticChildren(c1, c2);
-        } // also inherit for comment nodes, but not placeholders (e.g. v-if which
-        // would have received .el during block patch)
+      if (children) {
+        normalizeChildren(cloned, children);
+      }
 
+      return cloned;
+    } // class component normalization.
 
-        if (c2.type === Comment$1 && !c2.el) {
-          c2.el = c1.el;
-        }
-      }
-    }
-  } // https://en.wikipedia.org/wiki/Longest_increasing_subsequence
 
+    if (isClassComponent(type)) {
+      type = type.__vccOpts;
+    } // class & style normalization.
 
-  function getSequence(arr) {
-    var p = arr.slice();
-    var result = [0];
-    var i, j, u, v, c;
-    var len = arr.length;
 
-    for (i = 0; i < len; i++) {
-      var arrI = arr[i];
+    if (props) {
+      // for reactive or proxy objects, we need to clone it to enable mutation.
+      props = guardReactiveProps(props);
+      var {
+        class: klass,
+        style
+      } = props;
 
-      if (arrI !== 0) {
-        j = result[result.length - 1];
+      if (klass && !isString(klass)) {
+        props.class = normalizeClass(klass);
+      }
 
-        if (arr[j] < arrI) {
-          p[i] = j;
-          result.push(i);
-          continue;
+      if (isObject(style)) {
+        // reactive state objects need to be cloned since they are likely to be
+        // mutated
+        if (isProxy(style) && !isArray(style)) {
+          style = extend({}, style);
         }
 
-        u = 0;
-        v = result.length - 1;
+        props.style = normalizeStyle(style);
+      }
+    } // encode the vnode type information into a bitmap
 
-        while (u < v) {
-          c = (u + v) / 2 | 0;
 
-          if (arr[result[c]] < arrI) {
-            u = c + 1;
-          } else {
-            v = c;
-          }
-        }
+    var shapeFlag = isString(type) ? 1
+    /* ELEMENT */
+    : isSuspense(type) ? 128
+    /* SUSPENSE */
+    : isTeleport(type) ? 64
+    /* TELEPORT */
+    : isObject(type) ? 4
+    /* STATEFUL_COMPONENT */
+    : isFunction(type) ? 2
+    /* FUNCTIONAL_COMPONENT */
+    : 0;
 
-        if (arrI < arr[result[u]]) {
-          if (u > 0) {
-            p[i] = result[u - 1];
-          }
+    if (shapeFlag & 4
+    /* STATEFUL_COMPONENT */
+    && isProxy(type)) {
+      type = toRaw(type);
+      warn$1("Vue received a Component which was made a reactive object. This can " + "lead to unnecessary performance overhead, and should be avoided by " + "marking the component with `markRaw` or using `shallowRef` " + "instead of `ref`.", "\nComponent that was made reactive: ", type);
+    }
+
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+  }
+
+  function guardReactiveProps(props) {
+    if (!props) return null;
+    return isProxy(props) || InternalObjectKey in props ? extend({}, props) : props;
+  }
+
+  function cloneVNode(vnode, extraProps, mergeRef = false) {
+    // This is intentionally NOT using spread or extend to avoid the runtime
+    // key enumeration cost.
+    var {
+      props,
+      ref,
+      patchFlag,
+      children
+    } = vnode;
+    var mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
+    var cloned = {
+      __v_isVNode: true,
+      __v_skip: true,
+      type: vnode.type,
+      props: mergedProps,
+      key: mergedProps && normalizeKey(mergedProps),
+      ref: extraProps && extraProps.ref ? // #2078 in the case of <component :is="vnode" ref="extra"/>
+      // if the vnode itself already has a ref, cloneVNode will need to merge
+      // the refs so the single vnode can be set on multiple refs
+      mergeRef && ref ? isArray(ref) ? ref.concat(normalizeRef(extraProps)) : [ref, normalizeRef(extraProps)] : normalizeRef(extraProps) : ref,
+      scopeId: vnode.scopeId,
+      slotScopeIds: vnode.slotScopeIds,
+      children: patchFlag === -1
+      /* HOISTED */
+      && isArray(children) ? children.map(deepCloneVNode) : children,
+      target: vnode.target,
+      targetAnchor: vnode.targetAnchor,
+      staticCount: vnode.staticCount,
+      shapeFlag: vnode.shapeFlag,
+      // if the vnode is cloned with extra props, we can no longer assume its
+      // existing patch flag to be reliable and need to add the FULL_PROPS flag.
+      // note: perserve flag for fragments since they use the flag for children
+      // fast paths only.
+      patchFlag: extraProps && vnode.type !== Fragment ? patchFlag === -1 // hoisted node
+      ? 16
+      /* FULL_PROPS */
+      : patchFlag | 16
+      /* FULL_PROPS */
+      : patchFlag,
+      dynamicProps: vnode.dynamicProps,
+      dynamicChildren: vnode.dynamicChildren,
+      appContext: vnode.appContext,
+      dirs: vnode.dirs,
+      transition: vnode.transition,
+      // These should technically only be non-null on mounted VNodes. However,
+      // they *should* be copied for kept-alive vnodes. So we just always copy
+      // them since them being non-null during a mount doesn't affect the logic as
+      // they will simply be overwritten.
+      component: vnode.component,
+      suspense: vnode.suspense,
+      ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
+      ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
+      el: vnode.el,
+      anchor: vnode.anchor
+    };
+    return cloned;
+  }
+  /**
+   * Dev only, for HMR of hoisted vnodes reused in v-for
+   * https://github.com/vitejs/vite/issues/2022
+   */
 
-          result[u] = i;
-        }
-      }
-    }
 
-    u = result.length;
-    v = result[u - 1];
+  function deepCloneVNode(vnode) {
+    var cloned = cloneVNode(vnode);
 
-    while (u-- > 0) {
-      result[u] = v;
-      v = p[v];
+    if (isArray(vnode.children)) {
+      cloned.children = vnode.children.map(deepCloneVNode);
     }
 
-    return result;
+    return cloned;
   }
+  /**
+   * @private
+   */
 
-  var isTeleport = type => type.__isTeleport;
 
-  var isTeleportDisabled = props => props && (props.disabled || props.disabled === '');
+  function createTextVNode(text = ' ', flag = 0) {
+    return createVNode(Text, null, text, flag);
+  }
+  /**
+   * @private
+   */
 
-  var isTargetSVG = target => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
 
-  var resolveTarget = (props, select) => {
-    var targetSelector = props && props.to;
+  function createStaticVNode(content, numberOfNodes) {
+    // A static vnode can contain multiple stringified elements, and the number
+    // of elements is necessary for hydration.
+    var vnode = createVNode(Static, null, content);
+    vnode.staticCount = numberOfNodes;
+    return vnode;
+  }
+  /**
+   * @private
+   */
 
-    if (isString(targetSelector)) {
-      if (!select) {
-        warn("Current renderer does not support string target for Teleports. " + "(missing querySelector renderer option)");
-        return null;
-      } else {
-        var target = select(targetSelector);
 
-        if (!target) {
-          warn("Failed to locate Teleport target with selector \"".concat(targetSelector, "\". ") + "Note the target element must exist before the component is mounted - " + "i.e. the target cannot be rendered by the component itself, and " + "ideally should be outside of the entire Vue component tree.");
-        }
+  function createCommentVNode(text = '', // when used as the v-else branch, the comment node must be created as a
+  // block to ensure correct updates.
+  asBlock = false) {
+    return asBlock ? (openBlock(), createBlock(Comment$1, null, text)) : createVNode(Comment$1, null, text);
+  }
 
-        return target;
-      }
+  function normalizeVNode(child) {
+    if (child == null || typeof child === 'boolean') {
+      // empty placeholder
+      return createVNode(Comment$1);
+    } else if (isArray(child)) {
+      // fragment
+      return createVNode(Fragment, null, // #3666, avoid reference pollution when reusing vnode
+      child.slice());
+    } else if (typeof child === 'object') {
+      // already vnode, this should be the most common since compiled templates
+      // always produce all-vnode children arrays
+      return cloneIfMounted(child);
     } else {
-      if (!targetSelector && !isTeleportDisabled(props)) {
-        warn("Invalid Teleport target: ".concat(targetSelector));
-      }
-
-      return targetSelector;
+      // strings and numbers
+      return createVNode(Text, null, String(child));
     }
-  };
-
-  var TeleportImpl = {
-    __isTeleport: true,
-
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
-      var {
-        mc: mountChildren,
-        pc: patchChildren,
-        pbc: patchBlockChildren,
-        o: {
-          insert,
-          querySelector,
-          createText,
-          createComment
-        }
-      } = internals;
-      var disabled = isTeleportDisabled(n2.props);
-      var {
-        shapeFlag,
-        children,
-        dynamicChildren
-      } = n2; // #3302
-      // HMR updated, force full diff
-
-      if (isHmrUpdating) {
-        optimized = false;
-        dynamicChildren = null;
-      }
+  } // optimized normalization for template-compiled render fns
 
-      if (n1 == null) {
-        // insert anchors in the main view
-        var placeholder = n2.el = createComment('teleport start', container) // fixed by xxxxxx
-        ; // fixed by xxxxxx
 
-        var mainAnchor = n2.anchor = createComment('teleport end', container) // fixed by xxxxxx
-        ; // fixed by xxxxxx
+  function cloneIfMounted(child) {
+    return child.el === null || child.memo ? child : cloneVNode(child);
+  }
 
-        insert(placeholder, container, anchor);
-        insert(mainAnchor, container, anchor);
-        var target = n2.target = resolveTarget(n2.props, querySelector);
-        var targetAnchor = n2.targetAnchor = createText('', container); // fixed by xxxxxx
+  function normalizeChildren(vnode, children) {
+    var type = 0;
+    var {
+      shapeFlag
+    } = vnode;
 
-        if (target) {
-          insert(targetAnchor, target); // #2652 we could be teleporting from a non-SVG tree into an SVG tree
+    if (children == null) {
+      children = null;
+    } else if (isArray(children)) {
+      type = 16
+      /* ARRAY_CHILDREN */
+      ;
+    } else if (typeof children === 'object') {
+      if (shapeFlag & 1
+      /* ELEMENT */
+      || shapeFlag & 64
+      /* TELEPORT */
+      ) {
+        // Normalize slot to plain children for plain element and Teleport
+        var slot = children.default;
 
-          isSVG = isSVG || isTargetSVG(target);
-        } else if (!disabled) {
-          warn('Invalid Teleport target on mount:', target, "(".concat(typeof target, ")"));
+        if (slot) {
+          // _c marker is added by withCtx() indicating this is a compiled slot
+          slot._c && (slot._d = false);
+          normalizeChildren(vnode, slot());
+          slot._c && (slot._d = true);
         }
 
-        var mount = (container, anchor) => {
-          // Teleport *always* has Array children. This is enforced in both the
-          // compiler and vnode children normalization.
-          if (shapeFlag & 16
-          /* ARRAY_CHILDREN */
+        return;
+      } else {
+        type = 32
+        /* SLOTS_CHILDREN */
+        ;
+        var slotFlag = children._;
+
+        if (!slotFlag && !(InternalObjectKey in children)) {
+          children._ctx = currentRenderingInstance;
+        } else if (slotFlag === 3
+        /* FORWARDED */
+        && currentRenderingInstance) {
+          // a child component receives forwarded slots from the parent.
+          // its slot type is determined by its parent's slot type.
+          if (currentRenderingInstance.slots._ === 1
+          /* STABLE */
           ) {
-            mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            children._ = 1
+            /* STABLE */
+            ;
+          } else {
+            children._ = 2
+            /* DYNAMIC */
+            ;
+            vnode.patchFlag |= 1024
+            /* DYNAMIC_SLOTS */
+            ;
           }
-        };
-
-        if (disabled) {
-          mount(container, mainAnchor);
-        } else if (target) {
-          mount(target, targetAnchor);
         }
-      } else {
-        // update content
-        n2.el = n1.el;
-
-        var _mainAnchor = n2.anchor = n1.anchor;
-
-        var _target = n2.target = n1.target;
+      }
+    } else if (isFunction(children)) {
+      children = {
+        default: children,
+        _ctx: currentRenderingInstance
+      };
+      type = 32
+      /* SLOTS_CHILDREN */
+      ;
+    } else {
+      children = String(children); // force teleport children to array so it can be moved around
 
-        var _targetAnchor = n2.targetAnchor = n1.targetAnchor;
+      if (shapeFlag & 64
+      /* TELEPORT */
+      ) {
+        type = 16
+        /* ARRAY_CHILDREN */
+        ;
+        children = [createTextVNode(children)];
+      } else {
+        type = 8
+        /* TEXT_CHILDREN */
+        ;
+      }
+    }
 
-        var wasDisabled = isTeleportDisabled(n1.props);
-        var currentContainer = wasDisabled ? container : _target;
-        var currentAnchor = wasDisabled ? _mainAnchor : _targetAnchor;
-        isSVG = isSVG || isTargetSVG(_target);
+    vnode.children = children;
+    vnode.shapeFlag |= type;
+  }
 
-        if (dynamicChildren) {
-          // fast path when the teleport happens to be a block root
-          patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds); // even in block tree mode we need to make sure all root-level nodes
-          // in the teleport inherit previous DOM references so that they can
-          // be moved in future patches.
+  function mergeProps(...args) {
+    var ret = {};
 
-          traverseStaticChildren(n1, n2, true);
-        } else if (!optimized) {
-          patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
-        }
+    for (var i = 0; i < args.length; i++) {
+      var toMerge = args[i];
 
-        if (disabled) {
-          if (!wasDisabled) {
-            // enabled -> disabled
-            // move into main container
-            moveTeleport(n2, container, _mainAnchor, internals, 1
-            /* TOGGLE */
-            );
+      for (var key in toMerge) {
+        if (key === 'class') {
+          if (ret.class !== toMerge.class) {
+            ret.class = normalizeClass([ret.class, toMerge.class]);
           }
-        } else {
-          // target changed
-          if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-            var nextTarget = n2.target = resolveTarget(n2.props, querySelector);
+        } else if (key === 'style') {
+          ret.style = normalizeStyle([ret.style, toMerge.style]);
+        } else if (isOn(key)) {
+          var existing = ret[key];
+          var incoming = toMerge[key];
 
-            if (nextTarget) {
-              moveTeleport(n2, nextTarget, null, internals, 0
-              /* TARGET_CHANGE */
-              );
-            } else {
-              warn('Invalid Teleport target on update:', _target, "(".concat(typeof _target, ")"));
-            }
-          } else if (wasDisabled) {
-            // disabled -> enabled
-            // move into teleport target
-            moveTeleport(n2, _target, _targetAnchor, internals, 1
-            /* TOGGLE */
-            );
+          if (existing !== incoming) {
+            ret[key] = existing ? [].concat(existing, incoming) : incoming;
           }
+        } else if (key !== '') {
+          ret[key] = toMerge[key];
         }
       }
-    },
+    }
 
-    remove(vnode, parentComponent, parentSuspense, optimized, {
-      um: unmount,
-      o: {
-        remove: hostRemove
-      }
-    }, doRemove) {
-      var {
-        shapeFlag,
-        children,
-        anchor,
-        targetAnchor,
-        target,
-        props
-      } = vnode;
+    return ret;
+  }
+  /**
+   * Actual implementation
+   */
 
-      if (target) {
-        hostRemove(targetAnchor);
-      } // an unmounted teleport should always remove its children if not disabled
 
+  function renderList(source, renderItem, cache, index) {
+    var ret;
+    var cached = cache && cache[index];
 
-      if (doRemove || !isTeleportDisabled(props)) {
-        hostRemove(anchor);
+    if (isArray(source) || isString(source)) {
+      ret = new Array(source.length);
 
-        if (shapeFlag & 16
-        /* ARRAY_CHILDREN */
-        ) {
-          for (var i = 0; i < children.length; i++) {
-            var child = children[i];
-            unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
-          }
-        }
+      for (var i = 0, l = source.length; i < l; i++) {
+        ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
+      }
+    } else if (typeof source === 'number') {
+      if (!Number.isInteger(source)) {
+        warn$1("The v-for range expect an integer value but got ".concat(source, "."));
+        return [];
       }
-    },
 
-    move: moveTeleport,
-    hydrate: hydrateTeleport
-  };
+      ret = new Array(source);
 
-  function moveTeleport(vnode, container, parentAnchor, {
-    o: {
-      insert
-    },
-    m: move
-  }, moveType = 2
-  /* REORDER */
-  ) {
-    // move target anchor if this is a target change.
-    if (moveType === 0
-    /* TARGET_CHANGE */
-    ) {
-      insert(vnode.targetAnchor, container, parentAnchor);
+      for (var _i2 = 0; _i2 < source; _i2++) {
+        ret[_i2] = renderItem(_i2 + 1, _i2, undefined, cached && cached[_i2]);
+      }
+    } else if (isObject(source)) {
+      if (source[Symbol.iterator]) {
+        ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
+      } else {
+        var keys = Object.keys(source);
+        ret = new Array(keys.length);
+
+        for (var _i3 = 0, _l = keys.length; _i3 < _l; _i3++) {
+          var key = keys[_i3];
+          ret[_i3] = renderItem(source[key], key, _i3, cached && cached[_i3]);
+        }
+      }
+    } else {
+      ret = [];
     }
 
-    var {
-      el,
-      anchor,
-      shapeFlag,
-      children,
-      props
-    } = vnode;
-    var isReorder = moveType === 2
-    /* REORDER */
-    ; // move main view anchor if this is a re-order.
+    if (cache) {
+      cache[index] = ret;
+    }
 
-    if (isReorder) {
-      insert(el, container, parentAnchor);
-    } // if this is a re-order and teleport is enabled (content is in target)
-    // do not move children. So the opposite is: only move children if this
-    // is not a reorder, or the teleport is disabled
+    return ret;
+  }
+  /**
+   * Compiler runtime helper for creating dynamic slots object
+   * @private
+   */
 
 
-    if (!isReorder || isTeleportDisabled(props)) {
-      // Teleport has either Array children or no children.
-      if (shapeFlag & 16
-      /* ARRAY_CHILDREN */
-      ) {
-        for (var i = 0; i < children.length; i++) {
-          move(children[i], container, parentAnchor, 2
-          /* REORDER */
-          );
+  function createSlots(slots, dynamicSlots) {
+    for (var i = 0; i < dynamicSlots.length; i++) {
+      var slot = dynamicSlots[i]; // array of dynamic slot generated by <template v-for="..." #[...]>
+
+      if (isArray(slot)) {
+        for (var j = 0; j < slot.length; j++) {
+          slots[slot[j].name] = slot[j].fn;
         }
+      } else if (slot) {
+        // conditional single slot generated by <template v-if="..." #foo>
+        slots[slot.name] = slot.fn;
       }
-    } // move main view anchor if this is a re-order.
-
-
-    if (isReorder) {
-      insert(anchor, container, parentAnchor);
     }
+
+    return slots;
   }
+  /**
+   * Compiler runtime helper for rendering `<slot/>`
+   * @private
+   */
 
-  function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, {
-    o: {
-      nextSibling,
-      parentNode,
-      querySelector
+
+  function renderSlot(slots, name, props = {}, // this is not a user-facing function, so the fallback is always generated by
+  // the compiler and guaranteed to be a function returning an array
+  fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+      return createVNode('slot', name === 'default' ? null : {
+        name
+      }, fallback && fallback());
     }
-  }, hydrateChildren) {
-    var target = vnode.target = resolveTarget(vnode.props, querySelector);
 
-    if (target) {
-      // if multiple teleports rendered to the same target element, we need to
-      // pick up from where the last teleport finished instead of the first node
-      var targetNode = target._lpa || target.firstChild;
+    var slot = slots[name];
 
-      if (vnode.shapeFlag & 16
-      /* ARRAY_CHILDREN */
-      ) {
-        if (isTeleportDisabled(vnode.props)) {
-          vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-          vnode.targetAnchor = targetNode;
-        } else {
-          vnode.anchor = nextSibling(node);
-          vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
-        }
+    if (slot && slot.length > 1) {
+      warn$1("SSR-optimized slot function detected in a non-SSR-optimized render " + "function. You need to mark this component with $dynamic-slots in the " + "parent template.");
 
-        target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-      }
+      slot = () => [];
+    } // a compiled slot disables block tracking by default to avoid manual
+    // invocation interfering with template-based block tracking, but in
+    // `renderSlot` we can be sure that it's template-based so we can force
+    // enable it.
+
+
+    if (slot && slot._c) {
+      slot._d = false;
     }
 
-    return vnode.anchor && nextSibling(vnode.anchor);
-  } // Force-casted public typing for h and TSX props inference
+    openBlock();
+    var validSlotContent = slot && ensureValidVNode(slot(props));
+    var rendered = createBlock(Fragment, {
+      key: props.key || "_".concat(name)
+    }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1
+    /* STABLE */
+    ? 64
+    /* STABLE_FRAGMENT */
+    : -2
+    /* BAIL */
+    );
+
+    if (!noSlotted && rendered.scopeId) {
+      rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    }
 
+    if (slot && slot._c) {
+      slot._d = true;
+    }
 
-  var Teleport = TeleportImpl;
-  var COMPONENTS = 'components';
-  var DIRECTIVES = 'directives';
+    return rendered;
+  }
+
+  function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+      if (!isVNode(child)) return true;
+      if (child.type === Comment$1) return false;
+      if (child.type === Fragment && !ensureValidVNode(child.children)) return false;
+      return true;
+    }) ? vnodes : null;
+  }
   /**
+   * For prefixing keys in v-on="obj" with "on"
    * @private
    */
 
-  function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
-  }
 
-  var NULL_DYNAMIC_COMPONENT = Symbol();
-  /**
-   * @private
-   */
+  function toHandlers(obj) {
+    var ret = {};
 
-  function resolveDynamicComponent(component) {
-    if (isString(component)) {
-      return resolveAsset(COMPONENTS, component, false) || component;
-    } else {
-      // invalid types will fallthrough to createVNode and raise warning
-      return component || NULL_DYNAMIC_COMPONENT;
+    if (!isObject(obj)) {
+      warn$1("v-on with no argument expects an object value.");
+      return ret;
+    }
+
+    for (var key in obj) {
+      ret[toHandlerKey(key)] = obj[key];
     }
+
+    return ret;
   }
   /**
-   * @private
+   * #2437 In Vue 3, functional components do not have a public instance proxy but
+   * they exist in the internal parent chain. For code that relies on traversing
+   * public $parent chains, skip functional ones and go to the parent instead.
    */
 
 
-  function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
-  } // implementation
+  var getPublicInstance = i => {
+    if (!i) return null;
+    if (isStatefulComponent(i)) return getExposeProxy(i) || i.proxy;
+    return getPublicInstance(i.parent);
+  };
+
+  var publicPropertiesMap = extend(Object.create(null), {
+    $: i => i,
+    $el: i => i.vnode.el,
+    $data: i => i.data,
+    $props: i => shallowReadonly(i.props),
+    $attrs: i => shallowReadonly(i.attrs),
+    $slots: i => shallowReadonly(i.slots),
+    $refs: i => shallowReadonly(i.refs),
+    $parent: i => getPublicInstance(i.parent),
+    $root: i => getPublicInstance(i.root),
+    $emit: i => i.emit,
+    $options: i => resolveMergedOptions(i),
+    $forceUpdate: i => () => queueJob(i.update),
+    $nextTick: i => nextTick.bind(i.proxy),
+    $watch: i => instanceWatch.bind(i)
+  });
+  var PublicInstanceProxyHandlers = {
+    get({
+      _: instance
+    }, key) {
+      var {
+        ctx,
+        setupState,
+        data,
+        props,
+        accessCache,
+        type,
+        appContext
+      } = instance; // for internal formatters to know that this is a Vue instance
 
+      if (key === '__isVue') {
+        return true;
+      } // prioritize <script setup> bindings during dev.
+      // this allows even properties that start with _ or $ to be used - so that
+      // it aligns with the production behavior where the render fn is inlined and
+      // indeed has access to all declared variables.
 
-  function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    var instance = currentRenderingInstance || currentInstance;
 
-    if (instance) {
-      var Component = instance.type; // explicit self name has highest priority
+      if (setupState !== EMPTY_OBJ && setupState.__isScriptSetup && hasOwn(setupState, key)) {
+        return setupState[key];
+      } // data / props / ctx
+      // This getter gets called for every property access on the render context
+      // during render and is a major hotspot. The most expensive part of this
+      // is the multiple hasOwn() calls. It's much faster to do a simple property
+      // access on a plain object, so we use an accessCache object (with null
+      // prototype) to memoize what access type a key corresponds to.
 
-      if (type === COMPONENTS) {
-        var selfName = getComponentName(Component);
 
-        if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
-          return Component;
+      var normalizedProps;
+
+      if (key[0] !== '$') {
+        var n = accessCache[key];
+
+        if (n !== undefined) {
+          switch (n) {
+            case 0
+            /* SETUP */
+            :
+              return setupState[key];
+
+            case 1
+            /* DATA */
+            :
+              return data[key];
+
+            case 3
+            /* CONTEXT */
+            :
+              return ctx[key];
+
+            case 2
+            /* PROPS */
+            :
+              return props[key];
+            // default: just fallthrough
+          }
+        } else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+          accessCache[key] = 0
+          /* SETUP */
+          ;
+          return setupState[key];
+        } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+          accessCache[key] = 1
+          /* DATA */
+          ;
+          return data[key];
+        } else if ( // only cache other properties when instance has declared (thus stable)
+        // props
+        (normalizedProps = instance.propsOptions[0]) && hasOwn(normalizedProps, key)) {
+          accessCache[key] = 2
+          /* PROPS */
+          ;
+          return props[key];
+        } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+          accessCache[key] = 3
+          /* CONTEXT */
+          ;
+          return ctx[key];
+        } else if (shouldCacheAccess) {
+          accessCache[key] = 4
+          /* OTHER */
+          ;
         }
       }
 
-      var res = // local registration
-      // check instance[type] first which is resolved for options API
-      resolve(instance[type] || Component[type], name) || // window registration
-      resolve(instance.appContext[type], name);
+      var publicGetter = publicPropertiesMap[key];
+      var cssModule, globalProperties; // public $xxx properties
 
-      if (!res && maybeSelfReference) {
-        // fallback to implicit self-reference
-        return Component;
-      }
+      if (publicGetter) {
+        if (key === '$attrs') {
+          track(instance, "get"
+          /* GET */
+          , key);
+          markAttrsAccessed();
+        }
 
-      if (warnMissing && !res) {
-        warn("Failed to resolve ".concat(type.slice(0, -1), ": ").concat(name));
+        return publicGetter(instance);
+      } else if ( // css module (injected by vue-loader)
+      (cssModule = type.__cssModules) && (cssModule = cssModule[key])) {
+        return cssModule;
+      } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+        // user may set custom properties to `this` that start with `$`
+        accessCache[key] = 3
+        /* CONTEXT */
+        ;
+        return ctx[key];
+      } else if (globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key)) {
+        {
+          return globalProperties[key];
+        }
+      } else if (currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading
+      // to infinite warning loop
+      key.indexOf('__v') !== 0)) {
+        if (data !== EMPTY_OBJ && (key[0] === '$' || key[0] === '_') && hasOwn(data, key)) {
+          warn$1("Property ".concat(JSON.stringify(key), " must be accessed via $data because it starts with a reserved ") + "character (\"$\" or \"_\") and is not proxied on the render context.");
+        } else if (instance === currentRenderingInstance) {
+          warn$1("Property ".concat(JSON.stringify(key), " was accessed during render ") + "but is not defined on instance.");
+        }
       }
+    },
 
-      return res;
-    } else {
-      warn("resolve".concat(capitalize(type.slice(0, -1)), " ") + "can only be used in render() or setup().");
-    }
-  }
+    set({
+      _: instance
+    }, key, value) {
+      var {
+        data,
+        setupState,
+        ctx
+      } = instance;
 
-  function resolve(registry, name) {
-    return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
-  }
+      if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+        setupState[key] = value;
+      } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+        data[key] = value;
+      } else if (hasOwn(instance.props, key)) {
+        warn$1("Attempting to mutate prop \"".concat(key, "\". Props are readonly."), instance);
+        return false;
+      }
 
-  var Fragment = Symbol('Fragment');
-  var Text = Symbol('Text');
-  var Comment$1 = Symbol('Comment');
-  var Static = Symbol('Static'); // Since v-if and v-for are the two possible ways node structure can dynamically
-  // change, once we consider v-if branches and each v-for fragment a block, we
-  // can divide a template into nested blocks, and within each block the node
-  // structure would be stable. This allows us to skip most children diffing
-  // and only worry about the dynamic nodes (indicated by patch flags).
+      if (key[0] === '$' && key.slice(1) in instance) {
+        warn$1("Attempting to mutate public property \"".concat(key, "\". ") + "Properties starting with $ are reserved and readonly.", instance);
+        return false;
+      } else {
+        if (key in instance.appContext.config.globalProperties) {
+          Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            value
+          });
+        } else {
+          ctx[key] = value;
+        }
+      }
 
-  var blockStack = [];
-  var currentBlock = null;
-  /**
-   * Open a block.
-   * This must be called before `createBlock`. It cannot be part of `createBlock`
-   * because the children of the block are evaluated before `createBlock` itself
-   * is called. The generated code typically looks like this:
-   *
-   * ```js
-   * function render() {
-   *   return (openBlock(),createBlock('div', null, [...]))
-   * }
-   * ```
-   * disableTracking is true when creating a v-for fragment block, since a v-for
-   * fragment always diffs its children.
-   *
-   * @private
-   */
+      return true;
+    },
+
+    has({
+      _: {
+        data,
+        setupState,
+        accessCache,
+        ctx,
+        appContext,
+        propsOptions
+      }
+    }, key) {
+      var normalizedProps;
+      return accessCache[key] !== undefined || data !== EMPTY_OBJ && hasOwn(data, key) || setupState !== EMPTY_OBJ && hasOwn(setupState, key) || (normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key) || hasOwn(ctx, key) || hasOwn(publicPropertiesMap, key) || hasOwn(appContext.config.globalProperties, key);
+    }
 
-  function openBlock(disableTracking = false) {
-    blockStack.push(currentBlock = disableTracking ? null : []);
+  };
+  {
+    PublicInstanceProxyHandlers.ownKeys = target => {
+      warn$1("Avoid app logic that relies on enumerating keys on a component instance. " + "The keys will be empty in production mode to avoid performance overhead.");
+      return Reflect.ownKeys(target);
+    };
   }
+  var RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/extend({}, PublicInstanceProxyHandlers, {
+    get(target, key) {
+      // fast path for unscopables when using `with` block
+      if (key === Symbol.unscopables) {
+        return;
+      }
 
-  function closeBlock() {
-    blockStack.pop();
-    currentBlock = blockStack[blockStack.length - 1] || null;
-  } // Whether we should be tracking dynamic child nodes inside a block.
-  // Only tracks when this value is > 0
-  // We are not using a simple boolean because this value may need to be
-  // incremented/decremented by nested usage of v-once (see below)
-
+      return PublicInstanceProxyHandlers.get(target, key, target);
+    },
 
-  var isBlockTreeEnabled = 1;
-  /**
-   * Block tracking sometimes needs to be disabled, for example during the
-   * creation of a tree that needs to be cached by v-once. The compiler generates
-   * code like this:
-   *
-   * ``` js
-   * _cache[1] || (
-   *   setBlockTracking(-1),
-   *   _cache[1] = createVNode(...),
-   *   setBlockTracking(1),
-   *   _cache[1]
-   * )
-   * ```
-   *
-   * @private
-   */
+    has(_, key) {
+      var has = key[0] !== '_' && !isGloballyWhitelisted(key);
 
-  function setBlockTracking(value) {
-    isBlockTreeEnabled += value;
-  }
-  /**
-   * Create a block root vnode. Takes the same exact arguments as `createVNode`.
-   * A block root keeps track of dynamic nodes within the block in the
-   * `dynamicChildren` array.
-   *
-   * @private
-   */
+      if (!has && PublicInstanceProxyHandlers.has(_, key)) {
+        warn$1("Property ".concat(JSON.stringify(key), " should not start with _ which is a reserved prefix for Vue internals."));
+      }
 
+      return has;
+    }
 
-  function createBlock(type, props, children, patchFlag, dynamicProps) {
-    var vnode = createVNode(type, props, children, patchFlag, dynamicProps, true
-    /* isBlock: prevent a block from tracking itself */
-    ); // save current block children on the block vnode
+  }); // dev only
+  // In dev mode, the proxy target exposes the same properties as seen on `this`
+  // for easier console inspection. In prod mode it will be an empty object so
+  // these properties definitions can be skipped.
 
-    vnode.dynamicChildren = isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null; // close block
+  function createDevRenderContext(instance) {
+    var target = {}; // expose internal instance for proxy handlers
 
-    closeBlock(); // a block is always going to be patched, so track it as a child of its
-    // parent block
+    Object.defineProperty(target, "_", {
+      configurable: true,
+      enumerable: false,
+      get: () => instance
+    }); // expose public properties
 
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-      currentBlock.push(vnode);
-    }
+    Object.keys(publicPropertiesMap).forEach(key => {
+      Object.defineProperty(target, key, {
+        configurable: true,
+        enumerable: false,
+        get: () => publicPropertiesMap[key](instance),
+        // intercepted by the proxy so no need for implementation,
+        // but needed to prevent set errors
+        set: NOOP
+      });
+    });
+    return target;
+  } // dev only
 
-    return vnode;
-  }
 
-  function isVNode(value) {
-    return value ? value.__v_isVNode === true : false;
-  }
+  function exposePropsOnRenderContext(instance) {
+    var {
+      ctx,
+      propsOptions: [propsOptions]
+    } = instance;
 
-  function isSameVNodeType(n1, n2) {
-    if (n2.shapeFlag & 6
-    /* COMPONENT */
-    && hmrDirtyComponents.has(n2.type)) {
-      // HMR only: if the component has been hot-updated, force a reload.
-      return false;
+    if (propsOptions) {
+      Object.keys(propsOptions).forEach(key => {
+        Object.defineProperty(ctx, key, {
+          enumerable: true,
+          configurable: true,
+          get: () => instance.props[key],
+          set: NOOP
+        });
+      });
     }
+  } // dev only
 
-    return n1.type === n2.type && n1.key === n2.key;
-  }
 
-  var vnodeArgsTransformer;
-  /**
-   * Internal API for registering an arguments transform for createVNode
-   * used for creating stubs in the test-utils
-   * It is *internal* but needs to be exposed for test-utils to pick up proper
-   * typings
-   */
+  function exposeSetupStateOnRenderContext(instance) {
+    var {
+      ctx,
+      setupState
+    } = instance;
+    Object.keys(toRaw(setupState)).forEach(key => {
+      if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
+        warn$1("setup() return property ".concat(JSON.stringify(key), " should not start with \"$\" or \"_\" ") + "which are reserved prefixes for Vue internals.");
+        return;
+      }
 
-  function transformVNodeArgs(transformer) {
-    vnodeArgsTransformer = transformer;
+      Object.defineProperty(ctx, key, {
+        enumerable: true,
+        configurable: true,
+        get: () => setupState[key],
+        set: NOOP
+      });
+    });
   }
 
-  var createVNodeWithArgsTransform = (...args) => {
-    return _createVNode(...(vnodeArgsTransformer ? vnodeArgsTransformer(args, currentRenderingInstance) : args));
-  };
+  var emptyAppContext = createAppContext();
+  var uid$1 = 0;
 
-  var InternalObjectKey = "__vInternal";
+  function createComponentInstance(vnode, parent, suspense) {
+    var type = vnode.type; // inherit parent app context - or - if root, adopt from root vnode
 
-  var normalizeKey = ({
-    key
-  }) => key != null ? key : null;
+    var appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
+    var instance = {
+      uid: uid$1++,
+      vnode,
+      type,
+      parent,
+      appContext,
+      root: null,
+      next: null,
+      subTree: null,
+      update: null,
+      scope: new EffectScope(true
+      /* detached */
+      ),
+      render: null,
+      proxy: null,
+      exposed: null,
+      exposeProxy: null,
+      withProxy: null,
+      provides: parent ? parent.provides : Object.create(appContext.provides),
+      accessCache: null,
+      renderCache: [],
+      // local resovled assets
+      components: null,
+      directives: null,
+      // resolved props and emits options
+      propsOptions: normalizePropsOptions(type, appContext),
+      emitsOptions: normalizeEmitsOptions(type, appContext),
+      // emit
+      emit: null,
+      emitted: null,
+      // props default value
+      propsDefaults: EMPTY_OBJ,
+      // inheritAttrs
+      inheritAttrs: type.inheritAttrs,
+      // state
+      ctx: EMPTY_OBJ,
+      data: EMPTY_OBJ,
+      props: EMPTY_OBJ,
+      attrs: EMPTY_OBJ,
+      slots: EMPTY_OBJ,
+      refs: EMPTY_OBJ,
+      setupState: EMPTY_OBJ,
+      setupContext: null,
+      // suspense related
+      suspense,
+      suspenseId: suspense ? suspense.pendingId : 0,
+      asyncDep: null,
+      asyncResolved: false,
+      // lifecycle hooks
+      // not using enums here because it results in computed properties
+      isMounted: false,
+      isUnmounted: false,
+      isDeactivated: false,
+      bc: null,
+      c: null,
+      bm: null,
+      m: null,
+      bu: null,
+      u: null,
+      um: null,
+      bum: null,
+      da: null,
+      a: null,
+      rtg: null,
+      rtc: null,
+      ec: null,
+      sp: null
+    };
+    {
+      instance.ctx = createDevRenderContext(instance);
+    }
+    instance.root = parent ? parent.root : instance;
+    instance.emit = emit.bind(null, instance); // apply custom element special handling
 
-  var normalizeRef = ({
-    ref
-  }) => {
-    return ref != null ? isString(ref) || isRef(ref) || isFunction(ref) ? {
-      i: currentRenderingInstance,
-      r: ref
-    } : ref : null;
-  };
+    if (vnode.ce) {
+      vnode.ce(instance);
+    }
 
-  var createVNode = createVNodeWithArgsTransform;
+    return instance;
+  }
 
-  function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-      if (!type) {
-        warn("Invalid vnode type when creating vnode: ".concat(type, "."));
-      }
+  var currentInstance = null;
 
-      type = Comment$1;
-    }
+  var getCurrentInstance = () => currentInstance || currentRenderingInstance;
 
-    if (isVNode(type)) {
-      // createVNode receiving an existing vnode. This happens in cases like
-      // <component :is="vnode"/>
-      // #2078 make sure to merge refs during the clone instead of overwriting it
-      var cloned = cloneVNode(type, props, true
-      /* mergeRef: true */
-      );
+  var setCurrentInstance = instance => {
+    currentInstance = instance;
+    instance.scope.on();
+  };
 
-      if (children) {
-        normalizeChildren(cloned, children);
-      }
+  var unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
+  };
+
+  var isBuiltInTag = /*#__PURE__*/makeMap('slot,component');
 
-      return cloned;
-    } // class component normalization.
+  function validateComponentName(name, config) {
+    var appIsNativeTag = config.isNativeTag || NO;
 
+    if (isBuiltInTag(name) || appIsNativeTag(name)) {
+      warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
+    }
+  }
 
-    if (isClassComponent(type)) {
-      type = type.__vccOpts;
-    } // class & style normalization.
+  function isStatefulComponent(instance) {
+    return instance.vnode.shapeFlag & 4
+    /* STATEFUL_COMPONENT */
+    ;
+  }
 
+  var isInSSRComponentSetup = false;
 
-    if (props) {
-      // for reactive or proxy objects, we need to clone it to enable mutation.
-      if (isProxy(props) || InternalObjectKey in props) {
-        props = extend({}, props);
+  function setupComponent(instance, isSSR = false) {
+    isInSSRComponentSetup = isSSR;
+    var {
+      props,
+      children
+    } = instance.vnode;
+    var isStateful = isStatefulComponent(instance);
+    initProps(instance, props, isStateful, isSSR);
+    initSlots(instance, children);
+    var setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : undefined;
+    isInSSRComponentSetup = false;
+    return setupResult;
+  }
+
+  function setupStatefulComponent(instance, isSSR) {
+    var Component = instance.type;
+    {
+      if (Component.name) {
+        validateComponentName(Component.name, instance.appContext.config);
       }
 
-      var {
-        class: klass,
-        style
-      } = props;
+      if (Component.components) {
+        var names = Object.keys(Component.components);
 
-      if (klass && !isString(klass)) {
-        props.class = normalizeClass(klass);
+        for (var i = 0; i < names.length; i++) {
+          validateComponentName(names[i], instance.appContext.config);
+        }
       }
 
-      if (isObject(style)) {
-        // reactive state objects need to be cloned since they are likely to be
-        // mutated
-        if (isProxy(style) && !isArray(style)) {
-          style = extend({}, style);
+      if (Component.directives) {
+        var _names = Object.keys(Component.directives);
+
+        for (var _i4 = 0; _i4 < _names.length; _i4++) {
+          validateDirectiveName(_names[_i4]);
         }
+      }
 
-        props.style = normalizeStyle(style);
+      if (Component.compilerOptions && isRuntimeOnly()) {
+        warn$1("\"compilerOptions\" is only supported when using a build of Vue that " + "includes the runtime compiler. Since you are using a runtime-only " + "build, the options should be passed via your build tool config instead.");
       }
-    } // encode the vnode type information into a bitmap
+    } // 0. create render proxy property access cache
 
+    instance.accessCache = Object.create(null); // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
 
-    var shapeFlag = isString(type) ? 1
-    /* ELEMENT */
-    : isSuspense(type) ? 128
-    /* SUSPENSE */
-    : isTeleport(type) ? 64
-    /* TELEPORT */
-    : isObject(type) ? 4
-    /* STATEFUL_COMPONENT */
-    : isFunction(type) ? 2
-    /* FUNCTIONAL_COMPONENT */
-    : 0;
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    {
+      exposePropsOnRenderContext(instance);
+    } // 2. call setup()
 
-    if (shapeFlag & 4
-    /* STATEFUL_COMPONENT */
-    && isProxy(type)) {
-      type = toRaw(type);
-      warn("Vue received a Component which was made a reactive object. This can " + "lead to unnecessary performance overhead, and should be avoided by " + "marking the component with `markRaw` or using `shallowRef` " + "instead of `ref`.", "\nComponent that was made reactive: ", type);
-    }
+    var {
+      setup
+    } = Component;
 
-    var vnode = {
-      __v_isVNode: true,
-      __v_skip: true,
-      type,
-      props,
-      key: props && normalizeKey(props),
-      ref: props && normalizeRef(props),
-      scopeId: currentScopeId,
-      slotScopeIds: null,
-      children: null,
-      component: null,
-      suspense: null,
-      ssContent: null,
-      ssFallback: null,
-      dirs: null,
-      transition: null,
-      el: null,
-      anchor: null,
-      target: null,
-      targetAnchor: null,
-      shapeFlag,
-      patchFlag,
-      dynamicProps,
-      dynamicChildren: null,
-      appContext: null
-    }; // validate key
+    if (setup) {
+      var setupContext = instance.setupContext = setup.length > 1 ? createSetupContext(instance) : null;
+      setCurrentInstance(instance);
+      pauseTracking();
+      var setupResult = callWithErrorHandling(setup, instance, 0
+      /* SETUP_FUNCTION */
+      , [shallowReadonly(instance.props), setupContext]);
+      resetTracking();
+      unsetCurrentInstance();
 
-    if (vnode.key !== vnode.key) {
-      warn("VNode created with invalid key (NaN). VNode type:", vnode.type);
+      if (isPromise(setupResult)) {
+        setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+
+        if (isSSR) {
+          // return the promise so server-renderer can wait on it
+          return setupResult.then(resolvedResult => {
+            handleSetupResult(instance, resolvedResult, isSSR);
+          }).catch(e => {
+            handleError(e, instance, 0
+            /* SETUP_FUNCTION */
+            );
+          });
+        } else {
+          // async setup returned Promise.
+          // bail here and wait for re-entry.
+          instance.asyncDep = setupResult;
+        }
+      } else {
+        handleSetupResult(instance, setupResult, isSSR);
+      }
+    } else {
+      finishComponentSetup(instance, isSSR);
     }
+  }
 
-    normalizeChildren(vnode, children); // normalize suspense children
+  function handleSetupResult(instance, setupResult, isSSR) {
+    if (isFunction(setupResult)) {
+      // setup returned an inline render function
+      {
+        instance.render = setupResult;
+      }
+    } else if (isObject(setupResult)) {
+      if (isVNode(setupResult)) {
+        warn$1("setup() should not return VNodes directly - " + "return a render function instead.");
+      } // setup returned bindings.
+      // assuming a render function compiled from template is present.
 
-    if (shapeFlag & 128
-    /* SUSPENSE */
-    ) {
-      type.normalize(vnode);
-    }
 
-    if (isBlockTreeEnabled > 0 && // avoid a block node from tracking itself
-    !isBlockNode && // has current parent block
-    currentBlock && (patchFlag > 0 || shapeFlag & 6
-    /* COMPONENT */
-    ) && // the EVENTS flag is only for hydration and if it is the only flag, the
-    // vnode should not be considered dynamic due to handler caching.
-    patchFlag !== 32
-    /* HYDRATE_EVENTS */
-    ) {
-      currentBlock.push(vnode);
+      {
+        instance.devtoolsRawSetupState = setupResult;
+      }
+      instance.setupState = proxyRefs(setupResult);
+      {
+        exposeSetupStateOnRenderContext(instance);
+      }
+    } else if (setupResult !== undefined) {
+      warn$1("setup() should return an object. Received: ".concat(setupResult === null ? 'null' : typeof setupResult));
     }
 
-    return vnode;
+    finishComponentSetup(instance, isSSR);
   }
 
-  function cloneVNode(vnode, extraProps, mergeRef = false) {
-    // This is intentionally NOT using spread or extend to avoid the runtime
-    // key enumeration cost.
-    var {
-      props,
-      ref,
-      patchFlag,
-      children
-    } = vnode;
-    var mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    var cloned = {
-      __v_isVNode: true,
-      __v_skip: true,
-      type: vnode.type,
-      props: mergedProps,
-      key: mergedProps && normalizeKey(mergedProps),
-      ref: extraProps && extraProps.ref ? // #2078 in the case of <component :is="vnode" ref="extra"/>
-      // if the vnode itself already has a ref, cloneVNode will need to merge
-      // the refs so the single vnode can be set on multiple refs
-      mergeRef && ref ? isArray(ref) ? ref.concat(normalizeRef(extraProps)) : [ref, normalizeRef(extraProps)] : normalizeRef(extraProps) : ref,
-      scopeId: vnode.scopeId,
-      slotScopeIds: vnode.slotScopeIds,
-      children: patchFlag === -1
-      /* HOISTED */
-      && isArray(children) ? children.map(deepCloneVNode) : children,
-      target: vnode.target,
-      targetAnchor: vnode.targetAnchor,
-      staticCount: vnode.staticCount,
-      staticCache: vnode.staticCache,
-      shapeFlag: vnode.shapeFlag,
-      // if the vnode is cloned with extra props, we can no longer assume its
-      // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-      // note: perserve flag for fragments since they use the flag for children
-      // fast paths only.
-      patchFlag: extraProps && vnode.type !== Fragment ? patchFlag === -1 // hoisted node
-      ? 16
-      /* FULL_PROPS */
-      : patchFlag | 16
-      /* FULL_PROPS */
-      : patchFlag,
-      dynamicProps: vnode.dynamicProps,
-      dynamicChildren: vnode.dynamicChildren,
-      appContext: vnode.appContext,
-      dirs: vnode.dirs,
-      transition: vnode.transition,
-      // These should technically only be non-null on mounted VNodes. However,
-      // they *should* be copied for kept-alive vnodes. So we just always copy
-      // them since them being non-null during a mount doesn't affect the logic as
-      // they will simply be overwritten.
-      component: vnode.component,
-      suspense: vnode.suspense,
-      ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
-      ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
-      el: vnode.el,
-      anchor: vnode.anchor
-    };
-    return cloned;
-  }
+  var compile;
+  var installWithProxy;
   /**
-   * Dev only, for HMR of hoisted vnodes reused in v-for
-   * https://github.com/vitejs/vite/issues/2022
+   * For runtime-dom to register the compiler.
+   * Note the exported method uses any to avoid d.ts relying on the compiler types.
    */
 
+  function registerRuntimeCompiler(_compile) {
+    compile = _compile;
+
+    installWithProxy = i => {
+      if (i.render._rc) {
+        i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
+      }
+    };
+  } // dev only
+
+
+  var isRuntimeOnly = () => !compile;
+
+  function finishComponentSetup(instance, isSSR, skipOptions) {
+    var Component = instance.type; // template / render function normalization
+
+    if (!instance.render) {
+      // could be set from setup()
+      if (compile && !Component.render) {
+        var template = Component.template;
+
+        if (template) {
+          {
+            startMeasure(instance, "compile");
+          }
+          var {
+            isCustomElement,
+            compilerOptions
+          } = instance.appContext.config;
+          var {
+            delimiters,
+            compilerOptions: componentCompilerOptions
+          } = Component;
+          var finalCompilerOptions = extend(extend({
+            isCustomElement,
+            delimiters
+          }, compilerOptions), componentCompilerOptions);
+          Component.render = compile(template, finalCompilerOptions);
+          {
+            endMeasure(instance, "compile");
+          }
+        }
+      }
+
+      instance.render = Component.render || NOOP; // for runtime-compiled render functions using `with` blocks, the render
+      // proxy used needs a different `has` handler which is more performant and
+      // also only allows a whitelist of globals to fallthrough.
 
-  function deepCloneVNode(vnode) {
-    var cloned = cloneVNode(vnode);
+      if (installWithProxy) {
+        installWithProxy(instance);
+      }
+    } // support for 2.x options
 
-    if (isArray(vnode.children)) {
-      cloned.children = vnode.children.map(deepCloneVNode);
-    }
 
-    return cloned;
+    {
+      setCurrentInstance(instance);
+      pauseTracking();
+      applyOptions(instance);
+      resetTracking();
+      unsetCurrentInstance();
+    } // warn missing template/render
+    // the runtime compilation of template in SSR is done by server-render
+
+    if (!Component.render && instance.render === NOOP && !isSSR) {
+      /* istanbul ignore if */
+      if (!compile && Component.template) {
+        warn$1("Component provided template option but " + "runtime compilation is not supported in this build of Vue." + " Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\"."
+        /* should not happen */
+        );
+      } else {
+        warn$1("Component is missing template or render function.");
+      }
+    }
   }
-  /**
-   * @private
-   */
 
+  function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, {
+      get(target, key) {
+        markAttrsAccessed();
+        track(instance, "get"
+        /* GET */
+        , '$attrs');
+        return target[key];
+      },
 
-  function createTextVNode(text = ' ', flag = 0) {
-    return createVNode(Text, null, text, flag);
-  }
-  /**
-   * @private
-   */
+      set() {
+        warn$1("setupContext.attrs is readonly.");
+        return false;
+      },
 
+      deleteProperty() {
+        warn$1("setupContext.attrs is readonly.");
+        return false;
+      }
 
-  function createStaticVNode(content, numberOfNodes) {
-    // A static vnode can contain multiple stringified elements, and the number
-    // of elements is necessary for hydration.
-    var vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
+    });
   }
-  /**
-   * @private
-   */
 
+  function createSetupContext(instance) {
+    var expose = exposed => {
+      if (instance.exposed) {
+        warn$1("expose() should be called only once per setup().");
+      }
 
-  function createCommentVNode(text = '', // when used as the v-else branch, the comment node must be created as a
-  // block to ensure correct updates.
-  asBlock = false) {
-    return asBlock ? (openBlock(), createBlock(Comment$1, null, text)) : createVNode(Comment$1, null, text);
+      instance.exposed = exposed || {};
+    };
+
+    var attrs;
+    {
+      // We use getters in dev in case libs like test-utils overwrite instance
+      // properties (overwrites should not be done in prod)
+      return Object.freeze({
+        get attrs() {
+          return attrs || (attrs = createAttrsProxy(instance));
+        },
+
+        get slots() {
+          return shallowReadonly(instance.slots);
+        },
+
+        get emit() {
+          return (event, ...args) => instance.emit(event, ...args);
+        },
+
+        expose
+      });
+    }
   }
 
-  function normalizeVNode(child) {
-    if (child == null || typeof child === 'boolean') {
-      // empty placeholder
-      return createVNode(Comment$1);
-    } else if (isArray(child)) {
-      // fragment
-      return createVNode(Fragment, null, // #3666, avoid reference pollution when reusing vnode
-      child.slice());
-    } else if (typeof child === 'object') {
-      // already vnode, this should be the most common since compiled templates
-      // always produce all-vnode children arrays
-      return cloneIfMounted(child);
-    } else {
-      // strings and numbers
-      return createVNode(Text, null, String(child));
+  function getExposeProxy(instance) {
+    if (instance.exposed) {
+      return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+        get(target, key) {
+          if (key in target) {
+            return target[key];
+          } else if (key in publicPropertiesMap) {
+            return publicPropertiesMap[key](instance);
+          }
+        }
+
+      }));
     }
-  } // optimized normalization for template-compiled render fns
+  }
 
+  var classifyRE = /(?:^|[-_])(\w)/g;
 
-  function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
+  var classify = str => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+
+  function getComponentName(Component) {
+    return isFunction(Component) ? Component.displayName || Component.name : Component.name;
   }
+  /* istanbul ignore next */
 
-  function normalizeChildren(vnode, children) {
-    var type = 0;
-    var {
-      shapeFlag
-    } = vnode;
 
-    if (children == null) {
-      children = null;
-    } else if (isArray(children)) {
-      type = 16
-      /* ARRAY_CHILDREN */
-      ;
-    } else if (typeof children === 'object') {
-      if (shapeFlag & 1
-      /* ELEMENT */
-      || shapeFlag & 64
-      /* TELEPORT */
-      ) {
-        // Normalize slot to plain children for plain element and Teleport
-        var slot = children.default;
+  function formatComponentName(instance, Component, isRoot = false) {
+    var name = getComponentName(Component);
 
-        if (slot) {
-          // _c marker is added by withCtx() indicating this is a compiled slot
-          slot._c && (slot._d = false);
-          normalizeChildren(vnode, slot());
-          slot._c && (slot._d = true);
-        }
+    if (!name && Component.__file) {
+      var match = Component.__file.match(/([^/\\]+)\.\w+$/);
 
-        return;
-      } else {
-        type = 32
-        /* SLOTS_CHILDREN */
-        ;
-        var slotFlag = children._;
+      if (match) {
+        name = match[1];
+      }
+    }
 
-        if (!slotFlag && !(InternalObjectKey in children)) {
-          children._ctx = currentRenderingInstance;
-        } else if (slotFlag === 3
-        /* FORWARDED */
-        && currentRenderingInstance) {
-          // a child component receives forwarded slots from the parent.
-          // its slot type is determined by its parent's slot type.
-          if (currentRenderingInstance.slots._ === 1
-          /* STABLE */
-          ) {
-            children._ = 1
-            /* STABLE */
-            ;
-          } else {
-            children._ = 2
-            /* DYNAMIC */
-            ;
-            vnode.patchFlag |= 1024
-            /* DYNAMIC_SLOTS */
-            ;
+    if (!name && instance && instance.parent) {
+      // try to infer the name based on reverse resolution
+      var inferFromRegistry = registry => {
+        for (var key in registry) {
+          if (registry[key] === Component) {
+            return key;
           }
         }
-      }
-    } else if (isFunction(children)) {
-      children = {
-        default: children,
-        _ctx: currentRenderingInstance
       };
-      type = 32
-      /* SLOTS_CHILDREN */
-      ;
-    } else {
-      children = String(children); // force teleport children to array so it can be moved around
 
-      if (shapeFlag & 64
-      /* TELEPORT */
-      ) {
-        type = 16
-        /* ARRAY_CHILDREN */
-        ;
-        children = [createTextVNode(children)];
-      } else {
-        type = 8
-        /* TEXT_CHILDREN */
-        ;
-      }
+      name = inferFromRegistry(instance.components || instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
     }
 
-    vnode.children = children;
-    vnode.shapeFlag |= type;
+    return name ? classify(name) : isRoot ? "App" : "Anonymous";
   }
 
-  function mergeProps(...args) {
-    var ret = extend({}, args[0]);
+  function isClassComponent(value) {
+    return isFunction(value) && '__vccOpts' in value;
+  }
 
-    for (var i = 1; i < args.length; i++) {
-      var toMerge = args[i];
+  var stack = [];
 
-      for (var key in toMerge) {
-        if (key === 'class') {
-          if (ret.class !== toMerge.class) {
-            ret.class = normalizeClass([ret.class, toMerge.class]);
-          }
-        } else if (key === 'style') {
-          ret.style = normalizeStyle([ret.style, toMerge.style]);
-        } else if (isOn(key)) {
-          var existing = ret[key];
-          var incoming = toMerge[key];
+  function pushWarningContext(vnode) {
+    stack.push(vnode);
+  }
+
+  function popWarningContext() {
+    stack.pop();
+  }
+
+  function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    var instance = stack.length ? stack[stack.length - 1].component : null;
+    var appWarnHandler = instance && instance.appContext.config.warnHandler;
+    var trace = getComponentTrace();
 
-          if (existing !== incoming) {
-            ret[key] = existing ? [].concat(existing, incoming) : incoming;
-          }
-        } else if (key !== '') {
-          ret[key] = toMerge[key];
-        }
+    if (appWarnHandler) {
+      callWithErrorHandling(appWarnHandler, instance, 11
+      /* APP_WARN_HANDLER */
+      , [msg + args.join(''), instance && instance.proxy, trace.map(({
+        vnode
+      }) => "at <".concat(formatComponentName(instance, vnode.type), ">")).join('\n'), trace]);
+    } else {
+      var warnArgs = ["[Vue warn]: ".concat(msg), ...args];
+      /* istanbul ignore if */
+
+      if (trace.length && // avoid spamming console during tests
+      !false) {
+        warnArgs.push("\n", ...formatTrace(trace));
       }
+
+      console.warn(...warnArgs);
     }
 
-    return ret;
+    resetTracking();
   }
-  /**
-   * Actual implementation
-   */
 
+  function getComponentTrace() {
+    var currentVNode = stack[stack.length - 1];
 
-  function renderList(source, renderItem) {
-    var ret;
+    if (!currentVNode) {
+      return [];
+    } // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
 
-    if (isArray(source) || isString(source)) {
-      ret = new Array(source.length);
 
-      for (var i = 0, l = source.length; i < l; i++) {
-        ret[i] = renderItem(source[i], i);
-      }
-    } else if (typeof source === 'number') {
-      if (!Number.isInteger(source)) {
-        warn("The v-for range expect an integer value but got ".concat(source, "."));
-        return [];
-      }
+    var normalizedStack = [];
 
-      ret = new Array(source);
+    while (currentVNode) {
+      var last = normalizedStack[0];
 
-      for (var _i2 = 0; _i2 < source; _i2++) {
-        ret[_i2] = renderItem(_i2 + 1, _i2);
-      }
-    } else if (isObject(source)) {
-      if (source[Symbol.iterator]) {
-        ret = Array.from(source, renderItem);
+      if (last && last.vnode === currentVNode) {
+        last.recurseCount++;
       } else {
-        var keys = Object.keys(source);
-        ret = new Array(keys.length);
-
-        for (var _i3 = 0, _l = keys.length; _i3 < _l; _i3++) {
-          var key = keys[_i3];
-          ret[_i3] = renderItem(source[key], key, _i3);
-        }
+        normalizedStack.push({
+          vnode: currentVNode,
+          recurseCount: 0
+        });
       }
-    } else {
-      ret = [];
+
+      var parentInstance = currentVNode.component && currentVNode.component.parent;
+      currentVNode = parentInstance && parentInstance.vnode;
     }
 
-    return ret;
+    return normalizedStack;
   }
-  /**
-   * Compiler runtime helper for creating dynamic slots object
-   * @private
-   */
-
+  /* istanbul ignore next */
 
-  function createSlots(slots, dynamicSlots) {
-    for (var i = 0; i < dynamicSlots.length; i++) {
-      var slot = dynamicSlots[i]; // array of dynamic slot generated by <template v-for="..." #[...]>
 
-      if (isArray(slot)) {
-        for (var j = 0; j < slot.length; j++) {
-          slots[slot[j].name] = slot[j].fn;
-        }
-      } else if (slot) {
-        // conditional single slot generated by <template v-if="..." #foo>
-        slots[slot.name] = slot.fn;
-      }
-    }
+  function formatTrace(trace) {
+    var logs = [];
+    trace.forEach((entry, i) => {
+      logs.push(...(i === 0 ? [] : ["\n"]), ...formatTraceEntry(entry));
+    });
+    return logs;
+  }
 
-    return slots;
+  function formatTraceEntry({
+    vnode,
+    recurseCount
+  }) {
+    var postfix = recurseCount > 0 ? "... (".concat(recurseCount, " recursive calls)") : "";
+    var isRoot = vnode.component ? vnode.component.parent == null : false;
+    var open = " at <".concat(formatComponentName(vnode.component, vnode.type, isRoot));
+    var close = ">" + postfix;
+    return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close];
   }
-  /**
-   * Compiler runtime helper for rendering `<slot/>`
-   * @private
-   */
+  /* istanbul ignore next */
 
 
-  function renderSlot(slots, name, props = {}, // this is not a user-facing function, so the fallback is always generated by
-  // the compiler and guaranteed to be a function returning an array
-  fallback, noSlotted) {
-    var slot = slots[name];
+  function formatProps(props) {
+    var res = [];
+    var keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+      res.push(...formatProp(key, props[key]));
+    });
 
-    if (slot && slot.length > 1) {
-      warn("SSR-optimized slot function detected in a non-SSR-optimized render " + "function. You need to mark this component with $dynamic-slots in the " + "parent template.");
+    if (keys.length > 3) {
+      res.push(" ...");
+    }
 
-      slot = () => [];
-    } // a compiled slot disables block tracking by default to avoid manual
-    // invocation interfering with template-based block tracking, but in
-    // `renderSlot` we can be sure that it's template-based so we can force
-    // enable it.
+    return res;
+  }
+  /* istanbul ignore next */
 
 
-    if (slot && slot._c) {
-      slot._d = false;
+  function formatProp(key, value, raw) {
+    if (isString(value)) {
+      value = JSON.stringify(value);
+      return raw ? value : ["".concat(key, "=").concat(value)];
+    } else if (typeof value === 'number' || typeof value === 'boolean' || value == null) {
+      return raw ? value : ["".concat(key, "=").concat(value)];
+    } else if (isRef(value)) {
+      value = formatProp(key, toRaw(value.value), true);
+      return raw ? value : ["".concat(key, "=Ref<"), value, ">"];
+    } else if (isFunction(value)) {
+      return ["".concat(key, "=fn").concat(value.name ? "<".concat(value.name, ">") : "")];
+    } else {
+      value = toRaw(value);
+      return raw ? value : ["".concat(key, "="), value];
     }
+  }
 
-    openBlock();
-    var validSlotContent = slot && ensureValidVNode(slot(props));
-    var rendered = createBlock(Fragment, {
-      key: props.key || "_".concat(name)
-    }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1
-    /* STABLE */
-    ? 64
-    /* STABLE_FRAGMENT */
-    : -2
-    /* BAIL */
-    );
-
-    if (!noSlotted && rendered.scopeId) {
-      rendered.slotScopeIds = [rendered.scopeId + '-s'];
-    }
+  var ErrorTypeStrings = {
+    ["sp"
+    /* SERVER_PREFETCH */
+    ]: 'serverPrefetch hook',
+    ["bc"
+    /* BEFORE_CREATE */
+    ]: 'beforeCreate hook',
+    ["c"
+    /* CREATED */
+    ]: 'created hook',
+    ["bm"
+    /* BEFORE_MOUNT */
+    ]: 'beforeMount hook',
+    ["m"
+    /* MOUNTED */
+    ]: 'mounted hook',
+    ["bu"
+    /* BEFORE_UPDATE */
+    ]: 'beforeUpdate hook',
+    ["u"
+    /* UPDATED */
+    ]: 'updated',
+    ["bum"
+    /* BEFORE_UNMOUNT */
+    ]: 'beforeUnmount hook',
+    ["um"
+    /* UNMOUNTED */
+    ]: 'unmounted hook',
+    ["a"
+    /* ACTIVATED */
+    ]: 'activated hook',
+    ["da"
+    /* DEACTIVATED */
+    ]: 'deactivated hook',
+    ["ec"
+    /* ERROR_CAPTURED */
+    ]: 'errorCaptured hook',
+    ["rtc"
+    /* RENDER_TRACKED */
+    ]: 'renderTracked hook',
+    ["rtg"
+    /* RENDER_TRIGGERED */
+    ]: 'renderTriggered hook',
+    [0
+    /* SETUP_FUNCTION */
+    ]: 'setup function',
+    [1
+    /* RENDER_FUNCTION */
+    ]: 'render function',
+    [2
+    /* WATCH_GETTER */
+    ]: 'watcher getter',
+    [3
+    /* WATCH_CALLBACK */
+    ]: 'watcher callback',
+    [4
+    /* WATCH_CLEANUP */
+    ]: 'watcher cleanup function',
+    [5
+    /* NATIVE_EVENT_HANDLER */
+    ]: 'native event handler',
+    [6
+    /* COMPONENT_EVENT_HANDLER */
+    ]: 'component event handler',
+    [7
+    /* VNODE_HOOK */
+    ]: 'vnode hook',
+    [8
+    /* DIRECTIVE_HOOK */
+    ]: 'directive hook',
+    [9
+    /* TRANSITION_HOOK */
+    ]: 'transition hook',
+    [10
+    /* APP_ERROR_HANDLER */
+    ]: 'app errorHandler',
+    [11
+    /* APP_WARN_HANDLER */
+    ]: 'app warnHandler',
+    [12
+    /* FUNCTION_REF */
+    ]: 'ref function',
+    [13
+    /* ASYNC_COMPONENT_LOADER */
+    ]: 'async component loader',
+    [14
+    /* SCHEDULER */
+    ]: 'scheduler flush. This is likely a Vue internals bug. ' + 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+  };
 
-    if (slot && slot._c) {
-      slot._d = true;
-    }
+  function callWithErrorHandling(fn, instance, type, args) {
+    var res;
 
-    return rendered;
-  }
+    try {
+      res = args ? fn(...args) : fn();
+    } catch (err) {
+      handleError(err, instance, type);
+    }
 
-  function ensureValidVNode(vnodes) {
-    return vnodes.some(child => {
-      if (!isVNode(child)) return true;
-      if (child.type === Comment$1) return false;
-      if (child.type === Fragment && !ensureValidVNode(child.children)) return false;
-      return true;
-    }) ? vnodes : null;
+    return res;
   }
-  /**
-   * For prefixing keys in v-on="obj" with "on"
-   * @private
-   */
 
+  function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (isFunction(fn)) {
+      var res = callWithErrorHandling(fn, instance, type, args);
 
-  function toHandlers(obj) {
-    var ret = {};
+      if (res && isPromise(res)) {
+        res.catch(err => {
+          handleError(err, instance, type);
+        });
+      }
 
-    if (!isObject(obj)) {
-      warn("v-on with no argument expects an object value.");
-      return ret;
+      return res;
     }
 
-    for (var key in obj) {
-      ret[toHandlerKey(key)] = obj[key];
+    var values = [];
+
+    for (var i = 0; i < fn.length; i++) {
+      values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
     }
 
-    return ret;
+    return values;
   }
-  /**
-   * #2437 In Vue 3, functional components do not have a public instance proxy but
-   * they exist in the internal parent chain. For code that relies on traversing
-   * public $parent chains, skip functional ones and go to the parent instead.
-   */
 
+  function handleError(err, instance, type, throwInDev = true) {
+    var contextVNode = instance ? instance.vnode : null;
 
-  var getPublicInstance = i => {
-    if (!i) return null;
-    if (isStatefulComponent(i)) return getExposeProxy(i) || i.proxy;
-    return getPublicInstance(i.parent);
-  };
+    if (instance) {
+      var cur = instance.parent; // the exposed instance is the render proxy to keep it consistent with 2.x
 
-  var publicPropertiesMap = extend(Object.create(null), {
-    $: i => i,
-    $el: i => i.vnode.el,
-    $data: i => i.data,
-    $props: i => shallowReadonly(i.props),
-    $attrs: i => shallowReadonly(i.attrs),
-    $slots: i => shallowReadonly(i.slots),
-    $refs: i => shallowReadonly(i.refs),
-    $parent: i => getPublicInstance(i.parent),
-    $root: i => getPublicInstance(i.root),
-    $emit: i => i.emit,
-    $options: i => resolveMergedOptions(i),
-    $forceUpdate: i => () => queueJob(i.update),
-    $nextTick: i => nextTick.bind(i.proxy),
-    $watch: i => instanceWatch.bind(i)
-  });
-  var PublicInstanceProxyHandlers = {
-    get({
-      _: instance
-    }, key) {
-      var {
-        ctx,
-        setupState,
-        data,
-        props,
-        accessCache,
-        type,
-        appContext
-      } = instance; // for internal formatters to know that this is a Vue instance
+      var exposedInstance = instance.proxy; // in production the hook receives only the error code
 
-      if (key === '__isVue') {
-        return true;
-      } // prioritize <script setup> bindings during dev.
-      // this allows even properties that start with _ or $ to be used - so that
-      // it aligns with the production behavior where the render fn is inlined and
-      // indeed has access to all declared variables.
+      var errorInfo = ErrorTypeStrings[type];
 
+      while (cur) {
+        var errorCapturedHooks = cur.ec;
 
-      if (setupState !== EMPTY_OBJ && setupState.__isScriptSetup && hasOwn(setupState, key)) {
-        return setupState[key];
-      } // data / props / ctx
-      // This getter gets called for every property access on the render context
-      // during render and is a major hotspot. The most expensive part of this
-      // is the multiple hasOwn() calls. It's much faster to do a simple property
-      // access on a plain object, so we use an accessCache object (with null
-      // prototype) to memoize what access type a key corresponds to.
+        if (errorCapturedHooks) {
+          for (var i = 0; i < errorCapturedHooks.length; i++) {
+            if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+              return;
+            }
+          }
+        }
 
+        cur = cur.parent;
+      } // app-level handling
 
-      var normalizedProps;
 
-      if (key[0] !== '$') {
-        var n = accessCache[key];
+      var appErrorHandler = instance.appContext.config.errorHandler;
 
-        if (n !== undefined) {
-          switch (n) {
-            case 0
-            /* SETUP */
-            :
-              return setupState[key];
+      if (appErrorHandler) {
+        callWithErrorHandling(appErrorHandler, null, 10
+        /* APP_ERROR_HANDLER */
+        , [err, exposedInstance, errorInfo]);
+        return;
+      }
+    }
 
-            case 1
-            /* DATA */
-            :
-              return data[key];
+    logError(err, type, contextVNode, throwInDev);
+  }
 
-            case 3
-            /* CONTEXT */
-            :
-              return ctx[key];
+  function logError(err, type, contextVNode, throwInDev = true) {
+    {
+      var info = ErrorTypeStrings[type];
 
-            case 2
-            /* PROPS */
-            :
-              return props[key];
-            // default: just fallthrough
-          }
-        } else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-          accessCache[key] = 0
-          /* SETUP */
-          ;
-          return setupState[key];
-        } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-          accessCache[key] = 1
-          /* DATA */
-          ;
-          return data[key];
-        } else if ( // only cache other properties when instance has declared (thus stable)
-        // props
-        (normalizedProps = instance.propsOptions[0]) && hasOwn(normalizedProps, key)) {
-          accessCache[key] = 2
-          /* PROPS */
-          ;
-          return props[key];
-        } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-          accessCache[key] = 3
-          /* CONTEXT */
-          ;
-          return ctx[key];
-        } else if (shouldCacheAccess) {
-          accessCache[key] = 4
-          /* OTHER */
-          ;
-        }
+      if (contextVNode) {
+        pushWarningContext(contextVNode);
       }
 
-      var publicGetter = publicPropertiesMap[key];
-      var cssModule, globalProperties; // public $xxx properties
+      warn$1("Unhandled error".concat(info ? " during execution of ".concat(info) : ""));
 
-      if (publicGetter) {
-        if (key === '$attrs') {
-          track(instance, "get"
-          /* GET */
-          , key);
-          markAttrsAccessed();
-        }
+      if (contextVNode) {
+        popWarningContext();
+      } // crash in dev by default so it's more noticeable
 
-        return publicGetter(instance);
-      } else if ( // css module (injected by vue-loader)
-      (cssModule = type.__cssModules) && (cssModule = cssModule[key])) {
-        return cssModule;
-      } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-        // user may set custom properties to `this` that start with `$`
-        accessCache[key] = 3
-        /* CONTEXT */
-        ;
-        return ctx[key];
-      } else if (globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key)) {
-        {
-          return globalProperties[key];
-        }
-      } else if (currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading
-      // to infinite warning loop
-      key.indexOf('__v') !== 0)) {
-        if (data !== EMPTY_OBJ && (key[0] === '$' || key[0] === '_') && hasOwn(data, key)) {
-          warn("Property ".concat(JSON.stringify(key), " must be accessed via $data because it starts with a reserved ") + "character (\"$\" or \"_\") and is not proxied on the render context.");
-        } else if (instance === currentRenderingInstance) {
-          warn("Property ".concat(JSON.stringify(key), " was accessed during render ") + "but is not defined on instance.");
-        }
+
+      if (throwInDev) {
+        // throw err fixed by xxxxxx 避免 error 导致 App 端不可用（比如跳转时报错）
+        console.error(err);
+      } else {
+        console.error(err);
       }
-    },
+    }
+  }
+
+  var isFlushing = false;
+  var isFlushPending = false;
+  var queue = [];
+  var flushIndex = 0;
+  var pendingPreFlushCbs = [];
+  var activePreFlushCbs = null;
+  var preFlushIndex = 0;
+  var pendingPostFlushCbs = [];
+  var activePostFlushCbs = null;
+  var postFlushIndex = 0; // fixed by xxxxxx iOS
+
+  var iOSPromise = {
+    then(callback) {
+      setTimeout(() => callback(), 0);
+    }
+
+  };
+  var isIOS = exports.platform === 'iOS';
+  var resolvedPromise = isIOS ? iOSPromise : Promise.resolve();
+  var currentFlushPromise = null;
+  var currentPreFlushParentJob = null;
+  var RECURSION_LIMIT = 100;
+
+  function nextTick(fn) {
+    var p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+  } // #2768
+  // Use binary-search to find a suitable position in the queue,
+  // so that the queue maintains the increasing order of job's id,
+  // which can prevent the job from being skipped and also can avoid repeated patching.
 
-    set({
-      _: instance
-    }, key, value) {
-      var {
-        data,
-        setupState,
-        ctx
-      } = instance;
 
-      if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-        setupState[key] = value;
-      } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-        data[key] = value;
-      } else if (hasOwn(instance.props, key)) {
-        warn("Attempting to mutate prop \"".concat(key, "\". Props are readonly."), instance);
-        return false;
-      }
+  function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    var start = flushIndex + 1;
+    var end = queue.length;
 
-      if (key[0] === '$' && key.slice(1) in instance) {
-        warn("Attempting to mutate public property \"".concat(key, "\". ") + "Properties starting with $ are reserved and readonly.", instance);
-        return false;
-      } else {
-        if (key in instance.appContext.config.globalProperties) {
-          Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            value
-          });
-        } else {
-          ctx[key] = value;
-        }
-      }
+    while (start < end) {
+      var middle = start + end >>> 1;
+      var middleJobId = getId(queue[middle]);
+      middleJobId < id ? start = middle + 1 : end = middle;
+    }
 
-      return true;
-    },
+    return start;
+  }
 
-    has({
-      _: {
-        data,
-        setupState,
-        accessCache,
-        ctx,
-        appContext,
-        propsOptions
+  function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length || !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && job !== currentPreFlushParentJob) {
+      if (job.id == null) {
+        queue.push(job);
+      } else {
+        queue.splice(findInsertionIndex(job.id), 0, job);
       }
-    }, key) {
-      var normalizedProps;
-      return accessCache[key] !== undefined || data !== EMPTY_OBJ && hasOwn(data, key) || setupState !== EMPTY_OBJ && hasOwn(setupState, key) || (normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key) || hasOwn(ctx, key) || hasOwn(publicPropertiesMap, key) || hasOwn(appContext.config.globalProperties, key);
+
+      queueFlush();
     }
+  }
 
-  };
-  {
-    PublicInstanceProxyHandlers.ownKeys = target => {
-      warn("Avoid app logic that relies on enumerating keys on a component instance. " + "The keys will be empty in production mode to avoid performance overhead.");
-      return Reflect.ownKeys(target);
-    };
+  function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+      isFlushPending = true;
+      currentFlushPromise = resolvedPromise.then(flushJobs);
+    }
   }
-  var RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-      // fast path for unscopables when using `with` block
-      if (key === Symbol.unscopables) {
-        return;
-      }
 
-      return PublicInstanceProxyHandlers.get(target, key, target);
-    },
+  function invalidateJob(job) {
+    var i = queue.indexOf(job);
 
-    has(_, key) {
-      var has = key[0] !== '_' && !isGloballyWhitelisted(key);
+    if (i > flushIndex) {
+      queue.splice(i, 1);
+    }
+  }
 
-      if (!has && PublicInstanceProxyHandlers.has(_, key)) {
-        warn("Property ".concat(JSON.stringify(key), " should not start with _ which is a reserved prefix for Vue internals."));
+  function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!isArray(cb)) {
+      if (!activeQueue || !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+        pendingQueue.push(cb);
       }
-
-      return has;
+    } else {
+      // if cb is an array, it is a component lifecycle hook which can only be
+      // triggered by a job, which is already deduped in the main queue, so
+      // we can skip duplicate check here to improve perf
+      pendingQueue.push(...cb);
     }
 
-  }); // In dev mode, the proxy target exposes the same properties as seen on `this`
-  // for easier console inspection. In prod mode it will be an empty object so
-  // these properties definitions can be skipped.
+    queueFlush();
+  }
 
-  function createRenderContext(instance) {
-    var target = {}; // expose internal instance for proxy handlers
+  function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+  }
 
-    Object.defineProperty(target, "_", {
-      configurable: true,
-      enumerable: false,
-      get: () => instance
-    }); // expose public properties
+  function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+  }
 
-    Object.keys(publicPropertiesMap).forEach(key => {
-      Object.defineProperty(target, key, {
-        configurable: true,
-        enumerable: false,
-        get: () => publicPropertiesMap[key](instance),
-        // intercepted by the proxy so no need for implementation,
-        // but needed to prevent set errors
-        set: NOOP
-      });
-    });
-    return target;
-  } // dev only
+  function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+      currentPreFlushParentJob = parentJob;
+      activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+      pendingPreFlushCbs.length = 0;
+      {
+        seen = seen || new Map();
+      }
 
+      for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+        if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+          continue;
+        }
 
-  function exposePropsOnRenderContext(instance) {
-    var {
-      ctx,
-      propsOptions: [propsOptions]
-    } = instance;
+        activePreFlushCbs[preFlushIndex]();
+      }
 
-    if (propsOptions) {
-      Object.keys(propsOptions).forEach(key => {
-        Object.defineProperty(ctx, key, {
-          enumerable: true,
-          configurable: true,
-          get: () => instance.props[key],
-          set: NOOP
-        });
-      });
+      activePreFlushCbs = null;
+      preFlushIndex = 0;
+      currentPreFlushParentJob = null; // recursively flush until it drains
+
+      flushPreFlushCbs(seen, parentJob);
     }
-  } // dev only
+  }
 
+  function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+      var deduped = [...new Set(pendingPostFlushCbs)];
+      pendingPostFlushCbs.length = 0; // #1947 already has active queue, nested flushPostFlushCbs call
 
-  function exposeSetupStateOnRenderContext(instance) {
-    var {
-      ctx,
-      setupState
-    } = instance;
-    Object.keys(toRaw(setupState)).forEach(key => {
-      if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-        warn("setup() return property ".concat(JSON.stringify(key), " should not start with \"$\" or \"_\" ") + "which are reserved prefixes for Vue internals.");
+      if (activePostFlushCbs) {
+        activePostFlushCbs.push(...deduped);
         return;
       }
 
-      Object.defineProperty(ctx, key, {
-        enumerable: true,
-        configurable: true,
-        get: () => setupState[key],
-        set: NOOP
-      });
-    });
-  }
-
-  var emptyAppContext = createAppContext();
-  var uid$2 = 0;
+      activePostFlushCbs = deduped;
+      {
+        seen = seen || new Map();
+      }
+      activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
 
-  function createComponentInstance(vnode, parent, suspense) {
-    var type = vnode.type; // inherit parent app context - or - if root, adopt from root vnode
+      for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+        if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+          continue;
+        }
 
-    var appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    var instance = {
-      uid: uid$2++,
-      vnode,
-      type,
-      parent,
-      appContext,
-      root: null,
-      next: null,
-      subTree: null,
-      update: null,
-      render: null,
-      proxy: null,
-      exposed: null,
-      exposeProxy: null,
-      withProxy: null,
-      effects: null,
-      provides: parent ? parent.provides : Object.create(appContext.provides),
-      accessCache: null,
-      renderCache: [],
-      // local resovled assets
-      components: null,
-      directives: null,
-      // resolved props and emits options
-      propsOptions: normalizePropsOptions(type, appContext),
-      emitsOptions: normalizeEmitsOptions(type, appContext),
-      // emit
-      emit: null,
-      emitted: null,
-      // props default value
-      propsDefaults: EMPTY_OBJ,
-      // inheritAttrs
-      inheritAttrs: type.inheritAttrs,
-      // state
-      ctx: EMPTY_OBJ,
-      data: EMPTY_OBJ,
-      props: EMPTY_OBJ,
-      attrs: EMPTY_OBJ,
-      slots: EMPTY_OBJ,
-      refs: EMPTY_OBJ,
-      setupState: EMPTY_OBJ,
-      setupContext: null,
-      // suspense related
-      suspense,
-      suspenseId: suspense ? suspense.pendingId : 0,
-      asyncDep: null,
-      asyncResolved: false,
-      // lifecycle hooks
-      // not using enums here because it results in computed properties
-      isMounted: false,
-      isUnmounted: false,
-      isDeactivated: false,
-      bc: null,
-      c: null,
-      bm: null,
-      m: null,
-      bu: null,
-      u: null,
-      um: null,
-      bum: null,
-      da: null,
-      a: null,
-      rtg: null,
-      rtc: null,
-      ec: null,
-      sp: null
-    };
-    {
-      instance.ctx = createRenderContext(instance);
+        activePostFlushCbs[postFlushIndex]();
+      }
+
+      activePostFlushCbs = null;
+      postFlushIndex = 0;
     }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit.bind(null, instance);
-    return instance;
   }
 
-  var currentInstance = null;
+  var getId = job => job.id == null ? Infinity : job.id;
 
-  var getCurrentInstance = () => currentInstance || currentRenderingInstance;
+  function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
+    {
+      seen = seen || new Map();
+    }
+    flushPreFlushCbs(seen); // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
 
-  var setCurrentInstance = instance => {
-    currentInstance = instance;
-  };
+    queue.sort((a, b) => getId(a) - getId(b));
 
-  var isBuiltInTag = /*#__PURE__*/makeMap('slot,component');
+    try {
+      for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+        var job = queue[flushIndex];
 
-  function validateComponentName(name, config) {
-    var appIsNativeTag = config.isNativeTag || NO;
+        if (job && job.active !== false) {
+          if ("development" !== 'production' && checkRecursiveUpdates(seen, job)) {
+            continue;
+          } // console.log(`running:`, job.id)
 
-    if (isBuiltInTag(name) || appIsNativeTag(name)) {
-      warn('Do not use built-in or reserved HTML elements as component id: ' + name);
+
+          callWithErrorHandling(job, null, 14
+          /* SCHEDULER */
+          );
+        }
+      }
+    } finally {
+      flushIndex = 0;
+      queue.length = 0;
+      flushPostFlushCbs(seen);
+      isFlushing = false;
+      currentFlushPromise = null; // some postFlushCb queued jobs!
+      // keep flushing until it drains.
+
+      if (queue.length || pendingPreFlushCbs.length || pendingPostFlushCbs.length) {
+        flushJobs(seen);
+      }
     }
   }
 
-  function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4
-    /* STATEFUL_COMPONENT */
-    ;
-  }
+  function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+      seen.set(fn, 1);
+    } else {
+      var count = seen.get(fn);
 
-  var isInSSRComponentSetup = false;
+      if (count > RECURSION_LIMIT) {
+        var instance = fn.ownerInstance;
+        var componentName = instance && getComponentName(instance.type);
+        warn$1("Maximum recursive updates exceeded".concat(componentName ? " in component <".concat(componentName, ">") : "", ". ") + "This means you have a reactive effect that is mutating its own " + "dependencies and thus recursively triggering itself. Possible sources " + "include component template, render function, updated hook or " + "watcher source function.");
+        return true;
+      } else {
+        seen.set(fn, count + 1);
+      }
+    }
+  } // Simple effect.
 
-  function setupComponent(instance, isSSR = false) {
-    isInSSRComponentSetup = isSSR;
-    var {
-      props,
-      children
-    } = instance.vnode;
-    var isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children);
-    var setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : undefined;
-    isInSSRComponentSetup = false;
-    return setupResult;
+
+  function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
   }
 
-  function setupStatefulComponent(instance, isSSR) {
-    var Component = instance.type;
-    {
-      if (Component.name) {
-        validateComponentName(Component.name, instance.appContext.config);
-      }
+  function watchPostEffect(effect, options) {
+    return doWatch(effect, null, Object.assign(options || {}, {
+      flush: 'post'
+    }));
+  }
 
-      if (Component.components) {
-        var names = Object.keys(Component.components);
+  function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, Object.assign(options || {}, {
+      flush: 'sync'
+    }));
+  } // initial value for watchers to trigger on undefined initial values
 
-        for (var i = 0; i < names.length; i++) {
-          validateComponentName(names[i], instance.appContext.config);
-        }
-      }
 
-      if (Component.directives) {
-        var _names = Object.keys(Component.directives);
+  var INITIAL_WATCHER_VALUE = {}; // implementation
 
-        for (var _i4 = 0; _i4 < _names.length; _i4++) {
-          validateDirectiveName(_names[_i4]);
-        }
-      }
+  function watch(source, cb, options) {
+    if (!isFunction(cb)) {
+      warn$1("`watch(fn, options?)` signature has been moved to a separate API. " + "Use `watchEffect(fn, options?)` instead. `watch` now only " + "supports `watch(source, cb, options?) signature.");
+    }
 
-      if (Component.compilerOptions && isRuntimeOnly()) {
-        warn("\"compilerOptions\" is only supported when using a build of Vue that " + "includes the runtime compiler. Since you are using a runtime-only " + "build, the options should be passed via your build tool config instead.");
+    return doWatch(source, cb, options);
+  }
+
+  function doWatch(source, cb, {
+    immediate,
+    deep,
+    flush,
+    onTrack,
+    onTrigger
+  } = EMPTY_OBJ) {
+    if (!cb) {
+      if (immediate !== undefined) {
+        warn$1("watch() \"immediate\" option is only respected when using the " + "watch(source, callback, options?) signature.");
       }
-    } // 0. create render proxy property access cache
 
-    instance.accessCache = Object.create(null); // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
+      if (deep !== undefined) {
+        warn$1("watch() \"deep\" option is only respected when using the " + "watch(source, callback, options?) signature.");
+      }
+    }
 
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
-    {
-      exposePropsOnRenderContext(instance);
-    } // 2. call setup()
+    var warnInvalidSource = s => {
+      warn$1("Invalid watch source: ", s, "A watch source can only be a getter/effect function, a ref, " + "a reactive object, or an array of these types.");
+    };
 
-    var {
-      setup
-    } = Component;
+    var instance = currentInstance;
+    var getter;
+    var forceTrigger = false;
+    var isMultiSource = false;
 
-    if (setup) {
-      var setupContext = instance.setupContext = setup.length > 1 ? createSetupContext(instance) : null;
-      currentInstance = instance;
-      pauseTracking();
-      var setupResult = callWithErrorHandling(setup, instance, 0
-      /* SETUP_FUNCTION */
-      , [shallowReadonly(instance.props), setupContext]);
-      resetTracking();
-      currentInstance = null;
+    if (isRef(source)) {
+      getter = () => source.value;
 
-      if (isPromise(setupResult)) {
-        var unsetInstance = () => {
-          currentInstance = null;
-        };
+      forceTrigger = !!source._shallow;
+    } else if (isReactive(source)) {
+      getter = () => source;
 
-        setupResult.then(unsetInstance, unsetInstance);
+      deep = true;
+    } else if (isArray(source)) {
+      isMultiSource = true;
+      forceTrigger = source.some(isReactive);
 
-        if (isSSR) {
-          // return the promise so server-renderer can wait on it
-          return setupResult.then(resolvedResult => {
-            handleSetupResult(instance, resolvedResult, isSSR);
-          }).catch(e => {
-            handleError(e, instance, 0
-            /* SETUP_FUNCTION */
-            );
-          });
+      getter = () => source.map(s => {
+        if (isRef(s)) {
+          return s.value;
+        } else if (isReactive(s)) {
+          return traverse(s);
+        } else if (isFunction(s)) {
+          return callWithErrorHandling(s, instance, 2
+          /* WATCH_GETTER */
+          );
         } else {
-          // async setup returned Promise.
-          // bail here and wait for re-entry.
-          instance.asyncDep = setupResult;
+          warnInvalidSource(s);
         }
+      });
+    } else if (isFunction(source)) {
+      if (cb) {
+        // getter with cb
+        getter = () => callWithErrorHandling(source, instance, 2
+        /* WATCH_GETTER */
+        );
       } else {
-        handleSetupResult(instance, setupResult, isSSR);
-      }
-    } else {
-      finishComponentSetup(instance, isSSR);
-    }
-  }
-
-  function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction(setupResult)) {
-      // setup returned an inline render function
-      {
-        instance.render = setupResult;
-      }
-    } else if (isObject(setupResult)) {
-      if (isVNode(setupResult)) {
-        warn("setup() should not return VNodes directly - " + "return a render function instead.");
-      } // setup returned bindings.
-      // assuming a render function compiled from template is present.
+        // no cb -> simple effect
+        getter = () => {
+          if (instance && instance.isUnmounted) {
+            return;
+          }
 
+          if (cleanup) {
+            cleanup();
+          }
 
-      {
-        instance.devtoolsRawSetupState = setupResult;
-      }
-      instance.setupState = proxyRefs(setupResult);
-      {
-        exposeSetupStateOnRenderContext(instance);
+          return callWithAsyncErrorHandling(source, instance, 3
+          /* WATCH_CALLBACK */
+          , [onInvalidate]);
+        };
       }
-    } else if (setupResult !== undefined) {
-      warn("setup() should return an object. Received: ".concat(setupResult === null ? 'null' : typeof setupResult));
+    } else {
+      getter = NOOP;
+      warnInvalidSource(source);
     }
 
-    finishComponentSetup(instance, isSSR);
-  }
-
-  var compile; // dev only
+    if (cb && deep) {
+      var baseGetter = getter;
 
-  var isRuntimeOnly = () => !compile;
-  /**
-   * For runtime-dom to register the compiler.
-   * Note the exported method uses any to avoid d.ts relying on the compiler types.
-   */
+      getter = () => traverse(baseGetter());
+    }
 
+    var cleanup;
 
-  function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-  }
+    var onInvalidate = fn => {
+      cleanup = effect.onStop = () => {
+        callWithErrorHandling(fn, instance, 4
+        /* WATCH_CLEANUP */
+        );
+      };
+    };
 
-  function finishComponentSetup(instance, isSSR, skipOptions) {
-    var Component = instance.type; // template / render function normalization
+    var oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
 
-    if (!instance.render) {
-      // could be set from setup()
-      if (compile && !Component.render) {
-        var template = Component.template;
+    var job = () => {
+      if (!effect.active) {
+        return;
+      }
 
-        if (template) {
-          {
-            startMeasure(instance, "compile");
-          }
-          var {
-            isCustomElement,
-            compilerOptions
-          } = instance.appContext.config;
-          var {
-            delimiters,
-            compilerOptions: componentCompilerOptions
-          } = Component;
-          var finalCompilerOptions = extend(extend({
-            isCustomElement,
-            delimiters
-          }, compilerOptions), componentCompilerOptions);
-          Component.render = compile(template, finalCompilerOptions);
-          {
-            endMeasure(instance, "compile");
+      if (cb) {
+        // watch(source, cb)
+        var newValue = effect.run();
+
+        if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || false) {
+          // cleanup before running cb again
+          if (cleanup) {
+            cleanup();
           }
+
+          callWithAsyncErrorHandling(cb, instance, 3
+          /* WATCH_CALLBACK */
+          , [newValue, // pass undefined as the old value when it's changed for the first time
+          oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue, onInvalidate]);
+          oldValue = newValue;
         }
+      } else {
+        // watchEffect
+        effect.run();
       }
+    }; // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
 
-      instance.render = Component.render || NOOP; // for runtime-compiled render functions using `with` blocks, the render
-      // proxy used needs a different `has` handler which is more performant and
-      // also only allows a whitelist of globals to fallthrough.
 
-      if (instance.render._rc) {
-        instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-      }
-    } // support for 2.x options
+    job.allowRecurse = !!cb;
+    var scheduler;
 
+    if (flush === 'sync') {
+      scheduler = job; // the scheduler function gets called directly
+    } else if (flush === 'post') {
+      scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
+    } else {
+      // default: 'pre'
+      scheduler = () => {
+        if (!instance || instance.isMounted) {
+          queuePreFlushCb(job);
+        } else {
+          // with 'pre' option, the first call must happen before
+          // the component is mounted so it is called synchronously.
+          job();
+        }
+      };
+    }
 
+    var effect = new ReactiveEffect(getter, scheduler);
     {
-      currentInstance = instance;
-      pauseTracking();
-      applyOptions(instance);
-      resetTracking();
-      currentInstance = null;
-    } // warn missing template/render
-    // the runtime compilation of template in SSR is done by server-render
+      effect.onTrack = onTrack;
+      effect.onTrigger = onTrigger;
+    } // initial run
 
-    if (!Component.render && instance.render === NOOP && !isSSR) {
-      /* istanbul ignore if */
-      if (!compile && Component.template) {
-        warn("Component provided template option but " + "runtime compilation is not supported in this build of Vue." + " Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\"."
-        /* should not happen */
-        );
+    if (cb) {
+      if (immediate) {
+        job();
       } else {
-        warn("Component is missing template or render function.");
+        oldValue = effect.run();
       }
+    } else if (flush === 'post') {
+      queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
+    } else {
+      effect.run();
     }
-  }
 
-  var attrDevProxyHandlers = {
-    get: (target, key) => {
-      markAttrsAccessed();
-      return target[key];
-    },
-    set: () => {
-      warn("setupContext.attrs is readonly.");
-      return false;
-    },
-    deleteProperty: () => {
-      warn("setupContext.attrs is readonly.");
-      return false;
-    }
-  };
+    return () => {
+      effect.stop();
 
-  function createSetupContext(instance) {
-    var expose = exposed => {
-      if (instance.exposed) {
-        warn("expose() should be called only once per setup().");
+      if (instance && instance.scope) {
+        remove(instance.scope.effects, effect);
       }
-
-      instance.exposed = exposed || {};
     };
+  } // this.$watch
 
-    {
-      var attrs; // We use getters in dev in case libs like test-utils overwrite instance
-      // properties (overwrites should not be done in prod)
-
-      return Object.freeze({
-        get attrs() {
-          return attrs || (attrs = new Proxy(instance.attrs, attrDevProxyHandlers));
-        },
-
-        get slots() {
-          return shallowReadonly(instance.slots);
-        },
 
-        get emit() {
-          return (event, ...args) => instance.emit(event, ...args);
-        },
+  function instanceWatch(source, value, options) {
+    var publicThis = this.proxy;
+    var getter = isString(source) ? source.includes('.') ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
+    var cb;
 
-        expose
-      });
+    if (isFunction(value)) {
+      cb = value;
+    } else {
+      cb = value.handler;
+      options = value;
     }
-  }
 
-  function getExposeProxy(instance) {
-    if (instance.exposed) {
-      return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-        get(target, key) {
-          if (key in target) {
-            return target[key];
-          } else if (key in publicPropertiesMap) {
-            return publicPropertiesMap[key](instance);
-          }
-        }
+    var cur = currentInstance;
+    setCurrentInstance(this);
+    var res = doWatch(getter, cb.bind(publicThis), options);
 
-      }));
+    if (cur) {
+      setCurrentInstance(cur);
+    } else {
+      unsetCurrentInstance();
     }
-  } // record effects created during a component's setup() so that they can be
-  // stopped when the component unmounts
-
 
-  function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-      (instance.effects || (instance.effects = [])).push(effect);
-    }
+    return res;
   }
 
-  var classifyRE = /(?:^|[-_])(\w)/g;
+  function createPathGetter(ctx, path) {
+    var segments = path.split('.');
+    return () => {
+      var cur = ctx;
 
-  var classify = str => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+      for (var i = 0; i < segments.length && cur; i++) {
+        cur = cur[segments[i]];
+      }
 
-  function getComponentName(Component) {
-    return isFunction(Component) ? Component.displayName || Component.name : Component.name;
+      return cur;
+    };
   }
-  /* istanbul ignore next */
-
 
-  function formatComponentName(instance, Component, isRoot = false) {
-    var name = getComponentName(Component);
-
-    if (!name && Component.__file) {
-      var match = Component.__file.match(/([^/\\]+)\.\w+$/);
-
-      if (match) {
-        name = match[1];
-      }
+  function traverse(value, seen = new Set()) {
+    if (!isObject(value) || value["__v_skip"
+    /* SKIP */
+    ]) {
+      return value;
     }
 
-    if (!name && instance && instance.parent) {
-      // try to infer the name based on reverse resolution
-      var inferFromRegistry = registry => {
-        for (var key in registry) {
-          if (registry[key] === Component) {
-            return key;
-          }
-        }
-      };
+    seen = seen || new Set();
 
-      name = inferFromRegistry(instance.components || instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    if (seen.has(value)) {
+      return value;
     }
 
-    return name ? classify(name) : isRoot ? "App" : "Anonymous";
-  }
+    seen.add(value);
 
-  function isClassComponent(value) {
-    return isFunction(value) && '__vccOpts' in value;
-  }
+    if (isRef(value)) {
+      traverse(value.value, seen);
+    } else if (isArray(value)) {
+      for (var i = 0; i < value.length; i++) {
+        traverse(value[i], seen);
+      }
+    } else if (isSet(value) || isMap(value)) {
+      value.forEach(v => {
+        traverse(v, seen);
+      });
+    } else if (isPlainObject(value)) {
+      for (var key in value) {
+        traverse(value[key], seen);
+      }
+    }
 
-  function computed$1(getterOrOptions) {
-    var c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    return value;
   } // dev only
 
 
-  var warnRuntimeUsage = method => warn("".concat(method, "() is a compiler-hint helper that is only usable inside ") + "<script setup> of a single file component. Its arguments should be " + "compiled away and passing it at runtime has no effect."); // implementation
+  var warnRuntimeUsage = method => warn$1("".concat(method, "() is a compiler-hint helper that is only usable inside ") + "<script setup> of a single file component. Its arguments should be " + "compiled away and passing it at runtime has no effect."); // implementation
 
 
   function defineProps() {
@@ -10502,12 +10902,6 @@ export default function vueFactory(exports) {
     }
     return null;
   }
-  /**
-   * @deprecated use `defineEmits` instead.
-   */
-
-
-  var defineEmit = defineEmits;
   /**
    * Vue `<script setup>` compiler macro for declaring a component's exposed
    * instance properties when it is accessed by a parent component via template
@@ -10521,6 +10915,7 @@ export default function vueFactory(exports) {
    * output and should **not** be actually called at runtime.
    */
 
+
   function defineExpose(exposed) {
     {
       warnRuntimeUsage("defineExpose");
@@ -10552,17 +10947,6 @@ export default function vueFactory(exports) {
     }
     return null;
   }
-  /**
-   * @deprecated use `useSlots` and `useAttrs` instead.
-   */
-
-
-  function useContext() {
-    {
-      warn("`useContext()` has been deprecated and will be removed in the " + "next minor release. Use `useSlots()` and `useAttrs()` instead.");
-    }
-    return getContext();
-  }
 
   function useSlots() {
     return getContext().slots;
@@ -10576,7 +10960,7 @@ export default function vueFactory(exports) {
     var i = getCurrentInstance();
 
     if (!i) {
-      warn("useContext() called without active instance.");
+      warn$1("useContext() called without active instance.");
     }
 
     return i.setupContext || (i.setupContext = createSetupContext(i));
@@ -10600,33 +10984,50 @@ export default function vueFactory(exports) {
           default: defaults[key]
         };
       } else {
-        warn("props default key \"".concat(key, "\" has no corresponding declaration."));
+        warn$1("props default key \"".concat(key, "\" has no corresponding declaration."));
       }
     }
 
     return props;
   }
   /**
-   * Runtime helper for storing and resuming current instance context in
-   * async setup().
+   * `<script setup>` helper for persisting the current instance context over
+   * async/await flows.
+   *
+   * `@vue/compiler-sfc` converts the following:
+   *
+   * ```ts
+   * const x = await foo()
+   * ```
+   *
+   * into:
+   *
+   * ```ts
+   * let __temp, __restore
+   * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+   * ```
+   * @internal
    */
 
 
-  function withAsyncContext(awaitable) {
+  function withAsyncContext(getAwaitable) {
     var ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
 
     if (!ctx) {
-      warn("withAsyncContext() called when there is no active context instance.");
+      warn$1("withAsyncContext called without active current instance. " + "This is likely a bug.");
     }
 
-    return isPromise(awaitable) ? awaitable.then(res => {
-      setCurrentInstance(ctx);
-      return res;
-    }, err => {
-      setCurrentInstance(ctx);
-      throw err;
-    }) : awaitable;
+    var awaitable = getAwaitable();
+    unsetCurrentInstance();
+
+    if (isPromise(awaitable)) {
+      awaitable = awaitable.catch(e => {
+        setCurrentInstance(ctx);
+        throw e;
+      });
+    }
+
+    return [awaitable, () => setCurrentInstance(ctx)];
   } // Actual implementation
 
 
@@ -10664,7 +11065,7 @@ export default function vueFactory(exports) {
       var ctx = inject(ssrContextKey);
 
       if (!ctx) {
-        warn("Server rendering context not provided. Make sure to only call " + "useSSRContext() conditionally in the server build.");
+        warn$1("Server rendering context not provided. Make sure to only call " + "useSSRContext() conditionally in the server build.");
       }
 
       return ctx;
@@ -10843,16 +11244,74 @@ export default function vueFactory(exports) {
     } else {
       window.devtoolsFormatters = [formatter];
     }
+  }
+
+  function withMemo(memo, render, cache, index) {
+    var cached = cache[index];
+
+    if (cached && isMemoSame(cached, memo)) {
+      return cached;
+    }
+
+    var ret = render(); // shallow clone
+
+    ret.memo = memo.slice();
+    return cache[index] = ret;
+  }
+
+  function isMemoSame(cached, memo) {
+    var prev = cached.memo;
+
+    if (prev.length != memo.length) {
+      return false;
+    }
+
+    for (var i = 0; i < prev.length; i++) {
+      if (prev[i] !== memo[i]) {
+        return false;
+      }
+    } // make sure to let parent block track it when returning cached
+
+
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+      currentBlock.push(cached);
+    }
+
+    return true;
+  }
+
+  function $ref() {}
+
+  function $shallowRef(arg) {
+    return arg;
+  }
+
+  function $computed() {}
+
+  function $fromRefs() {
+    return null;
+  }
+
+  function $raw() {
+    return null;
   } // Core API ------------------------------------------------------------------
 
 
-  var version = "3.1.4";
+  var version = "3.2.2";
+  var _ssrUtils = {
+    createComponentInstance,
+    setupComponent,
+    renderComponentRoot,
+    setCurrentRenderingInstance,
+    isVNode,
+    normalizeVNode
+  };
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
    */
 
-  var ssrUtils = null;
+  var ssrUtils = _ssrUtils;
   /**
    * @internal only exposed in compat builds
    */
@@ -11182,21 +11641,21 @@ export default function vueFactory(exports) {
       var instance = getCurrentInstance();
 
       if (!instance) {
-        warn("useCssModule must be called inside setup()");
+        warn$1("useCssModule must be called inside setup()");
         return EMPTY_OBJ;
       }
 
       var modules = instance.type.__cssModules;
 
       if (!modules) {
-        warn("Current instance does not have CSS modules injected.");
+        warn$1("Current instance does not have CSS modules injected.");
         return EMPTY_OBJ;
       }
 
       var mod = modules[name];
 
       if (!mod) {
-        warn("Current instance does not have CSS module named \"".concat(name, "\"."));
+        warn$1("Current instance does not have CSS module named \"".concat(name, "\"."));
         return EMPTY_OBJ;
       }
 
@@ -11214,7 +11673,7 @@ export default function vueFactory(exports) {
     /* istanbul ignore next */
 
     if (!instance) {
-      warn("useCssVars is called without current active component instance.");
+      warn$1("useCssVars is called without current active component instance.");
       return;
     }
 
@@ -11450,9 +11909,9 @@ export default function vueFactory(exports) {
 
   function validateDuration(val) {
     if (typeof val !== 'number') {
-      warn("<transition> explicit duration is not a valid number - " + "got ".concat(JSON.stringify(val), "."));
+      warn$1("<transition> explicit duration is not a valid number - " + "got ".concat(JSON.stringify(val), "."));
     } else if (isNaN(val)) {
-      warn("<transition> explicit duration is NaN - " + 'the duration expression might be incorrect.');
+      warn$1("<transition> explicit duration is NaN - " + 'the duration expression might be incorrect.');
     }
   }
 
@@ -11662,7 +12121,7 @@ export default function vueFactory(exports) {
           if (child.key != null) {
             setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
           } else {
-            warn("<TransitionGroup> children must be keyed.");
+            warn$1("<TransitionGroup> children must be keyed.");
           }
         }
 
@@ -11927,10 +12386,17 @@ export default function vueFactory(exports) {
 
   var Vue = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    $computed: $computed,
+    $fromRefs: $fromRefs,
+    $raw: $raw,
+    $ref: $ref,
+    $shallowRef: $shallowRef,
     BaseTransition: BaseTransition,
     Comment: Comment$1,
+    EffectScope: EffectScope,
     Fragment: Fragment,
     KeepAlive: KeepAlive,
+    ReactiveEffect: ReactiveEffect,
     Static: Static,
     Suspense: Suspense,
     Teleport: Teleport,
@@ -11943,12 +12409,14 @@ export default function vueFactory(exports) {
     capitalize: capitalize,
     cloneVNode: cloneVNode,
     compatUtils: compatUtils,
-    computed: computed$1,
+    computed: computed,
     createApp: createApp,
     createBlock: createBlock,
     createComment: createComment,
     createCommentVNode: createCommentVNode,
     createElement: createElement,
+    createElementBlock: createElementBlock,
+    createElementVNode: createBaseVNode,
     createHydrationRenderer: createHydrationRenderer,
     createRenderer: createRenderer,
     createSSRApp: createSSRApp,
@@ -11961,7 +12429,6 @@ export default function vueFactory(exports) {
     customRef: customRef,
     defineAsyncComponent: defineAsyncComponent,
     defineComponent: defineComponent,
-    defineEmit: defineEmit,
     defineEmits: defineEmits,
     defineExpose: defineExpose,
     defineProps: defineProps,
@@ -11970,8 +12437,12 @@ export default function vueFactory(exports) {
       return devtools;
     },
 
+    effect: effect,
+    effectScope: effectScope,
     getCurrentInstance: getCurrentInstance,
+    getCurrentScope: getCurrentScope,
     getTransitionRawChildren: getTransitionRawChildren,
+    guardReactiveProps: guardReactiveProps,
     h: h,
     handleError: handleError,
     initCustomFormatter: initCustomFormatter,
@@ -11982,6 +12453,7 @@ export default function vueFactory(exports) {
       return isInSSRComponentSetup;
     },
 
+    isMemoSame: isMemoSame,
     isProxy: isProxy,
     isReactive: isReactive,
     isReadonly: isReadonly,
@@ -11992,6 +12464,9 @@ export default function vueFactory(exports) {
     mergeDefaults: mergeDefaults,
     mergeProps: mergeProps,
     nextTick: nextTick,
+    normalizeClass: normalizeClass,
+    normalizeProps: normalizeProps,
+    normalizeStyle: normalizeStyle,
     onActivated: onActivated,
     onBeforeActivate: onBeforeActivate,
     onBeforeDeactivate: onBeforeDeactivate,
@@ -12003,6 +12478,7 @@ export default function vueFactory(exports) {
     onMounted: onMounted,
     onRenderTracked: onRenderTracked,
     onRenderTriggered: onRenderTriggered,
+    onScopeDispose: onScopeDispose,
     onServerPrefetch: onServerPrefetch,
     onUnmounted: onUnmounted,
     onUpdated: onUpdated,
@@ -12032,6 +12508,7 @@ export default function vueFactory(exports) {
     shallowRef: shallowRef,
     ssrContextKey: ssrContextKey,
     ssrUtils: ssrUtils,
+    stop: stop,
     toDisplayString: toDisplayString,
     toHandlerKey: toHandlerKey,
     toHandlers: toHandlers,
@@ -12042,7 +12519,6 @@ export default function vueFactory(exports) {
     triggerRef: triggerRef,
     unref: unref,
     useAttrs: useAttrs,
-    useContext: useContext,
     useCssModule: useCssModule,
     useCssVars: useCssVars,
     useSSRContext: useSSRContext,
@@ -12051,14 +12527,17 @@ export default function vueFactory(exports) {
     vModelText: vModelText,
     vShow: vShow,
     version: version,
-    warn: warn,
+    warn: warn$1,
     watch: watch,
     watchEffect: watchEffect,
+    watchPostEffect: watchPostEffect,
+    watchSyncEffect: watchSyncEffect,
     withAsyncContext: withAsyncContext,
     withCtx: withCtx,
     withDefaults: withDefaults,
     withDirectives: withDirectives,
     withKeys: withKeys,
+    withMemo: withMemo,
     withModifiers: withModifiers,
     withScopeId: withScopeId
   });
diff --git a/packages/uni-app-vue/dist/service.runtime.esm.prod.js b/packages/uni-app-vue/dist/service.runtime.esm.prod.js
index 094775741..8a28106fb 100644
--- a/packages/uni-app-vue/dist/service.runtime.esm.prod.js
+++ b/packages/uni-app-vue/dist/service.runtime.esm.prod.js
@@ -644,7 +644,7 @@ export default function vueFactory(exports) {
 
       for (var i = 0; i < value.length; i++) {
         var item = value[i];
-        var normalized = normalizeStyle(isString(item) ? parseStringStyle(item) : item);
+        var normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item);
 
         if (normalized) {
           for (var key in normalized) {
@@ -654,6 +654,8 @@ export default function vueFactory(exports) {
       }
 
       return res;
+    } else if (isString(value)) {
+      return value;
     } else if (isObject(value)) {
       return value;
     }
@@ -696,6 +698,24 @@ export default function vueFactory(exports) {
 
     return res.trim();
   }
+
+  function normalizeProps(props) {
+    if (!props) return null;
+    var {
+      class: klass,
+      style
+    } = props;
+
+    if (klass && !isString(klass)) {
+      props.class = normalizeClass(klass);
+    }
+
+    if (style) {
+      props.style = normalizeStyle(style);
+    }
+
+    return props;
+  }
   /**
    * For converting {{ interpolation }} values to displayed strings.
    * @private
@@ -703,11 +723,14 @@ export default function vueFactory(exports) {
 
 
   var toDisplayString = val => {
-    return val == null ? '' : isObject(val) ? JSON.stringify(val, replacer, 2) : String(val);
+    return val == null ? '' : isArray(val) || isObject(val) && val.toString === objectToString ? JSON.stringify(val, replacer, 2) : String(val);
   };
 
   var replacer = (_key, val) => {
-    if (isMap(val)) {
+    // can't use isRef here since @vue/shared has no deps
+    if (val && val.__v_isRef) {
+      return replacer(_key, val.value);
+    } else if (isMap(val)) {
       return {
         ["Map(".concat(val.size, ")")]: [...val.entries()].reduce((entries, [key, val]) => {
           entries["".concat(key, " =>")] = val;
@@ -823,7 +846,7 @@ export default function vueFactory(exports) {
 
   var toHandlerKey = cacheStringFunction(str => str ? "on".concat(capitalize(str)) : ""); // compare whether a value has changed, accounting for NaN.
 
-  var hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
+  var hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 
   var invokeArrayFns = (fns, arg) => {
     for (var i = 0; i < fns.length; i++) {
@@ -844,77 +867,213 @@ export default function vueFactory(exports) {
     return isNaN(n) ? val : n;
   };
 
-  var targetMap = new WeakMap();
-  var effectStack = [];
-  var activeEffect;
-  var ITERATE_KEY = Symbol('');
-  var MAP_KEY_ITERATE_KEY = Symbol('');
+  var activeEffectScope;
+  var effectScopeStack = [];
 
-  function isEffect(fn) {
-    return fn && fn._isEffect === true;
-  }
+  class EffectScope {
+    constructor(detached = false) {
+      this.active = true;
+      this.effects = [];
+      this.cleanups = [];
 
-  function effect(fn, options = EMPTY_OBJ) {
-    if (isEffect(fn)) {
-      fn = fn.raw;
+      if (!detached && activeEffectScope) {
+        this.parent = activeEffectScope;
+        this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+      }
+    }
+
+    run(fn) {
+      if (this.active) {
+        try {
+          this.on();
+          return fn();
+        } finally {
+          this.off();
+        }
+      }
     }
 
-    var effect = createReactiveEffect(fn, options);
+    on() {
+      if (this.active) {
+        effectScopeStack.push(this);
+        activeEffectScope = this;
+      }
+    }
 
-    if (!options.lazy) {
-      effect();
+    off() {
+      if (this.active) {
+        effectScopeStack.pop();
+        activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+      }
     }
 
-    return effect;
-  }
+    stop(fromParent) {
+      if (this.active) {
+        this.effects.forEach(e => e.stop());
+        this.cleanups.forEach(cleanup => cleanup());
 
-  function stop(effect) {
-    if (effect.active) {
-      cleanup(effect);
+        if (this.scopes) {
+          this.scopes.forEach(e => e.stop(true));
+        } // nested scope, dereference from parent to avoid memory leaks
+
+
+        if (this.parent && !fromParent) {
+          // optimized O(1) removal
+          var last = this.parent.scopes.pop();
+
+          if (last && last !== this) {
+            this.parent.scopes[this.index] = last;
+            last.index = this.index;
+          }
+        }
 
-      if (effect.options.onStop) {
-        effect.options.onStop();
+        this.active = false;
       }
+    }
+
+  }
 
-      effect.active = false;
+  function effectScope(detached) {
+    return new EffectScope(detached);
+  }
+
+  function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+
+    if (scope && scope.active) {
+      scope.effects.push(effect);
     }
   }
 
-  var uid = 0;
+  function getCurrentScope() {
+    return activeEffectScope;
+  }
 
-  function createReactiveEffect(fn, options) {
-    var effect = function reactiveEffect() {
-      if (!effect.active) {
-        return fn();
+  function onScopeDispose(fn) {
+    if (activeEffectScope) {
+      activeEffectScope.cleanups.push(fn);
+    }
+  }
+
+  var createDep = effects => {
+    var dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+  };
+
+  var wasTracked = dep => (dep.w & trackOpBit) > 0;
+
+  var newTracked = dep => (dep.n & trackOpBit) > 0;
+
+  var initDepMarkers = ({
+    deps
+  }) => {
+    if (deps.length) {
+      for (var i = 0; i < deps.length; i++) {
+        deps[i].w |= trackOpBit; // set was tracked
+      }
+    }
+  };
+
+  var finalizeDepMarkers = effect => {
+    var {
+      deps
+    } = effect;
+
+    if (deps.length) {
+      var ptr = 0;
+
+      for (var i = 0; i < deps.length; i++) {
+        var dep = deps[i];
+
+        if (wasTracked(dep) && !newTracked(dep)) {
+          dep.delete(effect);
+        } else {
+          deps[ptr++] = dep;
+        } // clear bits
+
+
+        dep.w &= ~trackOpBit;
+        dep.n &= ~trackOpBit;
       }
 
-      if (!effectStack.includes(effect)) {
-        cleanup(effect);
+      deps.length = ptr;
+    }
+  };
+
+  var targetMap = new WeakMap(); // The number of effects currently being tracked recursively.
+
+  var effectTrackDepth = 0;
+  var trackOpBit = 1;
+  /**
+   * The bitwise track markers support at most 30 levels op recursion.
+   * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+   * When recursion depth is greater, fall back to using a full cleanup.
+   */
+
+  var maxMarkerBits = 30;
+  var effectStack = [];
+  var activeEffect;
+  var ITERATE_KEY = Symbol('');
+  var MAP_KEY_ITERATE_KEY = Symbol('');
+
+  class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+      this.fn = fn;
+      this.scheduler = scheduler;
+      this.active = true;
+      this.deps = [];
+      recordEffectScope(this, scope);
+    }
+
+    run() {
+      if (!this.active) {
+        return this.fn();
+      }
 
+      if (!effectStack.includes(this)) {
         try {
+          effectStack.push(activeEffect = this);
           enableTracking();
-          effectStack.push(effect);
-          activeEffect = effect;
-          return fn();
+          trackOpBit = 1 << ++effectTrackDepth;
+
+          if (effectTrackDepth <= maxMarkerBits) {
+            initDepMarkers(this);
+          } else {
+            cleanupEffect(this);
+          }
+
+          return this.fn();
         } finally {
-          effectStack.pop();
+          if (effectTrackDepth <= maxMarkerBits) {
+            finalizeDepMarkers(this);
+          }
+
+          trackOpBit = 1 << --effectTrackDepth;
           resetTracking();
-          activeEffect = effectStack[effectStack.length - 1];
+          effectStack.pop();
+          var n = effectStack.length;
+          activeEffect = n > 0 ? effectStack[n - 1] : undefined;
         }
       }
-    };
+    }
+
+    stop() {
+      if (this.active) {
+        cleanupEffect(this);
+
+        if (this.onStop) {
+          this.onStop();
+        }
+
+        this.active = false;
+      }
+    }
 
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
   }
 
-  function cleanup(effect) {
+  function cleanupEffect(effect) {
     var {
       deps
     } = effect;
@@ -928,6 +1087,32 @@ export default function vueFactory(exports) {
     }
   }
 
+  function effect(fn, options) {
+    if (fn.effect) {
+      fn = fn.effect.fn;
+    }
+
+    var _effect = new ReactiveEffect(fn);
+
+    if (options) {
+      extend(_effect, options);
+      if (options.scope) recordEffectScope(_effect, options.scope);
+    }
+
+    if (!options || !options.lazy) {
+      _effect.run();
+    }
+
+    var runner = _effect.run.bind(_effect);
+
+    runner.effect = _effect;
+    return runner;
+  }
+
+  function stop(runner) {
+    runner.effect.stop();
+  }
+
   var shouldTrack = true;
   var trackStack = [];
 
@@ -947,7 +1132,7 @@ export default function vueFactory(exports) {
   }
 
   function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
       return;
     }
 
@@ -960,10 +1145,31 @@ export default function vueFactory(exports) {
     var dep = depsMap.get(key);
 
     if (!dep) {
-      depsMap.set(key, dep = new Set());
+      depsMap.set(key, dep = createDep());
     }
 
-    if (!dep.has(activeEffect)) {
+    trackEffects(dep);
+  }
+
+  function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+  }
+
+  function trackEffects(dep, debuggerEventExtraInfo) {
+    var shouldTrack = false;
+
+    if (effectTrackDepth <= maxMarkerBits) {
+      if (!newTracked(dep)) {
+        dep.n |= trackOpBit; // set newly tracked
+
+        shouldTrack = !wasTracked(dep);
+      }
+    } else {
+      // Full cleanup mode.
+      shouldTrack = !dep.has(activeEffect);
+    }
+
+    if (shouldTrack) {
       dep.add(activeEffect);
       activeEffect.deps.push(dep);
     }
@@ -977,34 +1183,24 @@ export default function vueFactory(exports) {
       return;
     }
 
-    var effects = new Set();
-
-    var add = effectsToAdd => {
-      if (effectsToAdd) {
-        effectsToAdd.forEach(effect => {
-          if (effect !== activeEffect || effect.allowRecurse) {
-            effects.add(effect);
-          }
-        });
-      }
-    };
+    var deps = [];
 
     if (type === "clear"
     /* CLEAR */
     ) {
       // collection being cleared
       // trigger all effects for target
-      depsMap.forEach(add);
+      deps = [...depsMap.values()];
     } else if (key === 'length' && isArray(target)) {
       depsMap.forEach((dep, key) => {
         if (key === 'length' || key >= newValue) {
-          add(dep);
+          deps.push(dep);
         }
       });
     } else {
       // schedule runs for SET | ADD | DELETE
       if (key !== void 0) {
-        add(depsMap.get(key));
+        deps.push(depsMap.get(key));
       } // also run for iteration key on ADD | DELETE | Map.SET
 
 
@@ -1013,14 +1209,14 @@ export default function vueFactory(exports) {
         /* ADD */
         :
           if (!isArray(target)) {
-            add(depsMap.get(ITERATE_KEY));
+            deps.push(depsMap.get(ITERATE_KEY));
 
             if (isMap(target)) {
-              add(depsMap.get(MAP_KEY_ITERATE_KEY));
+              deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
             }
           } else if (isIntegerKey(key)) {
             // new index added to array -> length changes
-            add(depsMap.get('length'));
+            deps.push(depsMap.get('length'));
           }
 
           break;
@@ -1029,10 +1225,10 @@ export default function vueFactory(exports) {
         /* DELETE */
         :
           if (!isArray(target)) {
-            add(depsMap.get(ITERATE_KEY));
+            deps.push(depsMap.get(ITERATE_KEY));
 
             if (isMap(target)) {
-              add(depsMap.get(MAP_KEY_ITERATE_KEY));
+              deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
             }
           }
 
@@ -1042,22 +1238,45 @@ export default function vueFactory(exports) {
         /* SET */
         :
           if (isMap(target)) {
-            add(depsMap.get(ITERATE_KEY));
+            deps.push(depsMap.get(ITERATE_KEY));
           }
 
           break;
       }
     }
 
-    var run = effect => {
-      if (effect.options.scheduler) {
-        effect.options.scheduler(effect);
-      } else {
-        effect();
+    if (deps.length === 1) {
+      if (deps[0]) {
+        {
+          triggerEffects(deps[0]);
+        }
       }
-    };
+    } else {
+      var effects = [];
+
+      for (var dep of deps) {
+        if (dep) {
+          effects.push(...dep);
+        }
+      }
+
+      {
+        triggerEffects(createDep(effects));
+      }
+    }
+  }
 
-    effects.forEach(run);
+  function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (var _effect2 of isArray(dep) ? dep : [...dep]) {
+      if (_effect2 !== activeEffect || _effect2.allowRecurse) {
+        if (_effect2.scheduler) {
+          _effect2.scheduler();
+        } else {
+          _effect2.run();
+        }
+      }
+    }
   }
 
   var isNonTrackableKeys = /*#__PURE__*/makeMap("__proto__,__v_isRef,__isVue");
@@ -1071,8 +1290,6 @@ export default function vueFactory(exports) {
   function createArrayInstrumentations() {
     var instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-      var method = Array.prototype[key];
-
       instrumentations[key] = function (...args) {
         var arr = toRaw(this);
 
@@ -1083,22 +1300,20 @@ export default function vueFactory(exports) {
         } // we run the method using the original args first (which may be reactive)
 
 
-        var res = method.apply(arr, args);
+        var res = arr[key](...args);
 
         if (res === -1 || res === false) {
           // if that didn't work, run it again using raw values.
-          return method.apply(arr, args.map(toRaw));
+          return arr[key](...args.map(toRaw));
         } else {
           return res;
         }
       };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-      var method = Array.prototype[key];
-
       instrumentations[key] = function (...args) {
         pauseTracking();
-        var res = method.apply(this, args);
+        var res = toRaw(this)[key].apply(this, args);
         resetTracking();
         return res;
       };
@@ -1757,9 +1972,10 @@ export default function vueFactory(exports) {
   }
 
   function toRaw(observed) {
-    return observed && toRaw(observed["__v_raw"
+    var raw = observed && observed["__v_raw"
     /* RAW */
-    ]) || observed;
+    ];
+    return raw ? toRaw(raw) : observed;
   }
 
   function markRaw(value) {
@@ -1769,6 +1985,30 @@ export default function vueFactory(exports) {
     return value;
   }
 
+  function trackRefValue(ref) {
+    if (isTracking()) {
+      ref = toRaw(ref);
+
+      if (!ref.dep) {
+        ref.dep = createDep();
+      }
+
+      {
+        trackEffects(ref.dep);
+      }
+    }
+  }
+
+  function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+
+    if (ref.dep) {
+      {
+        triggerEffects(ref.dep);
+      }
+    }
+  }
+
   var convert = val => isObject(val) ? reactive(val) : val;
 
   function isRef(r) {
@@ -1784,27 +2024,26 @@ export default function vueFactory(exports) {
   }
 
   class RefImpl {
-    constructor(_rawValue, _shallow) {
-      this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
       this._shallow = _shallow;
+      this.dep = undefined;
       this.__v_isRef = true;
-      this._value = _shallow ? _rawValue : convert(_rawValue);
+      this._rawValue = _shallow ? value : toRaw(value);
+      this._value = _shallow ? value : convert(value);
     }
 
     get value() {
-      track(toRaw(this), "get"
-      /* GET */
-      , 'value');
+      trackRefValue(this);
       return this._value;
     }
 
     set value(newVal) {
-      if (hasChanged(toRaw(newVal), this._rawValue)) {
+      newVal = this._shallow ? newVal : toRaw(newVal);
+
+      if (hasChanged(newVal, this._rawValue)) {
         this._rawValue = newVal;
         this._value = this._shallow ? newVal : convert(newVal);
-        trigger(toRaw(this), "set"
-        /* SET */
-        , 'value', newVal);
+        triggerRefValue(this);
       }
     }
 
@@ -1819,9 +2058,7 @@ export default function vueFactory(exports) {
   }
 
   function triggerRef(ref) {
-    trigger(toRaw(ref), "set"
-    /* SET */
-    , 'value', void 0);
+    triggerRefValue(ref);
   }
 
   function unref(ref) {
@@ -1848,15 +2085,12 @@ export default function vueFactory(exports) {
 
   class CustomRefImpl {
     constructor(factory) {
+      this.dep = undefined;
       this.__v_isRef = true;
       var {
         get,
         set
-      } = factory(() => track(this, "get"
-      /* GET */
-      , 'value'), () => trigger(this, "set"
-      /* SET */
-      , 'value'));
+      } = factory(() => trackRefValue(this), () => triggerRefValue(this));
       this._get = get;
       this._set = set;
     }
@@ -1909,17 +2143,13 @@ export default function vueFactory(exports) {
   class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
       this._setter = _setter;
+      this.dep = undefined;
       this._dirty = true;
       this.__v_isRef = true;
-      this.effect = effect(getter, {
-        lazy: true,
-        scheduler: () => {
-          if (!this._dirty) {
-            this._dirty = true;
-            trigger(toRaw(this), "set"
-            /* SET */
-            , 'value');
-          }
+      this.effect = new ReactiveEffect(getter, () => {
+        if (!this._dirty) {
+          this._dirty = true;
+          triggerRefValue(this);
         }
       });
       this["__v_isReadonly"
@@ -1930,15 +2160,13 @@ export default function vueFactory(exports) {
     get value() {
       // the computed ref may get wrapped by other proxies e.g. readonly() #3376
       var self = toRaw(this);
+      trackRefValue(self);
 
       if (self._dirty) {
-        self._value = this.effect();
         self._dirty = false;
+        self._value = self.effect.run();
       }
 
-      track(self, "get"
-      /* GET */
-      , 'value');
       return self._value;
     }
 
@@ -1948,7 +2176,7 @@ export default function vueFactory(exports) {
 
   }
 
-  function computed(getterOrOptions) {
+  function computed(getterOrOptions, debugOptions) {
     var getter;
     var setter;
 
@@ -1960,7060 +2188,7185 @@ export default function vueFactory(exports) {
       setter = getterOrOptions.set;
     }
 
-    return new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    var cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    return cRef;
   }
 
-  var stack = [];
+  var devtools;
 
-  function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    var instance = stack.length ? stack[stack.length - 1].component : null;
-    var appWarnHandler = instance && instance.appContext.config.warnHandler;
-    var trace = getComponentTrace();
+  function setDevtoolsHook(hook) {
+    devtools = hook;
+  }
 
-    if (appWarnHandler) {
-      callWithErrorHandling(appWarnHandler, instance, 11
-      /* APP_WARN_HANDLER */
-      , [msg + args.join(''), instance && instance.proxy, trace.map(({
-        vnode
-      }) => "at <".concat(formatComponentName(instance, vnode.type), ">")).join('\n'), trace]);
-    } else {
-      var warnArgs = ["[Vue warn]: ".concat(msg), ...args];
-      /* istanbul ignore if */
+  var globalCompatConfig = {
+    MODE: 2
+  };
 
-      if (trace.length && // avoid spamming console during tests
-      !false) {
-        warnArgs.push("\n", ...formatTrace(trace));
-      }
+  function getCompatConfigForKey(key, instance) {
+    var instanceConfig = instance && instance.type.compatConfig;
 
-      console.warn(...warnArgs);
+    if (instanceConfig && key in instanceConfig) {
+      return instanceConfig[key];
     }
 
-    resetTracking();
+    return globalCompatConfig[key];
   }
 
-  function getComponentTrace() {
-    var currentVNode = stack[stack.length - 1];
+  function isCompatEnabled(key, instance, enableForBuiltIn = false) {
+    // skip compat for built-in components
+    if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
+      return false;
+    }
 
-    if (!currentVNode) {
-      return [];
-    } // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
+    var rawMode = getCompatConfigForKey('MODE', instance) || 2;
+    var val = getCompatConfigForKey(key, instance);
+    var mode = isFunction(rawMode) ? rawMode(instance && instance.type) : rawMode;
 
+    if (mode === 2) {
+      return val !== false;
+    } else {
+      return val === true || val === 'suppress-warning';
+    }
+  }
 
-    var normalizedStack = [];
+  function emit(instance, event, ...rawArgs) {
+    var props = instance.vnode.props || EMPTY_OBJ;
+    var args = rawArgs;
+    var isModelListener = event.startsWith('update:'); // for v-model update:xxx events, apply modifiers on args
 
-    while (currentVNode) {
-      var last = normalizedStack[0];
+    var modelArg = isModelListener && event.slice(7);
 
-      if (last && last.vnode === currentVNode) {
-        last.recurseCount++;
-      } else {
-        normalizedStack.push({
-          vnode: currentVNode,
-          recurseCount: 0
-        });
-      }
+    if (modelArg && modelArg in props) {
+      var modifiersKey = "".concat(modelArg === 'modelValue' ? 'model' : modelArg, "Modifiers");
+      var {
+        number,
+        trim
+      } = props[modifiersKey] || EMPTY_OBJ;
 
-      var parentInstance = currentVNode.component && currentVNode.component.parent;
-      currentVNode = parentInstance && parentInstance.vnode;
+      if (trim) {
+        args = rawArgs.map(a => a.trim());
+      } else if (number) {
+        args = rawArgs.map(toNumber);
+      }
     }
 
-    return normalizedStack;
-  }
-  /* istanbul ignore next */
-
+    var handlerName;
+    var handler = props[handlerName = toHandlerKey(event)] || // also try camelCase event handler (#2249)
+    props[handlerName = toHandlerKey(camelize(event))]; // for v-model update:xxx events, also trigger kebab-case equivalent
+    // for props passed via kebab-case
 
-  function formatTrace(trace) {
-    var logs = [];
-    trace.forEach((entry, i) => {
-      logs.push(...(i === 0 ? [] : ["\n"]), ...formatTraceEntry(entry));
-    });
-    return logs;
-  }
+    if (!handler && isModelListener) {
+      handler = props[handlerName = toHandlerKey(hyphenate(event))];
+    }
 
-  function formatTraceEntry({
-    vnode,
-    recurseCount
-  }) {
-    var postfix = recurseCount > 0 ? "... (".concat(recurseCount, " recursive calls)") : "";
-    var isRoot = vnode.component ? vnode.component.parent == null : false;
-    var open = " at <".concat(formatComponentName(vnode.component, vnode.type, isRoot));
-    var close = ">" + postfix;
-    return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close];
-  }
-  /* istanbul ignore next */
+    if (handler) {
+      callWithAsyncErrorHandling(handler, instance, 6
+      /* COMPONENT_EVENT_HANDLER */
+      , args);
+    }
 
+    var onceHandler = props[handlerName + "Once"];
 
-  function formatProps(props) {
-    var res = [];
-    var keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-      res.push(...formatProp(key, props[key]));
-    });
+    if (onceHandler) {
+      if (!instance.emitted) {
+        instance.emitted = {};
+      } else if (instance.emitted[handlerName]) {
+        return;
+      }
 
-    if (keys.length > 3) {
-      res.push(" ...");
+      instance.emitted[handlerName] = true;
+      callWithAsyncErrorHandling(onceHandler, instance, 6
+      /* COMPONENT_EVENT_HANDLER */
+      , args);
     }
-
-    return res;
   }
-  /* istanbul ignore next */
 
+  function normalizeEmitsOptions(comp, appContext, asMixin = false) {
+    var cache = appContext.emitsCache;
+    var cached = cache.get(comp);
 
-  function formatProp(key, value, raw) {
-    if (isString(value)) {
-      value = JSON.stringify(value);
-      return raw ? value : ["".concat(key, "=").concat(value)];
-    } else if (typeof value === 'number' || typeof value === 'boolean' || value == null) {
-      return raw ? value : ["".concat(key, "=").concat(value)];
-    } else if (isRef(value)) {
-      value = formatProp(key, toRaw(value.value), true);
-      return raw ? value : ["".concat(key, "=Ref<"), value, ">"];
-    } else if (isFunction(value)) {
-      return ["".concat(key, "=fn").concat(value.name ? "<".concat(value.name, ">") : "")];
-    } else {
-      value = toRaw(value);
-      return raw ? value : ["".concat(key, "="), value];
+    if (cached !== undefined) {
+      return cached;
     }
-  }
 
-  function callWithErrorHandling(fn, instance, type, args) {
-    var res;
+    var raw = comp.emits;
+    var normalized = {}; // apply mixin/extends props
 
-    try {
-      res = args ? fn(...args) : fn();
-    } catch (err) {
-      handleError(err, instance, type);
-    }
+    var hasExtends = false;
 
-    return res;
-  }
+    if (!isFunction(comp)) {
+      var extendEmits = raw => {
+        var normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true);
 
-  function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction(fn)) {
-      var res = callWithErrorHandling(fn, instance, type, args);
+        if (normalizedFromExtend) {
+          hasExtends = true;
+          extend(normalized, normalizedFromExtend);
+        }
+      };
 
-      if (res && isPromise(res)) {
-        res.catch(err => {
-          handleError(err, instance, type);
-        });
+      if (!asMixin && appContext.mixins.length) {
+        appContext.mixins.forEach(extendEmits);
       }
 
-      return res;
-    }
-
-    var values = [];
+      if (comp.extends) {
+        extendEmits(comp.extends);
+      }
 
-    for (var i = 0; i < fn.length; i++) {
-      values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+      if (comp.mixins) {
+        comp.mixins.forEach(extendEmits);
+      }
     }
 
-    return values;
-  }
-
-  function handleError(err, instance, type, throwInDev = true) {
-    var contextVNode = instance ? instance.vnode : null;
-
-    if (instance) {
-      var cur = instance.parent; // the exposed instance is the render proxy to keep it consistent with 2.x
-
-      var exposedInstance = instance.proxy; // in production the hook receives only the error code
+    if (!raw && !hasExtends) {
+      cache.set(comp, null);
+      return null;
+    }
 
-      var errorInfo = type;
+    if (isArray(raw)) {
+      raw.forEach(key => normalized[key] = null);
+    } else {
+      extend(normalized, raw);
+    }
 
-      while (cur) {
-        var errorCapturedHooks = cur.ec;
+    cache.set(comp, normalized);
+    return normalized;
+  } // Check if an incoming prop key is a declared emit event listener.
+  // e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are
+  // both considered matched listeners.
 
-        if (errorCapturedHooks) {
-          for (var i = 0; i < errorCapturedHooks.length; i++) {
-            if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-              return;
-            }
-          }
-        }
 
-        cur = cur.parent;
-      } // app-level handling
+  function isEmitListener(options, key) {
+    if (!options || !isOn(key)) {
+      return false;
+    }
 
+    key = key.slice(2).replace(/Once$/, '');
+    return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
+  }
+  /**
+   * mark the current rendering instance for asset resolution (e.g.
+   * resolveComponent, resolveDirective) during render
+   */
 
-      var appErrorHandler = instance.appContext.config.errorHandler;
 
-      if (appErrorHandler) {
-        callWithErrorHandling(appErrorHandler, null, 10
-        /* APP_ERROR_HANDLER */
-        , [err, exposedInstance, errorInfo]);
-        return;
-      }
-    }
+  var currentRenderingInstance = null;
+  var currentScopeId = null;
+  /**
+   * Note: rendering calls maybe nested. The function returns the parent rendering
+   * instance if present, which should be restored after the render is done:
+   *
+   * ```js
+   * const prev = setCurrentRenderingInstance(i)
+   * // ...render
+   * setCurrentRenderingInstance(prev)
+   * ```
+   */
 
-    logError(err, type, contextVNode, throwInDev);
+  function setCurrentRenderingInstance(instance) {
+    var prev = currentRenderingInstance;
+    currentRenderingInstance = instance;
+    currentScopeId = instance && instance.type.__scopeId || null;
+    return prev;
   }
+  /**
+   * Set scope id when creating hoisted vnodes.
+   * @private compiler helper
+   */
 
-  function logError(err, type, contextVNode, throwInDev = true) {
-    {
-      // recover in prod to reduce the impact on end-user
-      console.error(err);
-    }
+
+  function pushScopeId(id) {
+    currentScopeId = id;
   }
+  /**
+   * Technically we no longer need this after 3.0.8 but we need to keep the same
+   * API for backwards compat w/ code generated by compilers.
+   * @private
+   */
 
-  var isFlushing = false;
-  var isFlushPending = false;
-  var queue = [];
-  var flushIndex = 0;
-  var pendingPreFlushCbs = [];
-  var activePreFlushCbs = null;
-  var preFlushIndex = 0;
-  var pendingPostFlushCbs = [];
-  var activePostFlushCbs = null;
-  var postFlushIndex = 0; // fixed by xxxxxx iOS
 
-  var iOSPromise = {
-    then(callback) {
-      setTimeout(() => callback(), 0);
-    }
+  function popScopeId() {
+    currentScopeId = null;
+  }
+  /**
+   * Only for backwards compat
+   * @private
+   */
 
-  };
-  var isIOS = exports.platform === 'iOS';
-  var resolvedPromise = isIOS ? iOSPromise : Promise.resolve();
-  var currentFlushPromise = null;
-  var currentPreFlushParentJob = null;
-  var RECURSION_LIMIT = 100;
 
-  function nextTick(fn) {
-    var p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
-  } // #2768
-  // Use binary-search to find a suitable position in the queue,
-  // so that the queue maintains the increasing order of job's id,
-  // which can prevent the job from being skipped and also can avoid repeated patching.
+  var withScopeId = _id => withCtx;
+  /**
+   * Wrap a slot function to memoize current rendering instance
+   * @private compiler helper
+   */
 
 
-  function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    var start = flushIndex + 1;
-    var end = queue.length;
-    var jobId = getId(job);
+  function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only
+  ) {
+    if (!ctx) return fn; // already normalized
 
-    while (start < end) {
-      var middle = start + end >>> 1;
-      var middleJobId = getId(queue[middle]);
-      middleJobId < jobId ? start = middle + 1 : end = middle;
+    if (fn._n) {
+      return fn;
     }
 
-    return start;
-  }
-
-  function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length || !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && job !== currentPreFlushParentJob) {
-      var pos = findInsertionIndex(job);
-
-      if (pos > -1) {
-        queue.splice(pos, 0, job);
-      } else {
-        queue.push(job);
+    var renderFnWithContext = (...args) => {
+      // If a user calls a compiled slot inside a template expression (#1745), it
+      // can mess up block tracking, so by default we disable block tracking and
+      // force bail out when invoking a compiled slot (indicated by the ._d flag).
+      // This isn't necessary if rendering a compiled `<slot>`, so we flip the
+      // ._d flag off when invoking the wrapped fn inside `renderSlot`.
+      if (renderFnWithContext._d) {
+        setBlockTracking(-1);
       }
 
-      queueFlush();
-    }
-  }
+      var prevInstance = setCurrentRenderingInstance(ctx);
+      var res = fn(...args);
+      setCurrentRenderingInstance(prevInstance);
 
-  function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-      isFlushPending = true;
-      currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
-  }
+      if (renderFnWithContext._d) {
+        setBlockTracking(1);
+      }
 
-  function invalidateJob(job) {
-    var i = queue.indexOf(job);
+      return res;
+    }; // mark normalized to avoid duplicated wrapping
 
-    if (i > flushIndex) {
-      queue.splice(i, 1);
-    }
-  }
 
-  function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!isArray(cb)) {
-      if (!activeQueue || !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-        pendingQueue.push(cb);
-      }
-    } else {
-      // if cb is an array, it is a component lifecycle hook which can only be
-      // triggered by a job, which is already deduped in the main queue, so
-      // we can skip duplicate check here to improve perf
-      pendingQueue.push(...cb);
-    }
+    renderFnWithContext._n = true; // mark this as compiled by default
+    // this is used in vnode.ts -> normalizeChildren() to set the slot
+    // rendering flag.
 
-    queueFlush();
-  }
+    renderFnWithContext._c = true; // disable block tracking by default
 
-  function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+    renderFnWithContext._d = true;
+    return renderFnWithContext;
   }
+  /**
+   * dev only flag to track whether $attrs was used during render.
+   * If $attrs was used during render then the warning for failed attrs
+   * fallthrough can be suppressed.
+   */
 
-  function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+
+  var accessedAttrs = false;
+
+  function markAttrsAccessed() {
+    accessedAttrs = true;
   }
 
-  function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-      currentPreFlushParentJob = parentJob;
-      activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-      pendingPreFlushCbs.length = 0;
+  function renderComponentRoot(instance) {
+    var {
+      type: Component,
+      vnode,
+      proxy,
+      withProxy,
+      props,
+      propsOptions: [propsOptions],
+      slots,
+      attrs,
+      emit,
+      render,
+      renderCache,
+      data,
+      setupState,
+      ctx,
+      inheritAttrs
+    } = instance;
+    var result;
+    var prev = setCurrentRenderingInstance(instance);
 
-      for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-        activePreFlushCbs[preFlushIndex]();
-      }
+    try {
+      var fallthroughAttrs;
 
-      activePreFlushCbs = null;
-      preFlushIndex = 0;
-      currentPreFlushParentJob = null; // recursively flush until it drains
+      if (vnode.shapeFlag & 4
+      /* STATEFUL_COMPONENT */
+      ) {
+        // withProxy is a proxy with a different `has` trap only for
+        // runtime-compiled render functions using `with` block.
+        var proxyToUse = withProxy || proxy;
+        result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx));
+        fallthroughAttrs = attrs;
+      } else {
+        // functional
+        var _render = Component; // in dev, mark attrs accessed if optional props (attrs === props)
 
-      flushPreFlushCbs(seen, parentJob);
-    }
-  }
+        if ("production" !== 'production' && attrs === props) ;
+        result = normalizeVNode(_render.length > 1 ? _render(props, "production" !== 'production' ? {
+          get attrs() {
+            markAttrsAccessed();
+            return attrs;
+          },
 
-  function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-      var deduped = [...new Set(pendingPostFlushCbs)];
-      pendingPostFlushCbs.length = 0; // #1947 already has active queue, nested flushPostFlushCbs call
+          slots,
+          emit
+        } : {
+          attrs,
+          slots,
+          emit
+        }) : _render(props, null
+        /* we know it doesn't need it */
+        ));
+        fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
+      } // attr merging
+      // in dev mode, comments are preserved, and it's possible for a template
+      // to have comments along side the root element which makes it a fragment
 
-      if (activePostFlushCbs) {
-        activePostFlushCbs.push(...deduped);
-        return;
-      }
 
-      activePostFlushCbs = deduped;
-      activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+      var root = result;
+      var setRoot = undefined;
+      if ("production" !== 'production' && result.patchFlag > 0 && result.patchFlag & 2048
+      /* DEV_ROOT_FRAGMENT */
+      ) ;
 
-      for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-        activePostFlushCbs[postFlushIndex]();
-      }
+      if (fallthroughAttrs && inheritAttrs !== false) {
+        var keys = Object.keys(fallthroughAttrs);
+        var {
+          shapeFlag
+        } = root;
 
-      activePostFlushCbs = null;
-      postFlushIndex = 0;
-    }
-  }
+        if (keys.length) {
+          if (shapeFlag & 1
+          /* ELEMENT */
+          || shapeFlag & 6
+          /* COMPONENT */
+          ) {
+            if (propsOptions && keys.some(isModelListener)) {
+              // If a v-model listener (onUpdate:xxx) has a corresponding declared
+              // prop, it indicates this component expects to handle v-model and
+              // it should not fallthrough.
+              // related: #1543, #1643, #1989
+              fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
+            }
 
-  var getId = job => job.id == null ? Infinity : job.id;
+            root = cloneVNode(root, fallthroughAttrs);
+          } else if ("production" !== 'production' && !accessedAttrs && root.type !== Comment$1) ;
+        }
+      }
 
-  function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    flushPreFlushCbs(seen); // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
+      if (false && isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE"
+      /* INSTANCE_ATTRS_CLASS_STYLE */
+      , instance) && vnode.shapeFlag & 4
+      /* STATEFUL_COMPONENT */
+      && (root.shapeFlag & 1
+      /* ELEMENT */
+      || root.shapeFlag & 6
+      /* COMPONENT */
+      )) ; // inherit directives
 
-    queue.sort((a, b) => getId(a) - getId(b));
+      if (vnode.dirs) {
+        if ("production" !== 'production' && !isElementRoot(root)) ;
+        root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
+      } // inherit transition data
 
-    try {
-      for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-        var job = queue[flushIndex];
 
-        if (job && job.active !== false) {
-          if ("production" !== 'production' && checkRecursiveUpdates(seen, job)) ;
-          callWithErrorHandling(job, null, 14
-          /* SCHEDULER */
-          );
-        }
+      if (vnode.transition) {
+        if ("production" !== 'production' && !isElementRoot(root)) ;
+        root.transition = vnode.transition;
       }
-    } finally {
-      flushIndex = 0;
-      queue.length = 0;
-      flushPostFlushCbs();
-      isFlushing = false;
-      currentFlushPromise = null; // some postFlushCb queued jobs!
-      // keep flushing until it drains.
 
-      if (queue.length || pendingPreFlushCbs.length || pendingPostFlushCbs.length) {
-        flushJobs(seen);
+      if ("production" !== 'production' && setRoot) ;else {
+        result = root;
       }
+    } catch (err) {
+      blockStack.length = 0;
+      handleError(err, instance, 1
+      /* RENDER_FUNCTION */
+      );
+      result = createVNode(Comment$1);
     }
+
+    setCurrentRenderingInstance(prev);
+    return result;
   }
+  /**
+   * dev only
+   * In dev mode, template root level comments are rendered, which turns the
+   * template into a fragment root, but we need to locate the single element
+   * root for attrs and scope id processing.
+   */
 
-  function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-      seen.set(fn, 1);
-    } else {
-      var count = seen.get(fn);
 
-      if (count > RECURSION_LIMIT) {
-        var instance = fn.ownerInstance;
-        var componentName = instance && getComponentName(instance.type);
-        warn("Maximum recursive updates exceeded".concat(componentName ? " in component <".concat(componentName, ">") : "", ". ") + "This means you have a reactive effect that is mutating its own " + "dependencies and thus recursively triggering itself. Possible sources " + "include component template, render function, updated hook or " + "watcher source function.");
-        return true;
-      } else {
-        seen.set(fn, count + 1);
-      }
+  var getChildRoot = vnode => {
+    var rawChildren = vnode.children;
+    var dynamicChildren = vnode.dynamicChildren;
+    var childRoot = filterSingleRoot(rawChildren);
+
+    if (!childRoot) {
+      return [vnode, undefined];
     }
-  }
 
-  var devtools;
+    var index = rawChildren.indexOf(childRoot);
+    var dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1;
 
-  function setDevtoolsHook(hook) {
-    devtools = hook;
-  }
+    var setRoot = updatedRoot => {
+      rawChildren[index] = updatedRoot;
 
-  var globalCompatConfig = {
-    MODE: 2
-  };
+      if (dynamicChildren) {
+        if (dynamicIndex > -1) {
+          dynamicChildren[dynamicIndex] = updatedRoot;
+        } else if (updatedRoot.patchFlag > 0) {
+          vnode.dynamicChildren = [...dynamicChildren, updatedRoot];
+        }
+      }
+    };
 
-  function getCompatConfigForKey(key, instance) {
-    var instanceConfig = instance && instance.type.compatConfig;
+    return [normalizeVNode(childRoot), setRoot];
+  };
 
-    if (instanceConfig && key in instanceConfig) {
-      return instanceConfig[key];
-    }
+  function filterSingleRoot(children) {
+    var singleRoot;
 
-    return globalCompatConfig[key];
-  }
+    for (var i = 0; i < children.length; i++) {
+      var child = children[i];
 
-  function isCompatEnabled(key, instance, enableForBuiltIn = false) {
-    // skip compat for built-in components
-    if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
-      return false;
+      if (isVNode(child)) {
+        // ignore user comment
+        if (child.type !== Comment$1 || child.children === 'v-if') {
+          if (singleRoot) {
+            // has more than 1 non-comment child, return now
+            return;
+          } else {
+            singleRoot = child;
+          }
+        }
+      } else {
+        return;
+      }
     }
 
-    var rawMode = getCompatConfigForKey('MODE', instance) || 2;
-    var val = getCompatConfigForKey(key, instance);
-    var mode = isFunction(rawMode) ? rawMode(instance && instance.type) : rawMode;
-
-    if (mode === 2) {
-      return val !== false;
-    } else {
-      return val === true || val === 'suppress-warning';
-    }
+    return singleRoot;
   }
 
-  function emit(instance, event, ...rawArgs) {
-    var props = instance.vnode.props || EMPTY_OBJ;
-    var args = rawArgs;
-    var isModelListener = event.startsWith('update:'); // for v-model update:xxx events, apply modifiers on args
-
-    var modelArg = isModelListener && event.slice(7);
-
-    if (modelArg && modelArg in props) {
-      var modifiersKey = "".concat(modelArg === 'modelValue' ? 'model' : modelArg, "Modifiers");
-      var {
-        number,
-        trim
-      } = props[modifiersKey] || EMPTY_OBJ;
+  var getFunctionalFallthrough = attrs => {
+    var res;
 
-      if (trim) {
-        args = rawArgs.map(a => a.trim());
-      } else if (number) {
-        args = rawArgs.map(toNumber);
+    for (var key in attrs) {
+      if (key === 'class' || key === 'style' || isOn(key)) {
+        (res || (res = {}))[key] = attrs[key];
       }
     }
 
-    var handlerName;
-    var handler = props[handlerName = toHandlerKey(event)] || // also try camelCase event handler (#2249)
-    props[handlerName = toHandlerKey(camelize(event))]; // for v-model update:xxx events, also trigger kebab-case equivalent
-    // for props passed via kebab-case
+    return res;
+  };
 
-    if (!handler && isModelListener) {
-      handler = props[handlerName = toHandlerKey(hyphenate(event))];
-    }
+  var filterModelListeners = (attrs, props) => {
+    var res = {};
 
-    if (handler) {
-      callWithAsyncErrorHandling(handler, instance, 6
-      /* COMPONENT_EVENT_HANDLER */
-      , args);
+    for (var key in attrs) {
+      if (!isModelListener(key) || !(key.slice(9) in props)) {
+        res[key] = attrs[key];
+      }
     }
 
-    var onceHandler = props[handlerName + "Once"];
+    return res;
+  };
 
-    if (onceHandler) {
-      if (!instance.emitted) {
-        instance.emitted = {};
-      } else if (instance.emitted[handlerName]) {
-        return;
-      }
+  var isElementRoot = vnode => {
+    return vnode.shapeFlag & 6
+    /* COMPONENT */
+    || vnode.shapeFlag & 1
+    /* ELEMENT */
+    || vnode.type === Comment$1 // potential v-if branch switch
+    ;
+  };
 
-      instance.emitted[handlerName] = true;
-      callWithAsyncErrorHandling(onceHandler, instance, 6
-      /* COMPONENT_EVENT_HANDLER */
-      , args);
+  function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
+    var {
+      props: prevProps,
+      children: prevChildren,
+      component
+    } = prevVNode;
+    var {
+      props: nextProps,
+      children: nextChildren,
+      patchFlag
+    } = nextVNode;
+    var emits = component.emitsOptions; // force child update for runtime directive or transition on component vnode.
+
+    if (nextVNode.dirs || nextVNode.transition) {
+      return true;
     }
-  }
 
-  function normalizeEmitsOptions(comp, appContext, asMixin = false) {
-    var cache = appContext.emitsCache;
-    var cached = cache.get(comp);
+    if (optimized && patchFlag >= 0) {
+      if (patchFlag & 1024
+      /* DYNAMIC_SLOTS */
+      ) {
+        // slot content that references values that might have changed,
+        // e.g. in a v-for
+        return true;
+      }
 
-    if (cached !== undefined) {
-      return cached;
-    }
+      if (patchFlag & 16
+      /* FULL_PROPS */
+      ) {
+        if (!prevProps) {
+          return !!nextProps;
+        } // presence of this flag indicates props are always non-null
 
-    var raw = comp.emits;
-    var normalized = {}; // apply mixin/extends props
 
-    var hasExtends = false;
+        return hasPropsChanged(prevProps, nextProps, emits);
+      } else if (patchFlag & 8
+      /* PROPS */
+      ) {
+        var dynamicProps = nextVNode.dynamicProps;
 
-    if (!isFunction(comp)) {
-      var extendEmits = raw => {
-        var normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true);
+        for (var i = 0; i < dynamicProps.length; i++) {
+          var key = dynamicProps[i];
 
-        if (normalizedFromExtend) {
-          hasExtends = true;
-          extend(normalized, normalizedFromExtend);
+          if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) {
+            return true;
+          }
         }
-      };
+      }
+    } else {
+      // this path is only taken by manually written render functions
+      // so presence of any children leads to a forced update
+      if (prevChildren || nextChildren) {
+        if (!nextChildren || !nextChildren.$stable) {
+          return true;
+        }
+      }
 
-      if (!asMixin && appContext.mixins.length) {
-        appContext.mixins.forEach(extendEmits);
+      if (prevProps === nextProps) {
+        return false;
       }
 
-      if (comp.extends) {
-        extendEmits(comp.extends);
+      if (!prevProps) {
+        return !!nextProps;
       }
 
-      if (comp.mixins) {
-        comp.mixins.forEach(extendEmits);
+      if (!nextProps) {
+        return true;
       }
-    }
 
-    if (!raw && !hasExtends) {
-      cache.set(comp, null);
-      return null;
+      return hasPropsChanged(prevProps, nextProps, emits);
     }
 
-    if (isArray(raw)) {
-      raw.forEach(key => normalized[key] = null);
-    } else {
-      extend(normalized, raw);
-    }
+    return false;
+  }
 
-    cache.set(comp, normalized);
-    return normalized;
-  } // Check if an incoming prop key is a declared emit event listener.
-  // e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are
-  // both considered matched listeners.
+  function hasPropsChanged(prevProps, nextProps, emitsOptions) {
+    var nextKeys = Object.keys(nextProps);
 
+    if (nextKeys.length !== Object.keys(prevProps).length) {
+      return true;
+    }
 
-  function isEmitListener(options, key) {
-    if (!options || !isOn(key)) {
-      return false;
+    for (var i = 0; i < nextKeys.length; i++) {
+      var key = nextKeys[i];
+
+      if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) {
+        return true;
+      }
     }
 
-    key = key.slice(2).replace(/Once$/, '');
-    return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
+    return false;
   }
-  /**
-   * mark the current rendering instance for asset resolution (e.g.
-   * resolveComponent, resolveDirective) during render
-   */
-
 
-  var currentRenderingInstance = null;
-  var currentScopeId = null;
-  /**
-   * Note: rendering calls maybe nested. The function returns the parent rendering
-   * instance if present, which should be restored after the render is done:
-   *
-   * ```js
-   * const prev = setCurrentRenderingInstance(i)
-   * // ...render
-   * setCurrentRenderingInstance(prev)
-   * ```
-   */
-
-  function setCurrentRenderingInstance(instance) {
-    var prev = currentRenderingInstance;
-    currentRenderingInstance = instance;
-    currentScopeId = instance && instance.type.__scopeId || null;
-    return prev;
+  function updateHOCHostEl({
+    vnode,
+    parent
+  }, el // HostNode
+  ) {
+    while (parent && parent.subTree === vnode) {
+      (vnode = parent.vnode).el = el;
+      parent = parent.parent;
+    }
   }
-  /**
-   * Set scope id when creating hoisted vnodes.
-   * @private compiler helper
-   */
-
 
-  function pushScopeId(id) {
-    currentScopeId = id;
-  }
-  /**
-   * Technically we no longer need this after 3.0.8 but we need to keep the same
-   * API for backwards compat w/ code generated by compilers.
-   * @private
-   */
+  var isSuspense = type => type.__isSuspense; // Suspense exposes a component-like API, and is treated like a component
+  // in the compiler, but internally it's a special built-in type that hooks
+  // directly into the renderer.
 
 
-  function popScopeId() {
-    currentScopeId = null;
-  }
-  /**
-   * Only for backwards compat
-   * @private
-   */
+  var SuspenseImpl = {
+    name: 'Suspense',
+    // In order to make Suspense tree-shakable, we need to avoid importing it
+    // directly in the renderer. The renderer checks for the __isSuspense flag
+    // on a vnode's type and calls the `process` method, passing in renderer
+    // internals.
+    __isSuspense: true,
 
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, // platform-specific impl passed from renderer
+    rendererInternals) {
+      if (n1 == null) {
+        mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals);
+      } else {
+        patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals);
+      }
+    },
 
-  var withScopeId = _id => withCtx;
-  /**
-   * Wrap a slot function to memoize current rendering instance
-   * @private compiler helper
-   */
+    hydrate: hydrateSuspense,
+    create: createSuspenseBoundary,
+    normalize: normalizeSuspenseChildren
+  }; // Force-casted public typing for h and TSX props inference
 
+  var Suspense = SuspenseImpl;
 
-  function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only
-  ) {
-    if (!ctx) return fn; // already normalized
+  function triggerEvent(vnode, name) {
+    var eventListener = vnode.props && vnode.props[name];
 
-    if (fn._n) {
-      return fn;
+    if (isFunction(eventListener)) {
+      eventListener();
     }
+  }
 
-    var renderFnWithContext = (...args) => {
-      // If a user calls a compiled slot inside a template expression (#1745), it
-      // can mess up block tracking, so by default we disable block tracking and
-      // force bail out when invoking a compiled slot (indicated by the ._d flag).
-      // This isn't necessary if rendering a compiled `<slot>`, so we flip the
-      // ._d flag off when invoking the wrapped fn inside `renderSlot`.
-      if (renderFnWithContext._d) {
-        setBlockTracking(-1);
-      }
-
-      var prevInstance = setCurrentRenderingInstance(ctx);
-      var res = fn(...args);
-      setCurrentRenderingInstance(prevInstance);
-
-      if (renderFnWithContext._d) {
-        setBlockTracking(1);
+  function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) {
+    var {
+      p: patch,
+      o: {
+        createElement
       }
+    } = rendererInternals;
+    var hiddenContainer = createElement('div', container); // fixed by xxxxxx
 
-      return res;
-    }; // mark normalized to avoid duplicated wrapping
-
-
-    renderFnWithContext._n = true; // mark this as compiled by default
-    // this is used in vnode.ts -> normalizeChildren() to set the slot
-    // rendering flag.
-
-    renderFnWithContext._c = true; // disable block tracking by default
-
-    renderFnWithContext._d = true;
-    return renderFnWithContext;
-  }
-  /**
-   * dev only flag to track whether $attrs was used during render.
-   * If $attrs was used during render then the warning for failed attrs
-   * fallthrough can be suppressed.
-   */
+    var suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals); // start mounting the content subtree in an off-dom container
 
+    patch(null, suspense.pendingBranch = vnode.ssContent, hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); // now check if we have encountered any async deps
 
-  var accessedAttrs = false;
+    if (suspense.deps > 0) {
+      // has async
+      // invoke @fallback event
+      triggerEvent(vnode, 'onPending');
+      triggerEvent(vnode, 'onFallback'); // mount the fallback tree
 
-  function markAttrsAccessed() {
-    accessedAttrs = true;
+      patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
+      isSVG, slotScopeIds);
+      setActiveBranch(suspense, vnode.ssFallback);
+    } else {
+      // Suspense has no async deps. Just resolve.
+      suspense.resolve();
+    }
   }
 
-  function renderComponentRoot(instance) {
+  function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, {
+    p: patch,
+    um: unmount,
+    o: {
+      createElement
+    }
+  }) {
+    var suspense = n2.suspense = n1.suspense;
+    suspense.vnode = n2;
+    n2.el = n1.el;
+    var newBranch = n2.ssContent;
+    var newFallback = n2.ssFallback;
     var {
-      type: Component,
-      vnode,
-      proxy,
-      withProxy,
-      props,
-      propsOptions: [propsOptions],
-      slots,
-      attrs,
-      emit,
-      render,
-      renderCache,
-      data,
-      setupState,
-      ctx,
-      inheritAttrs
-    } = instance;
-    var result;
-    var prev = setCurrentRenderingInstance(instance);
+      activeBranch,
+      pendingBranch,
+      isInFallback,
+      isHydrating
+    } = suspense;
 
-    try {
-      var fallthroughAttrs;
+    if (pendingBranch) {
+      suspense.pendingBranch = newBranch;
 
-      if (vnode.shapeFlag & 4
-      /* STATEFUL_COMPONENT */
-      ) {
-        // withProxy is a proxy with a different `has` trap only for
-        // runtime-compiled render functions using `with` block.
-        var proxyToUse = withProxy || proxy;
-        result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx));
-        fallthroughAttrs = attrs;
+      if (isSameVNodeType(newBranch, pendingBranch)) {
+        // same root type but content may have changed.
+        patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+
+        if (suspense.deps <= 0) {
+          suspense.resolve();
+        } else if (isInFallback) {
+          patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
+          isSVG, slotScopeIds, optimized);
+          setActiveBranch(suspense, newFallback);
+        }
       } else {
-        // functional
-        var _render = Component; // in dev, mark attrs accessed if optional props (attrs === props)
+        // toggled before pending tree is resolved
+        suspense.pendingId++;
 
-        if ("production" !== 'production' && attrs === props) ;
-        result = normalizeVNode(_render.length > 1 ? _render(props, "production" !== 'production' ? {
-          get attrs() {
-            markAttrsAccessed();
-            return attrs;
-          },
+        if (isHydrating) {
+          // if toggled before hydration is finished, the current DOM tree is
+          // no longer valid. set it as the active branch so it will be unmounted
+          // when resolved
+          suspense.isHydrating = false;
+          suspense.activeBranch = pendingBranch;
+        } else {
+          unmount(pendingBranch, parentComponent, suspense);
+        } // increment pending ID. this is used to invalidate async callbacks
+        // reset suspense state
 
-          slots,
-          emit
-        } : {
-          attrs,
-          slots,
-          emit
-        }) : _render(props, null
-        /* we know it doesn't need it */
-        ));
-        fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
-      } // attr merging
-      // in dev mode, comments are preserved, and it's possible for a template
-      // to have comments along side the root element which makes it a fragment
 
+        suspense.deps = 0; // discard effects from pending branch
 
-      var root = result;
-      var setRoot = undefined;
-      if ("production" !== 'production' && result.patchFlag > 0 && result.patchFlag & 2048
-      /* DEV_ROOT_FRAGMENT */
-      ) ;
+        suspense.effects.length = 0; // discard previous container
 
-      if (fallthroughAttrs && inheritAttrs !== false) {
-        var keys = Object.keys(fallthroughAttrs);
-        var {
-          shapeFlag
-        } = root;
+        suspense.hiddenContainer = createElement('div', container); // fixed by xxxxxx
 
-        if (keys.length) {
-          if (shapeFlag & 1
-          /* ELEMENT */
-          || shapeFlag & 6
-          /* COMPONENT */
-          ) {
-            if (propsOptions && keys.some(isModelListener)) {
-              // If a v-model listener (onUpdate:xxx) has a corresponding declared
-              // prop, it indicates this component expects to handle v-model and
-              // it should not fallthrough.
-              // related: #1543, #1643, #1989
-              fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
-            }
+        if (isInFallback) {
+          // already in fallback state
+          patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
 
-            root = cloneVNode(root, fallthroughAttrs);
-          } else if ("production" !== 'production' && !accessedAttrs && root.type !== Comment$1) ;
+          if (suspense.deps <= 0) {
+            suspense.resolve();
+          } else {
+            patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
+            isSVG, slotScopeIds, optimized);
+            setActiveBranch(suspense, newFallback);
+          }
+        } else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
+          // toggled "back" to current active branch
+          patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); // force resolve
+
+          suspense.resolve(true);
+        } else {
+          // switched to a 3rd branch
+          patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+
+          if (suspense.deps <= 0) {
+            suspense.resolve();
+          }
         }
       }
+    } else {
+      if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
+        // root did not change, just normal patch
+        patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+        setActiveBranch(suspense, newBranch);
+      } else {
+        // root node toggled
+        // invoke @pending event
+        triggerEvent(n2, 'onPending'); // mount pending branch in off-dom container
 
-      if (false && isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE"
-      /* INSTANCE_ATTRS_CLASS_STYLE */
-      , instance) && vnode.shapeFlag & 4
-      /* STATEFUL_COMPONENT */
-      && (root.shapeFlag & 1
-      /* ELEMENT */
-      || root.shapeFlag & 6
-      /* COMPONENT */
-      )) ; // inherit directives
-
-      if (vnode.dirs) {
-        if ("production" !== 'production' && !isElementRoot(root)) ;
-        root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
-      } // inherit transition data
+        suspense.pendingBranch = newBranch;
+        suspense.pendingId++;
+        patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
 
+        if (suspense.deps <= 0) {
+          // incoming branch has no async deps, resolve now.
+          suspense.resolve();
+        } else {
+          var {
+            timeout,
+            pendingId
+          } = suspense;
 
-      if (vnode.transition) {
-        if ("production" !== 'production' && !isElementRoot(root)) ;
-        root.transition = vnode.transition;
+          if (timeout > 0) {
+            setTimeout(() => {
+              if (suspense.pendingId === pendingId) {
+                suspense.fallback(newFallback);
+              }
+            }, timeout);
+          } else if (timeout === 0) {
+            suspense.fallback(newFallback);
+          }
+        }
       }
+    }
+  }
 
-      if ("production" !== 'production' && setRoot) ;else {
-        result = root;
+  function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
+    var {
+      p: patch,
+      m: move,
+      um: unmount,
+      n: next,
+      o: {
+        parentNode,
+        remove
       }
-    } catch (err) {
-      blockStack.length = 0;
-      handleError(err, instance, 1
-      /* RENDER_FUNCTION */
-      );
-      result = createVNode(Comment$1);
-    }
+    } = rendererInternals;
+    var timeout = toNumber(vnode.props && vnode.props.timeout);
+    var suspense = {
+      vnode,
+      parent,
+      parentComponent,
+      isSVG,
+      container,
+      hiddenContainer,
+      anchor,
+      deps: 0,
+      pendingId: 0,
+      timeout: typeof timeout === 'number' ? timeout : -1,
+      activeBranch: null,
+      pendingBranch: null,
+      isInFallback: true,
+      isHydrating,
+      isUnmounted: false,
+      effects: [],
 
-    setCurrentRenderingInstance(prev);
-    return result;
-  }
-  /**
-   * dev only
-   * In dev mode, template root level comments are rendered, which turns the
-   * template into a fragment root, but we need to locate the single element
-   * root for attrs and scope id processing.
-   */
+      resolve(resume = false) {
+        var {
+          vnode,
+          activeBranch,
+          pendingBranch,
+          pendingId,
+          effects,
+          parentComponent,
+          container
+        } = suspense;
 
+        if (suspense.isHydrating) {
+          suspense.isHydrating = false;
+        } else if (!resume) {
+          var delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === 'out-in';
 
-  var getChildRoot = vnode => {
-    var rawChildren = vnode.children;
-    var dynamicChildren = vnode.dynamicChildren;
-    var childRoot = filterSingleRoot(rawChildren);
+          if (delayEnter) {
+            activeBranch.transition.afterLeave = () => {
+              if (pendingId === suspense.pendingId) {
+                move(pendingBranch, container, _anchor, 0
+                /* ENTER */
+                );
+              }
+            };
+          } // this is initial anchor on mount
 
-    if (!childRoot) {
-      return [vnode, undefined];
-    }
 
-    var index = rawChildren.indexOf(childRoot);
-    var dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1;
+          var {
+            anchor: _anchor
+          } = suspense; // unmount current active tree
 
-    var setRoot = updatedRoot => {
-      rawChildren[index] = updatedRoot;
+          if (activeBranch) {
+            // if the fallback tree was mounted, it may have been moved
+            // as part of a parent suspense. get the latest anchor for insertion
+            _anchor = next(activeBranch);
+            unmount(activeBranch, parentComponent, suspense, true);
+          }
 
-      if (dynamicChildren) {
-        if (dynamicIndex > -1) {
-          dynamicChildren[dynamicIndex] = updatedRoot;
-        } else if (updatedRoot.patchFlag > 0) {
-          vnode.dynamicChildren = [...dynamicChildren, updatedRoot];
+          if (!delayEnter) {
+            // move content from off-dom container to actual container
+            move(pendingBranch, container, _anchor, 0
+            /* ENTER */
+            );
+          }
         }
-      }
-    };
 
-    return [normalizeVNode(childRoot), setRoot];
-  };
-
-  function filterSingleRoot(children) {
-    var singleRoot;
+        setActiveBranch(suspense, pendingBranch);
+        suspense.pendingBranch = null;
+        suspense.isInFallback = false; // flush buffered effects
+        // check if there is a pending parent suspense
 
-    for (var i = 0; i < children.length; i++) {
-      var child = children[i];
+        var parent = suspense.parent;
+        var hasUnresolvedAncestor = false;
 
-      if (isVNode(child)) {
-        // ignore user comment
-        if (child.type !== Comment$1 || child.children === 'v-if') {
-          if (singleRoot) {
-            // has more than 1 non-comment child, return now
-            return;
-          } else {
-            singleRoot = child;
+        while (parent) {
+          if (parent.pendingBranch) {
+            // found a pending parent suspense, merge buffered post jobs
+            // into that parent
+            parent.effects.push(...effects);
+            hasUnresolvedAncestor = true;
+            break;
           }
-        }
-      } else {
-        return;
-      }
-    }
 
-    return singleRoot;
-  }
+          parent = parent.parent;
+        } // no pending parent suspense, flush all jobs
 
-  var getFunctionalFallthrough = attrs => {
-    var res;
 
-    for (var key in attrs) {
-      if (key === 'class' || key === 'style' || isOn(key)) {
-        (res || (res = {}))[key] = attrs[key];
-      }
-    }
+        if (!hasUnresolvedAncestor) {
+          queuePostFlushCb(effects);
+        }
 
-    return res;
-  };
+        suspense.effects = []; // invoke @resolve event
 
-  var filterModelListeners = (attrs, props) => {
-    var res = {};
+        triggerEvent(vnode, 'onResolve');
+      },
 
-    for (var key in attrs) {
-      if (!isModelListener(key) || !(key.slice(9) in props)) {
-        res[key] = attrs[key];
-      }
-    }
+      fallback(fallbackVNode) {
+        if (!suspense.pendingBranch) {
+          return;
+        }
 
-    return res;
-  };
+        var {
+          vnode,
+          activeBranch,
+          parentComponent,
+          container,
+          isSVG
+        } = suspense; // invoke @fallback event
 
-  var isElementRoot = vnode => {
-    return vnode.shapeFlag & 6
-    /* COMPONENT */
-    || vnode.shapeFlag & 1
-    /* ELEMENT */
-    || vnode.type === Comment$1 // potential v-if branch switch
-    ;
-  };
+        triggerEvent(vnode, 'onFallback');
+        var anchor = next(activeBranch);
 
-  function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
-    var {
-      props: prevProps,
-      children: prevChildren,
-      component
-    } = prevVNode;
-    var {
-      props: nextProps,
-      children: nextChildren,
-      patchFlag
-    } = nextVNode;
-    var emits = component.emitsOptions; // force child update for runtime directive or transition on component vnode.
+        var mountFallback = () => {
+          if (!suspense.isInFallback) {
+            return;
+          } // mount the fallback tree
 
-    if (nextVNode.dirs || nextVNode.transition) {
-      return true;
-    }
 
-    if (optimized && patchFlag >= 0) {
-      if (patchFlag & 1024
-      /* DYNAMIC_SLOTS */
-      ) {
-        // slot content that references values that might have changed,
-        // e.g. in a v-for
-        return true;
-      }
+          patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context
+          isSVG, slotScopeIds, optimized);
+          setActiveBranch(suspense, fallbackVNode);
+        };
 
-      if (patchFlag & 16
-      /* FULL_PROPS */
-      ) {
-        if (!prevProps) {
-          return !!nextProps;
-        } // presence of this flag indicates props are always non-null
+        var delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in';
 
+        if (delayEnter) {
+          activeBranch.transition.afterLeave = mountFallback;
+        }
 
-        return hasPropsChanged(prevProps, nextProps, emits);
-      } else if (patchFlag & 8
-      /* PROPS */
-      ) {
-        var dynamicProps = nextVNode.dynamicProps;
+        suspense.isInFallback = true; // unmount current active branch
 
-        for (var i = 0; i < dynamicProps.length; i++) {
-          var key = dynamicProps[i];
+        unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now
+        true // shouldRemove
+        );
 
-          if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) {
-            return true;
-          }
-        }
-      }
-    } else {
-      // this path is only taken by manually written render functions
-      // so presence of any children leads to a forced update
-      if (prevChildren || nextChildren) {
-        if (!nextChildren || !nextChildren.$stable) {
-          return true;
+        if (!delayEnter) {
+          mountFallback();
         }
-      }
+      },
 
-      if (prevProps === nextProps) {
-        return false;
-      }
+      move(container, anchor, type) {
+        suspense.activeBranch && move(suspense.activeBranch, container, anchor, type);
+        suspense.container = container;
+      },
 
-      if (!prevProps) {
-        return !!nextProps;
-      }
+      next() {
+        return suspense.activeBranch && next(suspense.activeBranch);
+      },
 
-      if (!nextProps) {
-        return true;
-      }
+      registerDep(instance, setupRenderEffect) {
+        var isInPendingSuspense = !!suspense.pendingBranch;
 
-      return hasPropsChanged(prevProps, nextProps, emits);
-    }
+        if (isInPendingSuspense) {
+          suspense.deps++;
+        }
 
-    return false;
-  }
+        var hydratedEl = instance.vnode.el;
+        instance.asyncDep.catch(err => {
+          handleError(err, instance, 0
+          /* SETUP_FUNCTION */
+          );
+        }).then(asyncSetupResult => {
+          // retry when the setup() promise resolves.
+          // component may have been unmounted before resolve.
+          if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) {
+            return;
+          } // retry from this component
 
-  function hasPropsChanged(prevProps, nextProps, emitsOptions) {
-    var nextKeys = Object.keys(nextProps);
 
-    if (nextKeys.length !== Object.keys(prevProps).length) {
-      return true;
-    }
+          instance.asyncResolved = true;
+          var {
+            vnode
+          } = instance;
+          handleSetupResult(instance, asyncSetupResult);
 
-    for (var i = 0; i < nextKeys.length; i++) {
-      var key = nextKeys[i];
+          if (hydratedEl) {
+            // vnode may have been replaced if an update happened before the
+            // async dep is resolved.
+            vnode.el = hydratedEl;
+          }
 
-      if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) {
-        return true;
-      }
-    }
+          var placeholder = !hydratedEl && instance.subTree.el;
+          setupRenderEffect(instance, vnode, // component may have been moved before resolve.
+          // if this is not a hydration, instance.subTree will be the comment
+          // placeholder.
+          parentNode(hydratedEl || instance.subTree.el), // anchor will not be used if this is hydration, so only need to
+          // consider the comment placeholder case.
+          hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized);
 
-    return false;
-  }
+          if (placeholder) {
+            remove(placeholder);
+          }
 
-  function updateHOCHostEl({
-    vnode,
-    parent
-  }, el // HostNode
-  ) {
-    while (parent && parent.subTree === vnode) {
-      (vnode = parent.vnode).el = el;
-      parent = parent.parent;
-    }
-  }
+          updateHOCHostEl(instance, vnode.el); // only decrease deps count if suspense is not already resolved
 
-  var isSuspense = type => type.__isSuspense; // Suspense exposes a component-like API, and is treated like a component
-  // in the compiler, but internally it's a special built-in type that hooks
-  // directly into the renderer.
+          if (isInPendingSuspense && --suspense.deps === 0) {
+            suspense.resolve();
+          }
+        });
+      },
 
+      unmount(parentSuspense, doRemove) {
+        suspense.isUnmounted = true;
 
-  var SuspenseImpl = {
-    name: 'Suspense',
-    // In order to make Suspense tree-shakable, we need to avoid importing it
-    // directly in the renderer. The renderer checks for the __isSuspense flag
-    // on a vnode's type and calls the `process` method, passing in renderer
-    // internals.
-    __isSuspense: true,
+        if (suspense.activeBranch) {
+          unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove);
+        }
 
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, // platform-specific impl passed from renderer
-    rendererInternals) {
-      if (n1 == null) {
-        mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals);
-      } else {
-        patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals);
+        if (suspense.pendingBranch) {
+          unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove);
+        }
       }
-    },
 
-    hydrate: hydrateSuspense,
-    create: createSuspenseBoundary,
-    normalize: normalizeSuspenseChildren
-  }; // Force-casted public typing for h and TSX props inference
+    };
+    return suspense;
+  }
 
-  var Suspense = SuspenseImpl;
+  function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) {
+    /* eslint-disable no-restricted-globals */
+    var suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true
+    /* hydrating */
+    ); // there are two possible scenarios for server-rendered suspense:
+    // - success: ssr content should be fully resolved
+    // - failure: ssr content should be the fallback branch.
+    // however, on the client we don't really know if it has failed or not
+    // attempt to hydrate the DOM assuming it has succeeded, but we still
+    // need to construct a suspense boundary first
 
-  function triggerEvent(vnode, name) {
-    var eventListener = vnode.props && vnode.props[name];
+    var result = hydrateNode(node, suspense.pendingBranch = vnode.ssContent, parentComponent, suspense, slotScopeIds, optimized);
 
-    if (isFunction(eventListener)) {
-      eventListener();
+    if (suspense.deps === 0) {
+      suspense.resolve();
     }
+
+    return result;
+    /* eslint-enable no-restricted-globals */
   }
 
-  function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) {
+  function normalizeSuspenseChildren(vnode) {
     var {
-      p: patch,
-      o: {
-        createElement
-      }
-    } = rendererInternals;
-    var hiddenContainer = createElement('div', container); // fixed by xxxxxx
+      shapeFlag,
+      children
+    } = vnode;
+    var isSlotChildren = shapeFlag & 32
+    /* SLOTS_CHILDREN */
+    ;
+    vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children);
+    vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment);
+  }
 
-    var suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals); // start mounting the content subtree in an off-dom container
+  function normalizeSuspenseSlot(s) {
+    var block;
 
-    patch(null, suspense.pendingBranch = vnode.ssContent, hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); // now check if we have encountered any async deps
+    if (isFunction(s)) {
+      var isCompiledSlot = s._c;
 
-    if (suspense.deps > 0) {
-      // has async
-      // invoke @fallback event
-      triggerEvent(vnode, 'onPending');
-      triggerEvent(vnode, 'onFallback'); // mount the fallback tree
+      if (isCompiledSlot) {
+        // disableTracking: false
+        // allow block tracking for compiled slots
+        // (see ./componentRenderContext.ts)
+        s._d = false;
+        openBlock();
+      }
 
-      patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-      isSVG, slotScopeIds);
-      setActiveBranch(suspense, vnode.ssFallback);
-    } else {
-      // Suspense has no async deps. Just resolve.
-      suspense.resolve();
+      s = s();
+
+      if (isCompiledSlot) {
+        s._d = true;
+        block = currentBlock;
+        closeBlock();
+      }
     }
-  }
 
-  function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, {
-    p: patch,
-    um: unmount,
-    o: {
-      createElement
+    if (isArray(s)) {
+      var singleChild = filterSingleRoot(s);
+      s = singleChild;
     }
-  }) {
-    var suspense = n2.suspense = n1.suspense;
-    suspense.vnode = n2;
-    n2.el = n1.el;
-    var newBranch = n2.ssContent;
-    var newFallback = n2.ssFallback;
-    var {
-      activeBranch,
-      pendingBranch,
-      isInFallback,
-      isHydrating
-    } = suspense;
-
-    if (pendingBranch) {
-      suspense.pendingBranch = newBranch;
-
-      if (isSameVNodeType(newBranch, pendingBranch)) {
-        // same root type but content may have changed.
-        patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
-
-        if (suspense.deps <= 0) {
-          suspense.resolve();
-        } else if (isInFallback) {
-          patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-          isSVG, slotScopeIds, optimized);
-          setActiveBranch(suspense, newFallback);
-        }
-      } else {
-        // toggled before pending tree is resolved
-        suspense.pendingId++;
-
-        if (isHydrating) {
-          // if toggled before hydration is finished, the current DOM tree is
-          // no longer valid. set it as the active branch so it will be unmounted
-          // when resolved
-          suspense.isHydrating = false;
-          suspense.activeBranch = pendingBranch;
-        } else {
-          unmount(pendingBranch, parentComponent, suspense);
-        } // increment pending ID. this is used to invalidate async callbacks
-        // reset suspense state
-
-
-        suspense.deps = 0; // discard effects from pending branch
 
-        suspense.effects.length = 0; // discard previous container
-
-        suspense.hiddenContainer = createElement('div', container); // fixed by xxxxxx
-
-        if (isInFallback) {
-          // already in fallback state
-          patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+    s = normalizeVNode(s);
 
-          if (suspense.deps <= 0) {
-            suspense.resolve();
-          } else {
-            patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-            isSVG, slotScopeIds, optimized);
-            setActiveBranch(suspense, newFallback);
-          }
-        } else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
-          // toggled "back" to current active branch
-          patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); // force resolve
+    if (block && !s.dynamicChildren) {
+      s.dynamicChildren = block.filter(c => c !== s);
+    }
 
-          suspense.resolve(true);
-        } else {
-          // switched to a 3rd branch
-          patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
+    return s;
+  }
 
-          if (suspense.deps <= 0) {
-            suspense.resolve();
-          }
-        }
-      }
-    } else {
-      if (activeBranch && isSameVNodeType(newBranch, activeBranch)) {
-        // root did not change, just normal patch
-        patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized);
-        setActiveBranch(suspense, newBranch);
+  function queueEffectWithSuspense(fn, suspense) {
+    if (suspense && suspense.pendingBranch) {
+      if (isArray(fn)) {
+        suspense.effects.push(...fn);
       } else {
-        // root node toggled
-        // invoke @pending event
-        triggerEvent(n2, 'onPending'); // mount pending branch in off-dom container
-
-        suspense.pendingBranch = newBranch;
-        suspense.pendingId++;
-        patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized);
-
-        if (suspense.deps <= 0) {
-          // incoming branch has no async deps, resolve now.
-          suspense.resolve();
-        } else {
-          var {
-            timeout,
-            pendingId
-          } = suspense;
-
-          if (timeout > 0) {
-            setTimeout(() => {
-              if (suspense.pendingId === pendingId) {
-                suspense.fallback(newFallback);
-              }
-            }, timeout);
-          } else if (timeout === 0) {
-            suspense.fallback(newFallback);
-          }
-        }
+        suspense.effects.push(fn);
       }
+    } else {
+      queuePostFlushCb(fn);
     }
   }
 
-  function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
+  function setActiveBranch(suspense, branch) {
+    suspense.activeBranch = branch;
     var {
-      p: patch,
-      m: move,
-      um: unmount,
-      n: next,
-      o: {
-        parentNode,
-        remove
-      }
-    } = rendererInternals;
-    var timeout = toNumber(vnode.props && vnode.props.timeout);
-    var suspense = {
       vnode,
-      parent,
-      parentComponent,
-      isSVG,
-      container,
-      hiddenContainer,
-      anchor,
-      deps: 0,
-      pendingId: 0,
-      timeout: typeof timeout === 'number' ? timeout : -1,
-      activeBranch: null,
-      pendingBranch: null,
-      isInFallback: true,
-      isHydrating,
-      isUnmounted: false,
-      effects: [],
+      parentComponent
+    } = suspense;
+    var el = vnode.el = branch.el; // in case suspense is the root node of a component,
+    // recursively update the HOC el
 
-      resolve(resume = false) {
-        var {
-          vnode,
-          activeBranch,
-          pendingBranch,
-          pendingId,
-          effects,
-          parentComponent,
-          container
-        } = suspense;
+    if (parentComponent && parentComponent.subTree === vnode) {
+      parentComponent.vnode.el = el;
+      updateHOCHostEl(parentComponent, el);
+    }
+  }
 
-        if (suspense.isHydrating) {
-          suspense.isHydrating = false;
-        } else if (!resume) {
-          var delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === 'out-in';
+  function provide(key, value) {
+    if (!currentInstance) ;else {
+      var provides = currentInstance.provides; // by default an instance inherits its parent's provides object
+      // but when it needs to provide values of its own, it creates its
+      // own provides object using parent provides object as prototype.
+      // this way in `inject` we can simply look up injections from direct
+      // parent and let the prototype chain do the work.
 
-          if (delayEnter) {
-            activeBranch.transition.afterLeave = () => {
-              if (pendingId === suspense.pendingId) {
-                move(pendingBranch, container, _anchor, 0
-                /* ENTER */
-                );
-              }
-            };
-          } // this is initial anchor on mount
+      var parentProvides = currentInstance.parent && currentInstance.parent.provides;
 
+      if (parentProvides === provides) {
+        provides = currentInstance.provides = Object.create(parentProvides);
+      } // TS doesn't allow symbol as index type
 
-          var {
-            anchor: _anchor
-          } = suspense; // unmount current active tree
 
-          if (activeBranch) {
-            // if the fallback tree was mounted, it may have been moved
-            // as part of a parent suspense. get the latest anchor for insertion
-            _anchor = next(activeBranch);
-            unmount(activeBranch, parentComponent, suspense, true);
-          }
+      provides[key] = value;
+    }
+  }
 
-          if (!delayEnter) {
-            // move content from off-dom container to actual container
-            move(pendingBranch, container, _anchor, 0
-            /* ENTER */
-            );
-          }
-        }
+  function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    // fallback to `currentRenderingInstance` so that this can be called in
+    // a functional component
+    var instance = currentInstance || currentRenderingInstance;
 
-        setActiveBranch(suspense, pendingBranch);
-        suspense.pendingBranch = null;
-        suspense.isInFallback = false; // flush buffered effects
-        // check if there is a pending parent suspense
+    if (instance) {
+      // #2400
+      // to support `app.use` plugins,
+      // fallback to appContext's `provides` if the intance is at root
+      var provides = instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides;
 
-        var parent = suspense.parent;
-        var hasUnresolvedAncestor = false;
+      if (provides && key in provides) {
+        // TS doesn't allow symbol as index type
+        return provides[key];
+      } else if (arguments.length > 1) {
+        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance.proxy) : defaultValue;
+      } else ;
+    }
+  }
 
-        while (parent) {
-          if (parent.pendingBranch) {
-            // found a pending parent suspense, merge buffered post jobs
-            // into that parent
-            parent.effects.push(...effects);
-            hasUnresolvedAncestor = true;
-            break;
-          }
+  function useTransitionState() {
+    var state = {
+      isMounted: false,
+      isLeaving: false,
+      isUnmounting: false,
+      leavingVNodes: new Map()
+    };
+    onMounted(() => {
+      state.isMounted = true;
+    });
+    onBeforeUnmount(() => {
+      state.isUnmounting = true;
+    });
+    return state;
+  }
 
-          parent = parent.parent;
-        } // no pending parent suspense, flush all jobs
+  var TransitionHookValidator = [Function, Array];
+  var BaseTransitionImpl = {
+    name: "BaseTransition",
+    props: {
+      mode: String,
+      appear: Boolean,
+      persisted: Boolean,
+      // enter
+      onBeforeEnter: TransitionHookValidator,
+      onEnter: TransitionHookValidator,
+      onAfterEnter: TransitionHookValidator,
+      onEnterCancelled: TransitionHookValidator,
+      // leave
+      onBeforeLeave: TransitionHookValidator,
+      onLeave: TransitionHookValidator,
+      onAfterLeave: TransitionHookValidator,
+      onLeaveCancelled: TransitionHookValidator,
+      // appear
+      onBeforeAppear: TransitionHookValidator,
+      onAppear: TransitionHookValidator,
+      onAfterAppear: TransitionHookValidator,
+      onAppearCancelled: TransitionHookValidator
+    },
+
+    setup(props, {
+      slots
+    }) {
+      var instance = getCurrentInstance();
+      var state = useTransitionState();
+      var prevTransitionKey;
+      return () => {
+        var children = slots.default && getTransitionRawChildren(slots.default(), true);
 
+        if (!children || !children.length) {
+          return;
+        } // there's no need to track reactivity for these props so use the raw
+        // props for a bit better perf
 
-        if (!hasUnresolvedAncestor) {
-          queuePostFlushCb(effects);
-        }
 
-        suspense.effects = []; // invoke @resolve event
+        var rawProps = toRaw(props);
+        var {
+          mode
+        } = rawProps; // at this point children has a guaranteed length of 1.
 
-        triggerEvent(vnode, 'onResolve');
-      },
+        var child = children[0];
 
-      fallback(fallbackVNode) {
-        if (!suspense.pendingBranch) {
-          return;
+        if (state.isLeaving) {
+          return emptyPlaceholder(child);
+        } // in the case of <transition><keep-alive/></transition>, we need to
+        // compare the type of the kept-alive children.
+
+
+        var innerChild = getKeepAliveChild(child);
+
+        if (!innerChild) {
+          return emptyPlaceholder(child);
         }
 
+        var enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance);
+        setTransitionHooks(innerChild, enterHooks);
+        var oldChild = instance.subTree;
+        var oldInnerChild = oldChild && getKeepAliveChild(oldChild);
+        var transitionKeyChanged = false;
         var {
-          vnode,
-          activeBranch,
-          parentComponent,
-          container,
-          isSVG
-        } = suspense; // invoke @fallback event
+          getTransitionKey
+        } = innerChild.type;
 
-        triggerEvent(vnode, 'onFallback');
-        var anchor = next(activeBranch);
+        if (getTransitionKey) {
+          var key = getTransitionKey();
 
-        var mountFallback = () => {
-          if (!suspense.isInFallback) {
-            return;
-          } // mount the fallback tree
+          if (prevTransitionKey === undefined) {
+            prevTransitionKey = key;
+          } else if (key !== prevTransitionKey) {
+            prevTransitionKey = key;
+            transitionKeyChanged = true;
+          }
+        } // handle mode
 
 
-          patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context
-          isSVG, slotScopeIds, optimized);
-          setActiveBranch(suspense, fallbackVNode);
-        };
+        if (oldInnerChild && oldInnerChild.type !== Comment$1 && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) {
+          var leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); // update old tree's hooks in case of dynamic transition
 
-        var delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in';
+          setTransitionHooks(oldInnerChild, leavingHooks); // switching between different views
 
-        if (delayEnter) {
-          activeBranch.transition.afterLeave = mountFallback;
-        }
+          if (mode === 'out-in') {
+            state.isLeaving = true; // return placeholder node and queue update when leave finishes
 
-        suspense.isInFallback = true; // unmount current active branch
+            leavingHooks.afterLeave = () => {
+              state.isLeaving = false;
+              instance.update();
+            };
 
-        unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now
-        true // shouldRemove
-        );
+            return emptyPlaceholder(child);
+          } else if (mode === 'in-out' && innerChild.type !== Comment$1) {
+            leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
+              var leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
+              leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; // early removal callback
 
-        if (!delayEnter) {
-          mountFallback();
+              el._leaveCb = () => {
+                earlyRemove();
+                el._leaveCb = undefined;
+                delete enterHooks.delayedLeave;
+              };
+
+              enterHooks.delayedLeave = delayedLeave;
+            };
+          }
         }
-      },
 
-      move(container, anchor, type) {
-        suspense.activeBranch && move(suspense.activeBranch, container, anchor, type);
-        suspense.container = container;
-      },
+        return child;
+      };
+    }
 
-      next() {
-        return suspense.activeBranch && next(suspense.activeBranch);
-      },
+  }; // export the public type for h/tsx inference
+  // also to avoid inline import() in generated d.ts files
 
-      registerDep(instance, setupRenderEffect) {
-        var isInPendingSuspense = !!suspense.pendingBranch;
+  var BaseTransition = BaseTransitionImpl;
 
-        if (isInPendingSuspense) {
-          suspense.deps++;
-        }
+  function getLeavingNodesForType(state, vnode) {
+    var {
+      leavingVNodes
+    } = state;
+    var leavingVNodesCache = leavingVNodes.get(vnode.type);
 
-        var hydratedEl = instance.vnode.el;
-        instance.asyncDep.catch(err => {
-          handleError(err, instance, 0
-          /* SETUP_FUNCTION */
-          );
-        }).then(asyncSetupResult => {
-          // retry when the setup() promise resolves.
-          // component may have been unmounted before resolve.
-          if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) {
-            return;
-          } // retry from this component
+    if (!leavingVNodesCache) {
+      leavingVNodesCache = Object.create(null);
+      leavingVNodes.set(vnode.type, leavingVNodesCache);
+    }
 
+    return leavingVNodesCache;
+  } // The transition hooks are attached to the vnode as vnode.transition
+  // and will be called at appropriate timing in the renderer.
 
-          instance.asyncResolved = true;
-          var {
-            vnode
-          } = instance;
-          handleSetupResult(instance, asyncSetupResult);
 
-          if (hydratedEl) {
-            // vnode may have been replaced if an update happened before the
-            // async dep is resolved.
-            vnode.el = hydratedEl;
-          }
+  function resolveTransitionHooks(vnode, props, state, instance) {
+    var {
+      appear,
+      mode,
+      persisted = false,
+      onBeforeEnter,
+      onEnter,
+      onAfterEnter,
+      onEnterCancelled,
+      onBeforeLeave,
+      onLeave,
+      onAfterLeave,
+      onLeaveCancelled,
+      onBeforeAppear,
+      onAppear,
+      onAfterAppear,
+      onAppearCancelled
+    } = props;
+    var key = String(vnode.key);
+    var leavingVNodesCache = getLeavingNodesForType(state, vnode);
 
-          var placeholder = !hydratedEl && instance.subTree.el;
-          setupRenderEffect(instance, vnode, // component may have been moved before resolve.
-          // if this is not a hydration, instance.subTree will be the comment
-          // placeholder.
-          parentNode(hydratedEl || instance.subTree.el), // anchor will not be used if this is hydration, so only need to
-          // consider the comment placeholder case.
-          hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized);
+    var callHook = (hook, args) => {
+      hook && callWithAsyncErrorHandling(hook, instance, 9
+      /* TRANSITION_HOOK */
+      , args);
+    };
 
-          if (placeholder) {
-            remove(placeholder);
-          }
+    var hooks = {
+      mode,
+      persisted,
 
-          updateHOCHostEl(instance, vnode.el); // only decrease deps count if suspense is not already resolved
+      beforeEnter(el) {
+        var hook = onBeforeEnter;
 
-          if (isInPendingSuspense && --suspense.deps === 0) {
-            suspense.resolve();
+        if (!state.isMounted) {
+          if (appear) {
+            hook = onBeforeAppear || onBeforeEnter;
+          } else {
+            return;
           }
-        });
-      },
+        } // for same element (v-show)
 
-      unmount(parentSuspense, doRemove) {
-        suspense.isUnmounted = true;
 
-        if (suspense.activeBranch) {
-          unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove);
-        }
+        if (el._leaveCb) {
+          el._leaveCb(true
+          /* cancelled */
+          );
+        } // for toggled element with same key (v-if)
 
-        if (suspense.pendingBranch) {
-          unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove);
+
+        var leavingVNode = leavingVNodesCache[key];
+
+        if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) {
+          // force early removal (not cancelled)
+          leavingVNode.el._leaveCb();
         }
-      }
 
-    };
-    return suspense;
-  }
+        callHook(hook, [el]);
+      },
 
-  function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) {
-    /* eslint-disable no-restricted-globals */
-    var suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true
-    /* hydrating */
-    ); // there are two possible scenarios for server-rendered suspense:
-    // - success: ssr content should be fully resolved
-    // - failure: ssr content should be the fallback branch.
-    // however, on the client we don't really know if it has failed or not
-    // attempt to hydrate the DOM assuming it has succeeded, but we still
-    // need to construct a suspense boundary first
+      enter(el) {
+        var hook = onEnter;
+        var afterHook = onAfterEnter;
+        var cancelHook = onEnterCancelled;
 
-    var result = hydrateNode(node, suspense.pendingBranch = vnode.ssContent, parentComponent, suspense, slotScopeIds, optimized);
+        if (!state.isMounted) {
+          if (appear) {
+            hook = onAppear || onEnter;
+            afterHook = onAfterAppear || onAfterEnter;
+            cancelHook = onAppearCancelled || onEnterCancelled;
+          } else {
+            return;
+          }
+        }
 
-    if (suspense.deps === 0) {
-      suspense.resolve();
-    }
+        var called = false;
 
-    return result;
-    /* eslint-enable no-restricted-globals */
-  }
+        var done = el._enterCb = cancelled => {
+          if (called) return;
+          called = true;
 
-  function normalizeSuspenseChildren(vnode) {
-    var {
-      shapeFlag,
-      children
-    } = vnode;
-    var isSlotChildren = shapeFlag & 32
-    /* SLOTS_CHILDREN */
-    ;
-    vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children);
-    vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment);
-  }
+          if (cancelled) {
+            callHook(cancelHook, [el]);
+          } else {
+            callHook(afterHook, [el]);
+          }
 
-  function normalizeSuspenseSlot(s) {
-    var block;
+          if (hooks.delayedLeave) {
+            hooks.delayedLeave();
+          }
 
-    if (isFunction(s)) {
-      var isCompiledSlot = s._c;
+          el._enterCb = undefined;
+        };
 
-      if (isCompiledSlot) {
-        // disableTracking: false
-        // allow block tracking for compiled slots
-        // (see ./componentRenderContext.ts)
-        s._d = false;
-        openBlock();
-      }
+        if (hook) {
+          hook(el, done);
 
-      s = s();
+          if (hook.length <= 1) {
+            done();
+          }
+        } else {
+          done();
+        }
+      },
 
-      if (isCompiledSlot) {
-        s._d = true;
-        block = currentBlock;
-        closeBlock();
-      }
-    }
+      leave(el, remove) {
+        var key = String(vnode.key);
 
-    if (isArray(s)) {
-      var singleChild = filterSingleRoot(s);
-      s = singleChild;
-    }
+        if (el._enterCb) {
+          el._enterCb(true
+          /* cancelled */
+          );
+        }
 
-    s = normalizeVNode(s);
+        if (state.isUnmounting) {
+          return remove();
+        }
 
-    if (block) {
-      s.dynamicChildren = block.filter(c => c !== s);
-    }
+        callHook(onBeforeLeave, [el]);
+        var called = false;
 
-    return s;
-  }
+        var done = el._leaveCb = cancelled => {
+          if (called) return;
+          called = true;
+          remove();
 
-  function queueEffectWithSuspense(fn, suspense) {
-    if (suspense && suspense.pendingBranch) {
-      if (isArray(fn)) {
-        suspense.effects.push(...fn);
-      } else {
-        suspense.effects.push(fn);
-      }
-    } else {
-      queuePostFlushCb(fn);
-    }
-  }
+          if (cancelled) {
+            callHook(onLeaveCancelled, [el]);
+          } else {
+            callHook(onAfterLeave, [el]);
+          }
 
-  function setActiveBranch(suspense, branch) {
-    suspense.activeBranch = branch;
-    var {
-      vnode,
-      parentComponent
-    } = suspense;
-    var el = vnode.el = branch.el; // in case suspense is the root node of a component,
-    // recursively update the HOC el
+          el._leaveCb = undefined;
 
-    if (parentComponent && parentComponent.subTree === vnode) {
-      parentComponent.vnode.el = el;
-      updateHOCHostEl(parentComponent, el);
-    }
-  }
+          if (leavingVNodesCache[key] === vnode) {
+            delete leavingVNodesCache[key];
+          }
+        };
 
-  function provide(key, value) {
-    if (!currentInstance) ;else {
-      var provides = currentInstance.provides; // by default an instance inherits its parent's provides object
-      // but when it needs to provide values of its own, it creates its
-      // own provides object using parent provides object as prototype.
-      // this way in `inject` we can simply look up injections from direct
-      // parent and let the prototype chain do the work.
+        leavingVNodesCache[key] = vnode;
 
-      var parentProvides = currentInstance.parent && currentInstance.parent.provides;
+        if (onLeave) {
+          onLeave(el, done);
 
-      if (parentProvides === provides) {
-        provides = currentInstance.provides = Object.create(parentProvides);
-      } // TS doesn't allow symbol as index type
+          if (onLeave.length <= 1) {
+            done();
+          }
+        } else {
+          done();
+        }
+      },
+
+      clone(vnode) {
+        return resolveTransitionHooks(vnode, props, state, instance);
+      }
+
+    };
+    return hooks;
+  } // the placeholder really only handles one special case: KeepAlive
+  // in the case of a KeepAlive in a leave phase we need to return a KeepAlive
+  // placeholder with empty content to avoid the KeepAlive instance from being
+  // unmounted.
 
 
-      provides[key] = value;
+  function emptyPlaceholder(vnode) {
+    if (isKeepAlive(vnode)) {
+      vnode = cloneVNode(vnode);
+      vnode.children = null;
+      return vnode;
     }
   }
 
-  function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    // fallback to `currentRenderingInstance` so that this can be called in
-    // a functional component
-    var instance = currentInstance || currentRenderingInstance;
-
-    if (instance) {
-      // #2400
-      // to support `app.use` plugins,
-      // fallback to appContext's `provides` if the intance is at root
-      var provides = instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides;
+  function getKeepAliveChild(vnode) {
+    return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : undefined : vnode;
+  }
 
-      if (provides && key in provides) {
-        // TS doesn't allow symbol as index type
-        return provides[key];
-      } else if (arguments.length > 1) {
-        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance.proxy) : defaultValue;
-      } else ;
+  function setTransitionHooks(vnode, hooks) {
+    if (vnode.shapeFlag & 6
+    /* COMPONENT */
+    && vnode.component) {
+      setTransitionHooks(vnode.component.subTree, hooks);
+    } else if (vnode.shapeFlag & 128
+    /* SUSPENSE */
+    ) {
+      vnode.ssContent.transition = hooks.clone(vnode.ssContent);
+      vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+    } else {
+      vnode.transition = hooks;
     }
-  } // Simple effect.
+  }
 
+  function getTransitionRawChildren(children, keepComment = false) {
+    var ret = [];
+    var keyedFragmentCount = 0;
 
-  function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-  } // initial value for watchers to trigger on undefined initial values
+    for (var i = 0; i < children.length; i++) {
+      var child = children[i]; // handle fragment children case, e.g. v-for
 
+      if (child.type === Fragment) {
+        if (child.patchFlag & 128
+        /* KEYED_FRAGMENT */
+        ) keyedFragmentCount++;
+        ret = ret.concat(getTransitionRawChildren(child.children, keepComment));
+      } // comment placeholders should be skipped, e.g. v-if
+      else if (keepComment || child.type !== Comment$1) {
+        ret.push(child);
+      }
+    } // #1126 if a transition children list contains multiple sub fragments, these
+    // fragments will be merged into a flat children array. Since each v-for
+    // fragment may contain different static bindings inside, we need to de-op
+    // these children to force full diffs to ensure correct behavior.
 
-  var INITIAL_WATCHER_VALUE = {}; // implementation
 
-  function watch(source, cb, options) {
-    return doWatch(source, cb, options);
-  }
+    if (keyedFragmentCount > 1) {
+      for (var _i = 0; _i < ret.length; _i++) {
+        ret[_i].patchFlag = -2
+        /* BAIL */
+        ;
+      }
+    }
 
-  function doWatch(source, cb, {
-    immediate,
-    deep,
-    flush,
-    onTrack,
-    onTrigger
-  } = EMPTY_OBJ, instance = currentInstance) {
-    var getter;
-    var forceTrigger = false;
-    var isMultiSource = false;
+    return ret;
+  } // implementation, close to no-op
 
-    if (isRef(source)) {
-      getter = () => source.value;
 
-      forceTrigger = !!source._shallow;
-    } else if (isReactive(source)) {
-      getter = () => source;
-
-      deep = true;
-    } else if (isArray(source)) {
-      isMultiSource = true;
-      forceTrigger = source.some(isReactive);
-
-      getter = () => source.map(s => {
-        if (isRef(s)) {
-          return s.value;
-        } else if (isReactive(s)) {
-          return traverse(s);
-        } else if (isFunction(s)) {
-          return callWithErrorHandling(s, instance, 2
-          /* WATCH_GETTER */
-          );
-        } else ;
-      });
-    } else if (isFunction(source)) {
-      if (cb) {
-        // getter with cb
-        getter = () => callWithErrorHandling(source, instance, 2
-        /* WATCH_GETTER */
-        );
-      } else {
-        // no cb -> simple effect
-        getter = () => {
-          if (instance && instance.isUnmounted) {
-            return;
-          }
-
-          if (cleanup) {
-            cleanup();
-          }
-
-          return callWithAsyncErrorHandling(source, instance, 3
-          /* WATCH_CALLBACK */
-          , [onInvalidate]);
-        };
-      }
-    } else {
-      getter = NOOP;
-    }
+  function defineComponent(options) {
+    return isFunction(options) ? {
+      setup: options,
+      name: options.name
+    } : options;
+  }
 
-    if (cb && deep) {
-      var baseGetter = getter;
+  var isAsyncWrapper = i => !!i.type.__asyncLoader;
 
-      getter = () => traverse(baseGetter());
+  function defineAsyncComponent(source) {
+    if (isFunction(source)) {
+      source = {
+        loader: source
+      };
     }
 
-    var cleanup;
+    var {
+      loader,
+      loadingComponent,
+      errorComponent,
+      delay = 200,
+      timeout,
+      // undefined = never times out
+      suspensible = true,
+      onError: userOnError
+    } = source;
+    var pendingRequest = null;
+    var resolvedComp;
+    var retries = 0;
 
-    var onInvalidate = fn => {
-      cleanup = runner.options.onStop = () => {
-        callWithErrorHandling(fn, instance, 4
-        /* WATCH_CLEANUP */
-        );
-      };
+    var retry = () => {
+      retries++;
+      pendingRequest = null;
+      return load();
     };
 
-    var oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    var load = () => {
+      var thisRequest;
+      return pendingRequest || (thisRequest = pendingRequest = loader().catch(err => {
+        err = err instanceof Error ? err : new Error(String(err));
 
-    var job = () => {
-      if (!runner.active) {
-        return;
-      }
+        if (userOnError) {
+          return new Promise((resolve, reject) => {
+            var userRetry = () => resolve(retry());
 
-      if (cb) {
-        // watch(source, cb)
-        var newValue = runner();
+            var userFail = () => reject(err);
 
-        if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || false) {
-          // cleanup before running cb again
-          if (cleanup) {
-            cleanup();
-          }
+            userOnError(err, userRetry, userFail, retries + 1);
+          });
+        } else {
+          throw err;
+        }
+      }).then(comp => {
+        if (thisRequest !== pendingRequest && pendingRequest) {
+          return pendingRequest;
+        } // interop module default
 
-          callWithAsyncErrorHandling(cb, instance, 3
-          /* WATCH_CALLBACK */
-          , [newValue, // pass undefined as the old value when it's changed for the first time
-          oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue, onInvalidate]);
-          oldValue = newValue;
+
+        if (comp && (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+          comp = comp.default;
         }
-      } else {
-        // watchEffect
-        runner();
-      }
-    }; // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
 
+        resolvedComp = comp;
+        return comp;
+      }));
+    };
 
-    job.allowRecurse = !!cb;
-    var scheduler;
+    return defineComponent({
+      name: 'AsyncComponentWrapper',
+      __asyncLoader: load,
 
-    if (flush === 'sync') {
-      scheduler = job; // the scheduler function gets called directly
-    } else if (flush === 'post') {
-      scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-    } else {
-      // default: 'pre'
-      scheduler = () => {
-        if (!instance || instance.isMounted) {
-          queuePreFlushCb(job);
-        } else {
-          // with 'pre' option, the first call must happen before
-          // the component is mounted so it is called synchronously.
-          job();
-        }
-      };
-    }
+      get __asyncResolved() {
+        return resolvedComp;
+      },
 
-    var runner = effect(getter, {
-      lazy: true,
-      onTrack,
-      onTrigger,
-      scheduler
-    });
-    recordInstanceBoundEffect(runner, instance); // initial run
+      setup() {
+        var instance = currentInstance; // already resolved
 
-    if (cb) {
-      if (immediate) {
-        job();
-      } else {
-        oldValue = runner();
-      }
-    } else if (flush === 'post') {
-      queuePostRenderEffect(runner, instance && instance.suspense);
-    } else {
-      runner();
-    }
+        if (resolvedComp) {
+          return () => createInnerComp(resolvedComp, instance);
+        }
 
-    return () => {
-      stop(runner);
+        var onError = err => {
+          pendingRequest = null;
+          handleError(err, instance, 13
+          /* ASYNC_COMPONENT_LOADER */
+          , !errorComponent
+          /* do not throw in dev if user provided error component */
+          );
+        }; // suspense-controlled or SSR.
 
-      if (instance) {
-        remove(instance.effects, runner);
-      }
-    };
-  } // this.$watch
 
+        if (suspensible && instance.suspense || false) {
+          return load().then(comp => {
+            return () => createInnerComp(comp, instance);
+          }).catch(err => {
+            onError(err);
+            return () => errorComponent ? createVNode(errorComponent, {
+              error: err
+            }) : null;
+          });
+        }
 
-  function instanceWatch(source, value, options) {
-    var publicThis = this.proxy;
-    var getter = isString(source) ? source.includes('.') ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
-    var cb;
+        var loaded = ref(false);
+        var error = ref();
+        var delayed = ref(!!delay);
 
-    if (isFunction(value)) {
-      cb = value;
-    } else {
-      cb = value.handler;
-      options = value;
-    }
+        if (delay) {
+          setTimeout(() => {
+            delayed.value = false;
+          }, delay);
+        }
 
-    return doWatch(getter, cb.bind(publicThis), options, this);
-  }
+        if (timeout != null) {
+          setTimeout(() => {
+            if (!loaded.value && !error.value) {
+              var err = new Error("Async component timed out after ".concat(timeout, "ms."));
+              onError(err);
+              error.value = err;
+            }
+          }, timeout);
+        }
 
-  function createPathGetter(ctx, path) {
-    var segments = path.split('.');
-    return () => {
-      var cur = ctx;
+        load().then(() => {
+          loaded.value = true;
 
-      for (var i = 0; i < segments.length && cur; i++) {
-        cur = cur[segments[i]];
+          if (instance.parent && isKeepAlive(instance.parent.vnode)) {
+            // parent is keep-alive, force update so the loaded component's
+            // name is taken into account
+            queueJob(instance.parent.update);
+          }
+        }).catch(err => {
+          onError(err);
+          error.value = err;
+        });
+        return () => {
+          if (loaded.value && resolvedComp) {
+            return createInnerComp(resolvedComp, instance);
+          } else if (error.value && errorComponent) {
+            return createVNode(errorComponent, {
+              error: error.value
+            });
+          } else if (loadingComponent && !delayed.value) {
+            return createVNode(loadingComponent);
+          }
+        };
       }
 
-      return cur;
-    };
+    });
   }
 
-  function traverse(value, seen = new Set()) {
-    if (!isObject(value) || seen.has(value) || value["__v_skip"
-    /* SKIP */
-    ]) {
-      return value;
+  function createInnerComp(comp, {
+    vnode: {
+      ref,
+      props,
+      children
     }
+  }) {
+    var vnode = createVNode(comp, props, children); // ensure inner component inherits the async wrapper's ref owner
 
-    seen.add(value);
-
-    if (isRef(value)) {
-      traverse(value.value, seen);
-    } else if (isArray(value)) {
-      for (var i = 0; i < value.length; i++) {
-        traverse(value[i], seen);
-      }
-    } else if (isSet(value) || isMap(value)) {
-      value.forEach(v => {
-        traverse(v, seen);
-      });
-    } else if (isPlainObject(value)) {
-      for (var key in value) {
-        traverse(value[key], seen);
-      }
-    }
-
-    return value;
+    vnode.ref = ref;
+    return vnode;
   }
 
-  function useTransitionState() {
-    var state = {
-      isMounted: false,
-      isLeaving: false,
-      isUnmounting: false,
-      leavingVNodes: new Map()
-    };
-    onMounted(() => {
-      state.isMounted = true;
-    });
-    onBeforeUnmount(() => {
-      state.isUnmounting = true;
-    });
-    return state;
-  }
+  var isKeepAlive = vnode => vnode.type.__isKeepAlive;
 
-  var TransitionHookValidator = [Function, Array];
-  var BaseTransitionImpl = {
-    name: "BaseTransition",
+  var KeepAliveImpl = {
+    name: "KeepAlive",
+    // Marker for special handling inside the renderer. We are not using a ===
+    // check directly on KeepAlive in the renderer, because importing it directly
+    // would prevent it from being tree-shaken.
+    __isKeepAlive: true,
     props: {
-      mode: String,
-      appear: Boolean,
-      persisted: Boolean,
-      // enter
-      onBeforeEnter: TransitionHookValidator,
-      onEnter: TransitionHookValidator,
-      onAfterEnter: TransitionHookValidator,
-      onEnterCancelled: TransitionHookValidator,
-      // leave
-      onBeforeLeave: TransitionHookValidator,
-      onLeave: TransitionHookValidator,
-      onAfterLeave: TransitionHookValidator,
-      onLeaveCancelled: TransitionHookValidator,
-      // appear
-      onBeforeAppear: TransitionHookValidator,
-      onAppear: TransitionHookValidator,
-      onAfterAppear: TransitionHookValidator,
-      onAppearCancelled: TransitionHookValidator
+      include: [String, RegExp, Array],
+      exclude: [String, RegExp, Array],
+      max: [String, Number]
     },
 
     setup(props, {
       slots
     }) {
-      var instance = getCurrentInstance();
-      var state = useTransitionState();
-      var prevTransitionKey;
-      return () => {
-        var children = slots.default && getTransitionRawChildren(slots.default(), true);
+      var instance = getCurrentInstance(); // KeepAlive communicates with the instantiated renderer via the
+      // ctx where the renderer passes in its internals,
+      // and the KeepAlive instance exposes activate/deactivate implementations.
+      // The whole point of this is to avoid importing KeepAlive directly in the
+      // renderer to facilitate tree-shaking.
 
-        if (!children || !children.length) {
-          return;
-        } // there's no need to track reactivity for these props so use the raw
-        // props for a bit better perf
+      var sharedContext = instance.ctx; // if the internal renderer is not registered, it indicates that this is server-side rendering,
+      // for KeepAlive, we just need to render its children
 
+      if (!sharedContext.renderer) {
+        return slots.default;
+      }
 
-        var rawProps = toRaw(props);
-        var {
-          mode
-        } = rawProps; // at this point children has a guaranteed length of 1.
+      var cache = new Map();
+      var keys = new Set();
+      var current = null;
+      var parentSuspense = instance.suspense;
+      var {
+        renderer: {
+          p: patch,
+          m: move,
+          um: _unmount,
+          o: {
+            createElement
+          }
+        }
+      } = sharedContext;
+      var storageContainer = createElement('div', null); // fixed by xxxxx
 
-        var child = children[0];
+      sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => {
+        var instance = vnode.component;
+        move(vnode, container, anchor, 0
+        /* ENTER */
+        , parentSuspense); // in case props have changed
 
-        if (state.isLeaving) {
-          return emptyPlaceholder(child);
-        } // in the case of <transition><keep-alive/></transition>, we need to
-        // compare the type of the kept-alive children.
+        patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized);
+        queuePostRenderEffect(() => {
+          instance.isDeactivated = false;
 
+          if (instance.a) {
+            invokeArrayFns(instance.a);
+          }
 
-        var innerChild = getKeepAliveChild(child);
+          var vnodeHook = vnode.props && vnode.props.onVnodeMounted;
 
-        if (!innerChild) {
-          return emptyPlaceholder(child);
-        }
+          if (vnodeHook) {
+            invokeVNodeHook(vnodeHook, instance.parent, vnode);
+          }
+        }, parentSuspense);
+      };
 
-        var enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance);
-        setTransitionHooks(innerChild, enterHooks);
-        var oldChild = instance.subTree;
-        var oldInnerChild = oldChild && getKeepAliveChild(oldChild);
-        var transitionKeyChanged = false;
-        var {
-          getTransitionKey
-        } = innerChild.type;
+      sharedContext.deactivate = vnode => {
+        var instance = vnode.component;
+        move(vnode, storageContainer, null, 1
+        /* LEAVE */
+        , parentSuspense);
+        queuePostRenderEffect(() => {
+          if (instance.da) {
+            invokeArrayFns(instance.da);
+          }
 
-        if (getTransitionKey) {
-          var key = getTransitionKey();
+          var vnodeHook = vnode.props && vnode.props.onVnodeUnmounted;
 
-          if (prevTransitionKey === undefined) {
-            prevTransitionKey = key;
-          } else if (key !== prevTransitionKey) {
-            prevTransitionKey = key;
-            transitionKeyChanged = true;
+          if (vnodeHook) {
+            invokeVNodeHook(vnodeHook, instance.parent, vnode);
           }
-        } // handle mode
-
 
-        if (oldInnerChild && oldInnerChild.type !== Comment$1 && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) {
-          var leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); // update old tree's hooks in case of dynamic transition
+          instance.isDeactivated = true;
+        }, parentSuspense);
+      };
 
-          setTransitionHooks(oldInnerChild, leavingHooks); // switching between different views
+      function unmount(vnode) {
+        // reset the shapeFlag so it can be properly unmounted
+        resetShapeFlag(vnode);
 
-          if (mode === 'out-in') {
-            state.isLeaving = true; // return placeholder node and queue update when leave finishes
+        _unmount(vnode, instance, parentSuspense);
+      }
 
-            leavingHooks.afterLeave = () => {
-              state.isLeaving = false;
-              instance.update();
-            };
+      function pruneCache(filter) {
+        cache.forEach((vnode, key) => {
+          var name = getComponentName(vnode.type);
 
-            return emptyPlaceholder(child);
-          } else if (mode === 'in-out' && innerChild.type !== Comment$1) {
-            leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
-              var leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
-              leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; // early removal callback
+          if (name && (!filter || !filter(name))) {
+            pruneCacheEntry(key);
+          }
+        });
+      }
 
-              el._leaveCb = () => {
-                earlyRemove();
-                el._leaveCb = undefined;
-                delete enterHooks.delayedLeave;
-              };
+      function pruneCacheEntry(key) {
+        var cached = cache.get(key);
 
-              enterHooks.delayedLeave = delayedLeave;
-            };
-          }
+        if (!current || cached.type !== current.type) {
+          unmount(cached);
+        } else if (current) {
+          // current active instance should no longer be kept-alive.
+          // we can't unmount it now but it might be later, so reset its flag now.
+          resetShapeFlag(current);
         }
 
-        return child;
-      };
-    }
+        cache.delete(key);
+        keys.delete(key);
+      } // prune cache on include/exclude prop change
 
-  }; // export the public type for h/tsx inference
-  // also to avoid inline import() in generated d.ts files
 
-  var BaseTransition = BaseTransitionImpl;
+      watch(() => [props.include, props.exclude], ([include, exclude]) => {
+        include && pruneCache(name => matches(include, name));
+        exclude && pruneCache(name => !matches(exclude, name));
+      }, // prune post-render after `current` has been updated
+      {
+        flush: 'post',
+        deep: true
+      }); // cache sub tree after render
 
-  function getLeavingNodesForType(state, vnode) {
-    var {
-      leavingVNodes
-    } = state;
-    var leavingVNodesCache = leavingVNodes.get(vnode.type);
+      var pendingCacheKey = null;
 
-    if (!leavingVNodesCache) {
-      leavingVNodesCache = Object.create(null);
-      leavingVNodes.set(vnode.type, leavingVNodesCache);
-    }
+      var cacheSubtree = () => {
+        // fix #1621, the pendingCacheKey could be 0
+        if (pendingCacheKey != null) {
+          cache.set(pendingCacheKey, getInnerChild(instance.subTree));
+        }
+      };
 
-    return leavingVNodesCache;
-  } // The transition hooks are attached to the vnode as vnode.transition
-  // and will be called at appropriate timing in the renderer.
+      onMounted(cacheSubtree);
+      onUpdated(cacheSubtree);
+      onBeforeUnmount(() => {
+        cache.forEach(cached => {
+          var {
+            subTree,
+            suspense
+          } = instance;
+          var vnode = getInnerChild(subTree);
 
+          if (cached.type === vnode.type) {
+            // current instance will be unmounted as part of keep-alive's unmount
+            resetShapeFlag(vnode); // but invoke its deactivated hook here
 
-  function resolveTransitionHooks(vnode, props, state, instance) {
-    var {
-      appear,
-      mode,
-      persisted = false,
-      onBeforeEnter,
-      onEnter,
-      onAfterEnter,
-      onEnterCancelled,
-      onBeforeLeave,
-      onLeave,
-      onAfterLeave,
-      onLeaveCancelled,
-      onBeforeAppear,
-      onAppear,
-      onAfterAppear,
-      onAppearCancelled
-    } = props;
-    var key = String(vnode.key);
-    var leavingVNodesCache = getLeavingNodesForType(state, vnode);
-
-    var callHook = (hook, args) => {
-      hook && callWithAsyncErrorHandling(hook, instance, 9
-      /* TRANSITION_HOOK */
-      , args);
-    };
-
-    var hooks = {
-      mode,
-      persisted,
-
-      beforeEnter(el) {
-        var hook = onBeforeEnter;
-
-        if (!state.isMounted) {
-          if (appear) {
-            hook = onBeforeAppear || onBeforeEnter;
-          } else {
+            var da = vnode.component.da;
+            da && queuePostRenderEffect(da, suspense);
             return;
           }
-        } // for same element (v-show)
-
 
-        if (el._leaveCb) {
-          el._leaveCb(true
-          /* cancelled */
-          );
-        } // for toggled element with same key (v-if)
-
-
-        var leavingVNode = leavingVNodesCache[key];
+          unmount(cached);
+        });
+      });
+      return () => {
+        pendingCacheKey = null;
 
-        if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) {
-          // force early removal (not cancelled)
-          leavingVNode.el._leaveCb();
+        if (!slots.default) {
+          return null;
         }
 
-        callHook(hook, [el]);
-      },
-
-      enter(el) {
-        var hook = onEnter;
-        var afterHook = onAfterEnter;
-        var cancelHook = onEnterCancelled;
+        var children = slots.default();
+        var rawVNode = children[0];
 
-        if (!state.isMounted) {
-          if (appear) {
-            hook = onAppear || onEnter;
-            afterHook = onAfterAppear || onAfterEnter;
-            cancelHook = onAppearCancelled || onEnterCancelled;
-          } else {
-            return;
-          }
+        if (children.length > 1) {
+          current = null;
+          return children;
+        } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4
+        /* STATEFUL_COMPONENT */
+        ) && !(rawVNode.shapeFlag & 128
+        /* SUSPENSE */
+        )) {
+          current = null;
+          return rawVNode;
         }
 
-        var called = false;
-
-        var done = el._enterCb = cancelled => {
-          if (called) return;
-          called = true;
+        var vnode = getInnerChild(rawVNode);
+        var comp = vnode.type; // for async components, name check should be based in its loaded
+        // inner component if available
 
-          if (cancelled) {
-            callHook(cancelHook, [el]);
-          } else {
-            callHook(afterHook, [el]);
-          }
+        var name = getComponentName(isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp);
+        var {
+          include,
+          exclude,
+          max
+        } = props;
 
-          if (hooks.delayedLeave) {
-            hooks.delayedLeave();
-          }
+        if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) {
+          current = vnode;
+          return rawVNode;
+        }
 
-          el._enterCb = undefined;
-        };
+        var key = vnode.key == null ? comp : vnode.key;
+        var cachedVNode = cache.get(key); // clone vnode if it's reused because we are going to mutate it
 
-        if (hook) {
-          hook(el, done);
+        if (vnode.el) {
+          vnode = cloneVNode(vnode);
 
-          if (hook.length <= 1) {
-            done();
+          if (rawVNode.shapeFlag & 128
+          /* SUSPENSE */
+          ) {
+            rawVNode.ssContent = vnode;
           }
-        } else {
-          done();
-        }
-      },
+        } // #1513 it's possible for the returned vnode to be cloned due to attr
+        // fallthrough or scopeId, so the vnode here may not be the final vnode
+        // that is mounted. Instead of caching it directly, we store the pending
+        // key and cache `instance.subTree` (the normalized vnode) in
+        // beforeMount/beforeUpdate hooks.
 
-      leave(el, remove) {
-        var key = String(vnode.key);
 
-        if (el._enterCb) {
-          el._enterCb(true
-          /* cancelled */
-          );
-        }
+        pendingCacheKey = key;
 
-        if (state.isUnmounting) {
-          return remove();
-        }
+        if (cachedVNode) {
+          // copy over mounted state
+          vnode.el = cachedVNode.el;
+          vnode.component = cachedVNode.component;
 
-        callHook(onBeforeLeave, [el]);
-        var called = false;
+          if (vnode.transition) {
+            // recursively update transition hooks on subTree
+            setTransitionHooks(vnode, vnode.transition);
+          } // avoid vnode being mounted as fresh
 
-        var done = el._leaveCb = cancelled => {
-          if (called) return;
-          called = true;
-          remove();
 
-          if (cancelled) {
-            callHook(onLeaveCancelled, [el]);
-          } else {
-            callHook(onAfterLeave, [el]);
-          }
+          vnode.shapeFlag |= 512
+          /* COMPONENT_KEPT_ALIVE */
+          ; // make this key the freshest
 
-          el._leaveCb = undefined;
+          keys.delete(key);
+          keys.add(key);
+        } else {
+          keys.add(key); // prune oldest entry
 
-          if (leavingVNodesCache[key] === vnode) {
-            delete leavingVNodesCache[key];
+          if (max && keys.size > parseInt(max, 10)) {
+            pruneCacheEntry(keys.values().next().value);
           }
-        };
+        } // avoid vnode being unmounted
 
-        leavingVNodesCache[key] = vnode;
 
-        if (onLeave) {
-          onLeave(el, done);
+        vnode.shapeFlag |= 256
+        /* COMPONENT_SHOULD_KEEP_ALIVE */
+        ;
+        current = vnode;
+        return rawVNode;
+      };
+    }
 
-          if (onLeave.length <= 1) {
-            done();
-          }
-        } else {
-          done();
-        }
-      },
+  }; // export the public type for h/tsx inference
+  // also to avoid inline import() in generated d.ts files
 
-      clone(vnode) {
-        return resolveTransitionHooks(vnode, props, state, instance);
-      }
+  var KeepAlive = KeepAliveImpl;
 
-    };
-    return hooks;
-  } // the placeholder really only handles one special case: KeepAlive
-  // in the case of a KeepAlive in a leave phase we need to return a KeepAlive
-  // placeholder with empty content to avoid the KeepAlive instance from being
-  // unmounted.
+  function matches(pattern, name) {
+    if (isArray(pattern)) {
+      return pattern.some(p => matches(p, name));
+    } else if (isString(pattern)) {
+      return pattern.split(',').indexOf(name) > -1;
+    } else if (pattern.test) {
+      return pattern.test(name);
+    }
+    /* istanbul ignore next */
 
 
-  function emptyPlaceholder(vnode) {
-    if (isKeepAlive(vnode)) {
-      vnode = cloneVNode(vnode);
-      vnode.children = null;
-      return vnode;
-    }
+    return false;
   }
 
-  function getKeepAliveChild(vnode) {
-    return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : undefined : vnode;
+  function onActivated(hook, target) {
+    registerKeepAliveHook(hook, "a"
+    /* ACTIVATED */
+    , target);
   }
 
-  function setTransitionHooks(vnode, hooks) {
-    if (vnode.shapeFlag & 6
-    /* COMPONENT */
-    && vnode.component) {
-      setTransitionHooks(vnode.component.subTree, hooks);
-    } else if (vnode.shapeFlag & 128
-    /* SUSPENSE */
-    ) {
-      vnode.ssContent.transition = hooks.clone(vnode.ssContent);
-      vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
-    } else {
-      vnode.transition = hooks;
-    }
+  function onDeactivated(hook, target) {
+    registerKeepAliveHook(hook, "da"
+    /* DEACTIVATED */
+    , target);
   }
 
-  function getTransitionRawChildren(children, keepComment = false) {
-    var ret = [];
-    var keyedFragmentCount = 0;
+  function registerKeepAliveHook(hook, type, target = currentInstance) {
+    // cache the deactivate branch check wrapper for injected hooks so the same
+    // hook can be properly deduped by the scheduler. "__wdc" stands for "with
+    // deactivation check".
+    var wrappedHook = hook.__wdc || (hook.__wdc = () => {
+      // only fire the hook if the target instance is NOT in a deactivated branch.
+      var current = target;
 
-    for (var i = 0; i < children.length; i++) {
-      var child = children[i]; // handle fragment children case, e.g. v-for
+      while (current) {
+        if (current.isDeactivated) {
+          return;
+        }
 
-      if (child.type === Fragment) {
-        if (child.patchFlag & 128
-        /* KEYED_FRAGMENT */
-        ) keyedFragmentCount++;
-        ret = ret.concat(getTransitionRawChildren(child.children, keepComment));
-      } // comment placeholders should be skipped, e.g. v-if
-      else if (keepComment || child.type !== Comment$1) {
-        ret.push(child);
+        current = current.parent;
       }
-    } // #1126 if a transition children list contains multiple sub fragments, these
-    // fragments will be merged into a flat children array. Since each v-for
-    // fragment may contain different static bindings inside, we need to de-op
-    // these children to force full diffs to ensure correct behavior.
 
+      hook();
+    });
 
-    if (keyedFragmentCount > 1) {
-      for (var _i = 0; _i < ret.length; _i++) {
-        ret[_i].patchFlag = -2
-        /* BAIL */
-        ;
-      }
-    }
+    injectHook(type, wrappedHook, target); // In addition to registering it on the target instance, we walk up the parent
+    // chain and register it on all ancestor instances that are keep-alive roots.
+    // This avoids the need to walk the entire component tree when invoking these
+    // hooks, and more importantly, avoids the need to track child components in
+    // arrays.
 
-    return ret;
-  } // implementation, close to no-op
+    if (target) {
+      var current = target.parent;
 
+      while (current && current.parent) {
+        if (isKeepAlive(current.parent.vnode)) {
+          injectToKeepAliveRoot(wrappedHook, type, target, current);
+        }
 
-  function defineComponent(options) {
-    return isFunction(options) ? {
-      setup: options,
-      name: options.name
-    } : options;
+        current = current.parent;
+      }
+    }
   }
 
-  var isAsyncWrapper = i => !!i.type.__asyncLoader;
+  function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
+    // injectHook wraps the original for error handling, so make sure to remove
+    // the wrapped version.
+    var injected = injectHook(type, hook, keepAliveRoot, true
+    /* prepend */
+    );
+    onUnmounted(() => {
+      remove(keepAliveRoot[type], injected);
+    }, target);
+  }
 
-  function defineAsyncComponent(source) {
-    if (isFunction(source)) {
-      source = {
-        loader: source
-      };
+  function resetShapeFlag(vnode) {
+    var shapeFlag = vnode.shapeFlag;
+
+    if (shapeFlag & 256
+    /* COMPONENT_SHOULD_KEEP_ALIVE */
+    ) {
+      shapeFlag -= 256
+      /* COMPONENT_SHOULD_KEEP_ALIVE */
+      ;
     }
 
-    var {
-      loader,
-      loadingComponent,
-      errorComponent,
-      delay = 200,
-      timeout,
-      // undefined = never times out
-      suspensible = true,
-      onError: userOnError
-    } = source;
-    var pendingRequest = null;
-    var resolvedComp;
-    var retries = 0;
+    if (shapeFlag & 512
+    /* COMPONENT_KEPT_ALIVE */
+    ) {
+      shapeFlag -= 512
+      /* COMPONENT_KEPT_ALIVE */
+      ;
+    }
 
-    var retry = () => {
-      retries++;
-      pendingRequest = null;
-      return load();
-    };
+    vnode.shapeFlag = shapeFlag;
+  }
 
-    var load = () => {
-      var thisRequest;
-      return pendingRequest || (thisRequest = pendingRequest = loader().catch(err => {
-        err = err instanceof Error ? err : new Error(String(err));
+  function getInnerChild(vnode) {
+    return vnode.shapeFlag & 128
+    /* SUSPENSE */
+    ? vnode.ssContent : vnode;
+  }
 
-        if (userOnError) {
-          return new Promise((resolve, reject) => {
-            var userRetry = () => resolve(retry());
+  function injectHook(type, hook, target = currentInstance, prepend = false) {
+    if (target) {
+      // fixed by xxxxxx
+      if (isRootHook(type)) {
+        target = target.root;
+      }
 
-            var userFail = () => reject(err);
+      var {
+        __page_container__
+      } = target.root.vnode; // 仅限 App 端
 
-            userOnError(err, userRetry, userFail, retries + 1);
-          });
-        } else {
-          throw err;
-        }
-      }).then(comp => {
-        if (thisRequest !== pendingRequest && pendingRequest) {
-          return pendingRequest;
-        } // interop module default
+      if (__page_container__) {
+        __page_container__.onInjectHook(type);
+      }
 
+      var hooks = target[type] || (target[type] = []); // cache the error handling wrapper for injected hooks so the same hook
+      // can be properly deduped by the scheduler. "__weh" stands for "with error
+      // handling".
 
-        if (comp && (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-          comp = comp.default;
-        }
+      var wrappedHook = hook.__weh || (hook.__weh = (...args) => {
+        if (target.isUnmounted) {
+          return;
+        } // disable tracking inside all lifecycle hooks
+        // since they can potentially be called inside effects.
 
-        resolvedComp = comp;
-        return comp;
-      }));
-    };
 
-    return defineComponent({
-      name: 'AsyncComponentWrapper',
-      __asyncLoader: load,
+        pauseTracking(); // Set currentInstance during hook invocation.
+        // This assumes the hook does not synchronously trigger other hooks, which
+        // can only be false when the user does something really funky.
 
-      get __asyncResolved() {
-        return resolvedComp;
-      },
+        setCurrentInstance(target); // fixed by xxxxxx
 
-      setup() {
-        var instance = currentInstance; // already resolved
+        var res = callWithAsyncErrorHandling(hook, target, type, args);
+        unsetCurrentInstance();
+        resetTracking();
+        return res;
+      });
 
-        if (resolvedComp) {
-          return () => createInnerComp(resolvedComp, instance);
-        }
+      if (prepend) {
+        hooks.unshift(wrappedHook);
+      } else {
+        hooks.push(wrappedHook);
+      }
 
-        var onError = err => {
-          pendingRequest = null;
-          handleError(err, instance, 13
-          /* ASYNC_COMPONENT_LOADER */
-          , !errorComponent
-          /* do not throw in dev if user provided error component */
-          );
-        }; // suspense-controlled or SSR.
+      return wrappedHook;
+    }
+  }
 
+  var createHook = lifecycle => (hook, target = currentInstance) => // post-create lifecycle registrations are noops during SSR (except for serverPrefetch)
+  (!isInSSRComponentSetup || lifecycle === "sp"
+  /* SERVER_PREFETCH */
+  ) && injectHook(lifecycle, hook, target);
 
-        if (suspensible && instance.suspense || false) {
-          return load().then(comp => {
-            return () => createInnerComp(comp, instance);
-          }).catch(err => {
-            onError(err);
-            return () => errorComponent ? createVNode(errorComponent, {
-              error: err
-            }) : null;
-          });
-        }
+  var onBeforeMount = createHook("bm"
+  /* BEFORE_MOUNT */
+  );
+  var onMounted = createHook("m"
+  /* MOUNTED */
+  );
+  var onBeforeUpdate = createHook("bu"
+  /* BEFORE_UPDATE */
+  );
+  var onUpdated = createHook("u"
+  /* UPDATED */
+  );
+  var onBeforeUnmount = createHook("bum"
+  /* BEFORE_UNMOUNT */
+  );
+  var onUnmounted = createHook("um"
+  /* UNMOUNTED */
+  );
+  var onServerPrefetch = createHook("sp"
+  /* SERVER_PREFETCH */
+  );
+  var onRenderTriggered = createHook("rtg"
+  /* RENDER_TRIGGERED */
+  );
+  var onRenderTracked = createHook("rtc"
+  /* RENDER_TRACKED */
+  );
 
-        var loaded = ref(false);
-        var error = ref();
-        var delayed = ref(!!delay);
+  function onErrorCaptured(hook, target = currentInstance) {
+    injectHook("ec"
+    /* ERROR_CAPTURED */
+    , hook, target);
+  }
 
-        if (delay) {
-          setTimeout(() => {
-            delayed.value = false;
-          }, delay);
-        }
+  var shouldCacheAccess = true;
 
-        if (timeout != null) {
-          setTimeout(() => {
-            if (!loaded.value && !error.value) {
-              var err = new Error("Async component timed out after ".concat(timeout, "ms."));
-              onError(err);
-              error.value = err;
-            }
-          }, timeout);
-        }
+  function applyOptions(instance) {
+    var options = resolveMergedOptions(instance);
+    var publicThis = instance.proxy;
+    var ctx = instance.ctx; // do not cache property access on public proxy during state initialization
 
-        load().then(() => {
-          loaded.value = true;
+    shouldCacheAccess = false; // call beforeCreate first before accessing other options since
+    // the hook may mutate resolved options (#2791)
 
-          if (instance.parent && isKeepAlive(instance.parent.vnode)) {
-            // parent is keep-alive, force update so the loaded component's
-            // name is taken into account
-            queueJob(instance.parent.update);
-          }
-        }).catch(err => {
-          onError(err);
-          error.value = err;
-        });
-        return () => {
-          if (loaded.value && resolvedComp) {
-            return createInnerComp(resolvedComp, instance);
-          } else if (error.value && errorComponent) {
-            return createVNode(errorComponent, {
-              error: error.value
-            });
-          } else if (loadingComponent && !delayed.value) {
-            return createVNode(loadingComponent);
-          }
-        };
-      }
-
-    });
-  }
-
-  function createInnerComp(comp, {
-    vnode: {
-      ref,
-      props,
-      children
+    if (options.beforeCreate) {
+      callHook(options.beforeCreate, instance, "bc"
+      /* BEFORE_CREATE */
+      );
     }
-  }) {
-    var vnode = createVNode(comp, props, children); // ensure inner component inherits the async wrapper's ref owner
-
-    vnode.ref = ref;
-    return vnode;
-  }
-
-  var isKeepAlive = vnode => vnode.type.__isKeepAlive;
-
-  var KeepAliveImpl = {
-    name: "KeepAlive",
-    // Marker for special handling inside the renderer. We are not using a ===
-    // check directly on KeepAlive in the renderer, because importing it directly
-    // would prevent it from being tree-shaken.
-    __isKeepAlive: true,
-    props: {
-      include: [String, RegExp, Array],
-      exclude: [String, RegExp, Array],
-      max: [String, Number]
-    },
 
-    setup(props, {
-      slots
-    }) {
-      var instance = getCurrentInstance(); // KeepAlive communicates with the instantiated renderer via the
-      // ctx where the renderer passes in its internals,
-      // and the KeepAlive instance exposes activate/deactivate implementations.
-      // The whole point of this is to avoid importing KeepAlive directly in the
-      // renderer to facilitate tree-shaking.
+    var {
+      // state
+      data: dataOptions,
+      computed: computedOptions,
+      methods,
+      watch: watchOptions,
+      provide: provideOptions,
+      inject: injectOptions,
+      // lifecycle
+      created,
+      beforeMount,
+      mounted,
+      beforeUpdate,
+      updated,
+      activated,
+      deactivated,
+      beforeDestroy,
+      beforeUnmount,
+      destroyed,
+      unmounted,
+      render,
+      renderTracked,
+      renderTriggered,
+      errorCaptured,
+      serverPrefetch,
+      // public API
+      expose,
+      inheritAttrs,
+      // assets
+      components,
+      directives,
+      filters
+    } = options;
+    var checkDuplicateProperties = null; // options initialization order (to be consistent with Vue 2):
+    // - props (already done outside of this function)
+    // - inject
+    // - methods
+    // - data (deferred since it relies on `this` access)
+    // - computed
+    // - watch (deferred since it relies on `this` access)
 
-      var sharedContext = instance.ctx; // if the internal renderer is not registered, it indicates that this is server-side rendering,
-      // for KeepAlive, we just need to render its children
+    if (injectOptions) {
+      resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
+    }
 
-      if (!sharedContext.renderer) {
-        return slots.default;
-      }
+    if (methods) {
+      for (var key in methods) {
+        var methodHandler = methods[key];
 
-      var cache = new Map();
-      var keys = new Set();
-      var current = null;
-      var parentSuspense = instance.suspense;
-      var {
-        renderer: {
-          p: patch,
-          m: move,
-          um: _unmount,
-          o: {
-            createElement
+        if (isFunction(methodHandler)) {
+          // In dev mode, we use the `createRenderContext` function to define
+          // methods to the proxy target, and those are read-only but
+          // reconfigurable, so it needs to be redefined here
+          {
+            ctx[key] = methodHandler.bind(publicThis);
           }
         }
-      } = sharedContext;
-      var storageContainer = createElement('div', null); // fixed by xxxxx
-
-      sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => {
-        var instance = vnode.component;
-        move(vnode, container, anchor, 0
-        /* ENTER */
-        , parentSuspense); // in case props have changed
+      }
+    }
 
-        patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized);
-        queuePostRenderEffect(() => {
-          instance.isDeactivated = false;
+    if (dataOptions) {
+      var data = dataOptions.call(publicThis, publicThis);
+      if (!isObject(data)) ;else {
+        instance.data = reactive(data);
+      }
+    } // state initialization complete at this point - start caching access
 
-          if (instance.a) {
-            invokeArrayFns(instance.a);
-          }
 
-          var vnodeHook = vnode.props && vnode.props.onVnodeMounted;
+    shouldCacheAccess = true;
 
-          if (vnodeHook) {
-            invokeVNodeHook(vnodeHook, instance.parent, vnode);
-          }
-        }, parentSuspense);
+    if (computedOptions) {
+      var _loop = function (_key2) {
+        var opt = computedOptions[_key2];
+        var get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
+        var set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : NOOP;
+        var c = computed({
+          get,
+          set
+        });
+        Object.defineProperty(ctx, _key2, {
+          enumerable: true,
+          configurable: true,
+          get: () => c.value,
+          set: v => c.value = v
+        });
       };
 
-      sharedContext.deactivate = vnode => {
-        var instance = vnode.component;
-        move(vnode, storageContainer, null, 1
-        /* LEAVE */
-        , parentSuspense);
-        queuePostRenderEffect(() => {
-          if (instance.da) {
-            invokeArrayFns(instance.da);
-          }
-
-          var vnodeHook = vnode.props && vnode.props.onVnodeUnmounted;
+      for (var _key2 in computedOptions) {
+        _loop(_key2);
+      }
+    }
 
-          if (vnodeHook) {
-            invokeVNodeHook(vnodeHook, instance.parent, vnode);
-          }
+    if (watchOptions) {
+      for (var _key3 in watchOptions) {
+        createWatcher(watchOptions[_key3], ctx, publicThis, _key3);
+      }
+    }
 
-          instance.isDeactivated = true;
-        }, parentSuspense);
-      };
+    if (provideOptions) {
+      var provides = isFunction(provideOptions) ? provideOptions.call(publicThis) : provideOptions;
+      Reflect.ownKeys(provides).forEach(key => {
+        provide(key, provides[key]);
+      });
+    }
 
-      function unmount(vnode) {
-        // reset the shapeFlag so it can be properly unmounted
-        resetShapeFlag(vnode);
+    if (created) {
+      callHook(created, instance, "c"
+      /* CREATED */
+      );
+    }
 
-        _unmount(vnode, instance, parentSuspense);
+    function registerLifecycleHook(register, hook) {
+      if (isArray(hook)) {
+        hook.forEach(_hook => register(_hook.bind(publicThis)));
+      } else if (hook) {
+        register(hook.bind(publicThis));
       }
+    }
 
-      function pruneCache(filter) {
-        cache.forEach((vnode, key) => {
-          var name = getComponentName(vnode.type);
+    registerLifecycleHook(onBeforeMount, beforeMount);
+    registerLifecycleHook(onMounted, mounted);
+    registerLifecycleHook(onBeforeUpdate, beforeUpdate);
+    registerLifecycleHook(onUpdated, updated);
+    registerLifecycleHook(onActivated, activated);
+    registerLifecycleHook(onDeactivated, deactivated);
+    registerLifecycleHook(onErrorCaptured, errorCaptured);
+    registerLifecycleHook(onRenderTracked, renderTracked);
+    registerLifecycleHook(onRenderTriggered, renderTriggered);
+    registerLifecycleHook(onBeforeUnmount, beforeUnmount);
+    registerLifecycleHook(onUnmounted, unmounted);
+    registerLifecycleHook(onServerPrefetch, serverPrefetch);
 
-          if (name && (!filter || !filter(name))) {
-            pruneCacheEntry(key);
-          }
+    if (isArray(expose)) {
+      if (expose.length) {
+        var exposed = instance.exposed || (instance.exposed = {});
+        expose.forEach(key => {
+          Object.defineProperty(exposed, key, {
+            get: () => publicThis[key],
+            set: val => publicThis[key] = val
+          });
         });
+      } else if (!instance.exposed) {
+        instance.exposed = {};
       }
+    } // options that are handled when creating the instance but also need to be
+    // applied from mixins
 
-      function pruneCacheEntry(key) {
-        var cached = cache.get(key);
-
-        if (!current || cached.type !== current.type) {
-          unmount(cached);
-        } else if (current) {
-          // current active instance should no longer be kept-alive.
-          // we can't unmount it now but it might be later, so reset its flag now.
-          resetShapeFlag(current);
-        }
 
-        cache.delete(key);
-        keys.delete(key);
-      } // prune cache on include/exclude prop change
-
-
-      watch(() => [props.include, props.exclude], ([include, exclude]) => {
-        include && pruneCache(name => matches(include, name));
-        exclude && pruneCache(name => !matches(exclude, name));
-      }, // prune post-render after `current` has been updated
-      {
-        flush: 'post',
-        deep: true
-      }); // cache sub tree after render
-
-      var pendingCacheKey = null;
+    if (render && instance.render === NOOP) {
+      instance.render = render;
+    }
 
-      var cacheSubtree = () => {
-        // fix #1621, the pendingCacheKey could be 0
-        if (pendingCacheKey != null) {
-          cache.set(pendingCacheKey, getInnerChild(instance.subTree));
-        }
-      };
+    if (inheritAttrs != null) {
+      instance.inheritAttrs = inheritAttrs;
+    } // asset options.
 
-      onMounted(cacheSubtree);
-      onUpdated(cacheSubtree);
-      onBeforeUnmount(() => {
-        cache.forEach(cached => {
-          var {
-            subTree,
-            suspense
-          } = instance;
-          var vnode = getInnerChild(subTree);
 
-          if (cached.type === vnode.type) {
-            // current instance will be unmounted as part of keep-alive's unmount
-            resetShapeFlag(vnode); // but invoke its deactivated hook here
+    if (components) instance.components = components;
+    if (directives) instance.directives = directives; // fixed by xxxxxx
 
-            var da = vnode.component.da;
-            da && queuePostRenderEffect(da, suspense);
-            return;
-          }
+    var customApplyOptions = instance.appContext.config.globalProperties.$applyOptions;
 
-          unmount(cached);
-        });
-      });
-      return () => {
-        pendingCacheKey = null;
+    if (customApplyOptions) {
+      customApplyOptions(options, instance, publicThis);
+    }
+  }
 
-        if (!slots.default) {
-          return null;
-        }
+  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
+    if (isArray(injectOptions)) {
+      injectOptions = normalizeInject(injectOptions);
+    }
 
-        var children = slots.default();
-        var rawVNode = children[0];
+    var _loop2 = function (key) {
+      var opt = injectOptions[key];
+      var injected = void 0;
 
-        if (children.length > 1) {
-          current = null;
-          return children;
-        } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4
-        /* STATEFUL_COMPONENT */
-        ) && !(rawVNode.shapeFlag & 128
-        /* SUSPENSE */
-        )) {
-          current = null;
-          return rawVNode;
+      if (isObject(opt)) {
+        if ('default' in opt) {
+          injected = inject(opt.from || key, opt.default, true
+          /* treat default function as factory */
+          );
+        } else {
+          injected = inject(opt.from || key);
         }
+      } else {
+        injected = inject(opt);
+      }
 
-        var vnode = getInnerChild(rawVNode);
-        var comp = vnode.type; // for async components, name check should be based in its loaded
-        // inner component if available
-
-        var name = getComponentName(isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp);
-        var {
-          include,
-          exclude,
-          max
-        } = props;
-
-        if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) {
-          current = vnode;
-          return rawVNode;
+      if (isRef(injected)) {
+        // TODO remove the check in 3.3
+        if (unwrapRef) {
+          Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => injected.value,
+            set: v => injected.value = v
+          });
+        } else {
+          ctx[key] = injected;
         }
+      } else {
+        ctx[key] = injected;
+      }
+    };
 
-        var key = vnode.key == null ? comp : vnode.key;
-        var cachedVNode = cache.get(key); // clone vnode if it's reused because we are going to mutate it
-
-        if (vnode.el) {
-          vnode = cloneVNode(vnode);
-
-          if (rawVNode.shapeFlag & 128
-          /* SUSPENSE */
-          ) {
-            rawVNode.ssContent = vnode;
-          }
-        } // #1513 it's possible for the returned vnode to be cloned due to attr
-        // fallthrough or scopeId, so the vnode here may not be the final vnode
-        // that is mounted. Instead of caching it directly, we store the pending
-        // key and cache `instance.subTree` (the normalized vnode) in
-        // beforeMount/beforeUpdate hooks.
+    for (var key in injectOptions) {
+      _loop2(key);
+    }
+  }
 
+  function callHook(hook, instance, type) {
+    callWithAsyncErrorHandling(isArray(hook) ? hook.map(h => h.bind(instance.proxy)) : hook.bind(instance.proxy), instance, type);
+  }
 
-        pendingCacheKey = key;
+  function createWatcher(raw, ctx, publicThis, key) {
+    var getter = key.includes('.') ? createPathGetter(publicThis, key) : () => publicThis[key];
 
-        if (cachedVNode) {
-          // copy over mounted state
-          vnode.el = cachedVNode.el;
-          vnode.component = cachedVNode.component;
+    if (isString(raw)) {
+      var handler = ctx[raw];
 
-          if (vnode.transition) {
-            // recursively update transition hooks on subTree
-            setTransitionHooks(vnode, vnode.transition);
-          } // avoid vnode being mounted as fresh
+      if (isFunction(handler)) {
+        watch(getter, handler);
+      }
+    } else if (isFunction(raw)) {
+      watch(getter, raw.bind(publicThis));
+    } else if (isObject(raw)) {
+      if (isArray(raw)) {
+        raw.forEach(r => createWatcher(r, ctx, publicThis, key));
+      } else {
+        var _handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
 
+        if (isFunction(_handler)) {
+          watch(getter, _handler, raw);
+        }
+      }
+    } else ;
+  }
+  /**
+   * Resolve merged options and cache it on the component.
+   * This is done only once per-component since the merging does not involve
+   * instances.
+   */
 
-          vnode.shapeFlag |= 512
-          /* COMPONENT_KEPT_ALIVE */
-          ; // make this key the freshest
 
-          keys.delete(key);
-          keys.add(key);
-        } else {
-          keys.add(key); // prune oldest entry
+  function resolveMergedOptions(instance) {
+    var base = instance.type;
+    var {
+      mixins,
+      extends: extendsOptions
+    } = base;
+    var {
+      mixins: globalMixins,
+      optionsCache: cache,
+      config: {
+        optionMergeStrategies
+      }
+    } = instance.appContext;
+    var cached = cache.get(base);
+    var resolved;
 
-          if (max && keys.size > parseInt(max, 10)) {
-            pruneCacheEntry(keys.values().next().value);
-          }
-        } // avoid vnode being unmounted
+    if (cached) {
+      resolved = cached;
+    } else if (!globalMixins.length && !mixins && !extendsOptions) {
+      {
+        resolved = base;
+      }
+    } else {
+      resolved = {};
 
+      if (globalMixins.length) {
+        globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true));
+      }
 
-        vnode.shapeFlag |= 256
-        /* COMPONENT_SHOULD_KEEP_ALIVE */
-        ;
-        current = vnode;
-        return rawVNode;
-      };
+      mergeOptions(resolved, base, optionMergeStrategies);
     }
 
-  }; // export the public type for h/tsx inference
-  // also to avoid inline import() in generated d.ts files
+    cache.set(base, resolved);
+    return resolved;
+  }
 
-  var KeepAlive = KeepAliveImpl;
+  function mergeOptions(to, from, strats, asMixin = false) {
+    var {
+      mixins,
+      extends: extendsOptions
+    } = from;
 
-  function matches(pattern, name) {
-    if (isArray(pattern)) {
-      return pattern.some(p => matches(p, name));
-    } else if (isString(pattern)) {
-      return pattern.split(',').indexOf(name) > -1;
-    } else if (pattern.test) {
-      return pattern.test(name);
+    if (extendsOptions) {
+      mergeOptions(to, extendsOptions, strats, true);
     }
-    /* istanbul ignore next */
 
+    if (mixins) {
+      mixins.forEach(m => mergeOptions(to, m, strats, true));
+    }
 
-    return false;
-  }
-
-  function onActivated(hook, target) {
-    registerKeepAliveHook(hook, "a"
-    /* ACTIVATED */
-    , target);
-  }
+    for (var key in from) {
+      if (asMixin && key === 'expose') ;else {
+        var strat = internalOptionMergeStrats[key] || strats && strats[key];
+        to[key] = strat ? strat(to[key], from[key]) : from[key];
+      }
+    }
 
-  function onDeactivated(hook, target) {
-    registerKeepAliveHook(hook, "da"
-    /* DEACTIVATED */
-    , target);
+    return to;
   }
 
-  function registerKeepAliveHook(hook, type, target = currentInstance) {
-    // cache the deactivate branch check wrapper for injected hooks so the same
-    // hook can be properly deduped by the scheduler. "__wdc" stands for "with
-    // deactivation check".
-    var wrappedHook = hook.__wdc || (hook.__wdc = () => {
-      // only fire the hook if the target instance is NOT in a deactivated branch.
-      var current = target;
-
-      while (current) {
-        if (current.isDeactivated) {
-          return;
-        }
-
-        current = current.parent;
-      }
+  var internalOptionMergeStrats = {
+    data: mergeDataFn,
+    props: mergeObjectOptions,
+    emits: mergeObjectOptions,
+    // objects
+    methods: mergeObjectOptions,
+    computed: mergeObjectOptions,
+    // lifecycle
+    beforeCreate: mergeAsArray,
+    created: mergeAsArray,
+    beforeMount: mergeAsArray,
+    mounted: mergeAsArray,
+    beforeUpdate: mergeAsArray,
+    updated: mergeAsArray,
+    beforeDestroy: mergeAsArray,
+    destroyed: mergeAsArray,
+    activated: mergeAsArray,
+    deactivated: mergeAsArray,
+    errorCaptured: mergeAsArray,
+    serverPrefetch: mergeAsArray,
+    // assets
+    components: mergeObjectOptions,
+    directives: mergeObjectOptions,
+    // watch
+    watch: mergeWatchOptions,
+    // provide / inject
+    provide: mergeDataFn,
+    inject: mergeInject
+  };
 
-      hook();
-    });
+  function mergeDataFn(to, from) {
+    if (!from) {
+      return to;
+    }
 
-    injectHook(type, wrappedHook, target); // In addition to registering it on the target instance, we walk up the parent
-    // chain and register it on all ancestor instances that are keep-alive roots.
-    // This avoids the need to walk the entire component tree when invoking these
-    // hooks, and more importantly, avoids the need to track child components in
-    // arrays.
+    if (!to) {
+      return from;
+    }
 
-    if (target) {
-      var current = target.parent;
+    return function mergedDataFn() {
+      return extend(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
+    };
+  }
 
-      while (current && current.parent) {
-        if (isKeepAlive(current.parent.vnode)) {
-          injectToKeepAliveRoot(wrappedHook, type, target, current);
-        }
+  function mergeInject(to, from) {
+    return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
+  }
 
-        current = current.parent;
+  function normalizeInject(raw) {
+    if (isArray(raw)) {
+      var res = {};
+
+      for (var i = 0; i < raw.length; i++) {
+        res[raw[i]] = raw[i];
       }
+
+      return res;
     }
+
+    return raw;
   }
 
-  function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
-    // injectHook wraps the original for error handling, so make sure to remove
-    // the wrapped version.
-    var injected = injectHook(type, hook, keepAliveRoot, true
-    /* prepend */
-    );
-    onUnmounted(() => {
-      remove(keepAliveRoot[type], injected);
-    }, target);
+  function mergeAsArray(to, from) {
+    return to ? [...new Set([].concat(to, from))] : from;
   }
 
-  function resetShapeFlag(vnode) {
-    var shapeFlag = vnode.shapeFlag;
+  function mergeObjectOptions(to, from) {
+    return to ? extend(extend(Object.create(null), to), from) : from;
+  }
 
-    if (shapeFlag & 256
-    /* COMPONENT_SHOULD_KEEP_ALIVE */
-    ) {
-      shapeFlag -= 256
-      /* COMPONENT_SHOULD_KEEP_ALIVE */
-      ;
-    }
+  function mergeWatchOptions(to, from) {
+    if (!to) return from;
+    if (!from) return to;
+    var merged = extend(Object.create(null), to);
 
-    if (shapeFlag & 512
-    /* COMPONENT_KEPT_ALIVE */
-    ) {
-      shapeFlag -= 512
-      /* COMPONENT_KEPT_ALIVE */
-      ;
+    for (var key in from) {
+      merged[key] = mergeAsArray(to[key], from[key]);
     }
 
-    vnode.shapeFlag = shapeFlag;
+    return merged;
   }
 
-  function getInnerChild(vnode) {
-    return vnode.shapeFlag & 128
-    /* SUSPENSE */
-    ? vnode.ssContent : vnode;
-  }
+  function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison
+  isSSR = false) {
+    var props = {};
+    var attrs = {};
+    def(attrs, InternalObjectKey, 1);
+    instance.propsDefaults = Object.create(null);
+    setFullProps(instance, rawProps, props, attrs); // ensure all declared prop keys are present
 
-  function injectHook(type, hook, target = currentInstance, prepend = false) {
-    if (target) {
-      // fixed by xxxxxx
-      if (isRootHook(type)) {
-        target = target.root;
+    for (var key in instance.propsOptions[0]) {
+      if (!(key in props)) {
+        props[key] = undefined;
       }
+    }
 
-      var {
-        __page_container__
-      } = target.root.vnode; // 仅限 App 端
+    if (isStateful) {
+      // stateful
+      instance.props = isSSR ? props : shallowReactive(props);
+    } else {
+      if (!instance.type.props) {
+        // functional w/ optional props, props === attrs
+        instance.props = attrs;
+      } else {
+        // functional w/ declared props
+        instance.props = props;
+      }
+    }
 
-      if (__page_container__) {
-        __page_container__.onInjectHook(type);
+    instance.attrs = attrs;
+  }
+
+  function updateProps(instance, rawProps, rawPrevProps, optimized) {
+    var {
+      props,
+      attrs,
+      vnode: {
+        patchFlag
       }
+    } = instance;
+    var rawCurrentProps = toRaw(props);
+    var [options] = instance.propsOptions;
+    var hasAttrsChanged = false;
 
-      var hooks = target[type] || (target[type] = []); // cache the error handling wrapper for injected hooks so the same hook
-      // can be properly deduped by the scheduler. "__weh" stands for "with error
-      // handling".
+    if ( // always force full diff in dev
+    // - #1942 if hmr is enabled with sfc component
+    // - vite#872 non-sfc component used by sfc component
+    (optimized || patchFlag > 0) && !(patchFlag & 16
+    /* FULL_PROPS */
+    )) {
+      if (patchFlag & 8
+      /* PROPS */
+      ) {
+        // Compiler-generated props & no keys change, just set the updated
+        // the props.
+        var propsToUpdate = instance.vnode.dynamicProps;
 
-      var wrappedHook = hook.__weh || (hook.__weh = (...args) => {
-        if (target.isUnmounted) {
-          return;
-        } // disable tracking inside all lifecycle hooks
-        // since they can potentially be called inside effects.
+        for (var i = 0; i < propsToUpdate.length; i++) {
+          var key = propsToUpdate[i]; // PROPS flag guarantees rawProps to be non-null
 
+          var value = rawProps[key];
 
-        pauseTracking(); // Set currentInstance during hook invocation.
-        // This assumes the hook does not synchronously trigger other hooks, which
-        // can only be false when the user does something really funky.
+          if (options) {
+            // attr / props separation was done on init and will be consistent
+            // in this code path, so just check if attrs have it.
+            if (hasOwn(attrs, key)) {
+              if (value !== attrs[key]) {
+                attrs[key] = value;
+                hasAttrsChanged = true;
+              }
+            } else {
+              var camelizedKey = camelize(key);
+              props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false
+              /* isAbsent */
+              );
+            }
+          } else {
+            if (value !== attrs[key]) {
+              attrs[key] = value;
+              hasAttrsChanged = true;
+            }
+          }
+        }
+      }
+    } else {
+      // full props update.
+      if (setFullProps(instance, rawProps, props, attrs)) {
+        hasAttrsChanged = true;
+      } // in case of dynamic props, check if we need to delete keys from
+      // the props object
 
-        setCurrentInstance(target);
-        var res = callWithAsyncErrorHandling(hook, target, type, args);
-        setCurrentInstance(null);
-        resetTracking();
-        return res;
-      });
 
-      if (prepend) {
-        hooks.unshift(wrappedHook);
-      } else {
-        hooks.push(wrappedHook);
+      var kebabKey;
+
+      for (var _key4 in rawCurrentProps) {
+        if (!rawProps || !hasOwn(rawProps, _key4) && ((kebabKey = hyphenate(_key4)) === _key4 || !hasOwn(rawProps, kebabKey))) {
+          if (options) {
+            if (rawPrevProps && (rawPrevProps[_key4] !== undefined || // for kebab-case
+            rawPrevProps[kebabKey] !== undefined)) {
+              props[_key4] = resolvePropValue(options, rawCurrentProps, _key4, undefined, instance, true
+              /* isAbsent */
+              );
+            }
+          } else {
+            delete props[_key4];
+          }
+        }
+      } // in the case of functional component w/o props declaration, props and
+      // attrs point to the same object so it should already have been updated.
+
+
+      if (attrs !== rawCurrentProps) {
+        for (var _key5 in attrs) {
+          if (!rawProps || !hasOwn(rawProps, _key5)) {
+            delete attrs[_key5];
+            hasAttrsChanged = true;
+          }
+        }
       }
+    } // trigger updates for $attrs in case it's used in component slots
 
-      return wrappedHook;
+
+    if (hasAttrsChanged) {
+      trigger(instance, "set"
+      /* SET */
+      , '$attrs');
     }
   }
 
-  var createHook = lifecycle => (hook, target = currentInstance) => // post-create lifecycle registrations are noops during SSR (except for serverPrefetch)
-  (!isInSSRComponentSetup || lifecycle === "sp"
-  /* SERVER_PREFETCH */
-  ) && injectHook(lifecycle, hook, target);
-
-  var onBeforeMount = createHook("bm"
-  /* BEFORE_MOUNT */
-  );
-  var onMounted = createHook("m"
-  /* MOUNTED */
-  );
-  var onBeforeUpdate = createHook("bu"
-  /* BEFORE_UPDATE */
-  );
-  var onUpdated = createHook("u"
-  /* UPDATED */
-  );
-  var onBeforeUnmount = createHook("bum"
-  /* BEFORE_UNMOUNT */
-  );
-  var onUnmounted = createHook("um"
-  /* UNMOUNTED */
-  );
-  var onServerPrefetch = createHook("sp"
-  /* SERVER_PREFETCH */
-  );
-  var onRenderTriggered = createHook("rtg"
-  /* RENDER_TRIGGERED */
-  );
-  var onRenderTracked = createHook("rtc"
-  /* RENDER_TRACKED */
-  );
-
-  function onErrorCaptured(hook, target = currentInstance) {
-    injectHook("ec"
-    /* ERROR_CAPTURED */
-    , hook, target);
-  }
+  function setFullProps(instance, rawProps, props, attrs) {
+    var [options, needCastKeys] = instance.propsOptions;
+    var hasAttrsChanged = false;
+    var rawCastValues;
 
-  var shouldCacheAccess = true;
+    if (rawProps) {
+      for (var key in rawProps) {
+        // key, ref are reserved and never passed down
+        if (isReservedProp(key)) {
+          continue;
+        }
 
-  function applyOptions(instance) {
-    var options = resolveMergedOptions(instance);
-    var publicThis = instance.proxy;
-    var ctx = instance.ctx; // do not cache property access on public proxy during state initialization
+        var value = rawProps[key]; // prop option names are camelized during normalization, so to support
+        // kebab -> camel conversion here we need to camelize the key.
 
-    shouldCacheAccess = false; // call beforeCreate first before accessing other options since
-    // the hook may mutate resolved options (#2791)
+        var camelKey = void 0;
 
-    if (options.beforeCreate) {
-      callHook(options.beforeCreate, instance, "bc"
-      /* BEFORE_CREATE */
-      );
+        if (options && hasOwn(options, camelKey = camelize(key))) {
+          if (!needCastKeys || !needCastKeys.includes(camelKey)) {
+            props[camelKey] = value;
+          } else {
+            (rawCastValues || (rawCastValues = {}))[camelKey] = value;
+          }
+        } else if (!isEmitListener(instance.emitsOptions, key)) {
+          if (value !== attrs[key]) {
+            attrs[key] = value;
+            hasAttrsChanged = true;
+          }
+        }
+      }
     }
 
-    var {
-      // state
-      data: dataOptions,
-      computed: computedOptions,
-      methods,
-      watch: watchOptions,
-      provide: provideOptions,
-      inject: injectOptions,
-      // lifecycle
-      created,
-      beforeMount,
-      mounted,
-      beforeUpdate,
-      updated,
-      activated,
-      deactivated,
-      beforeDestroy,
-      beforeUnmount,
-      destroyed,
-      unmounted,
-      render,
-      renderTracked,
-      renderTriggered,
-      errorCaptured,
-      serverPrefetch,
-      // public API
-      expose,
-      inheritAttrs,
-      // assets
-      components,
-      directives,
-      filters
-    } = options;
-    var checkDuplicateProperties = null; // options initialization order (to be consistent with Vue 2):
-    // - props (already done outside of this function)
-    // - inject
-    // - methods
-    // - data (deferred since it relies on `this` access)
-    // - computed
-    // - watch (deferred since it relies on `this` access)
+    if (needCastKeys) {
+      var rawCurrentProps = toRaw(props);
+      var castValues = rawCastValues || EMPTY_OBJ;
 
-    if (injectOptions) {
-      resolveInjections(injectOptions, ctx, checkDuplicateProperties);
+      for (var i = 0; i < needCastKeys.length; i++) {
+        var _key6 = needCastKeys[i];
+        props[_key6] = resolvePropValue(options, rawCurrentProps, _key6, castValues[_key6], instance, !hasOwn(castValues, _key6));
+      }
     }
 
-    if (methods) {
-      for (var key in methods) {
-        var methodHandler = methods[key];
+    return hasAttrsChanged;
+  }
 
-        if (isFunction(methodHandler)) {
-          // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-          // and those are read-only but reconfigurable, so it needs to be redefined here
-          {
-            ctx[key] = methodHandler.bind(publicThis);
+  function resolvePropValue(options, props, key, value, instance, isAbsent) {
+    var opt = options[key];
+
+    if (opt != null) {
+      var hasDefault = hasOwn(opt, 'default'); // default values
+
+      if (hasDefault && value === undefined) {
+        var defaultValue = opt.default;
+
+        if (opt.type !== Function && isFunction(defaultValue)) {
+          var {
+            propsDefaults
+          } = instance;
+
+          if (key in propsDefaults) {
+            value = propsDefaults[key];
+          } else {
+            setCurrentInstance(instance);
+            value = propsDefaults[key] = defaultValue.call(null, props);
+            unsetCurrentInstance();
           }
+        } else {
+          value = defaultValue;
+        }
+      } // boolean casting
+
+
+      if (opt[0
+      /* shouldCast */
+      ]) {
+        if (isAbsent && !hasDefault) {
+          value = false;
+        } else if (opt[1
+        /* shouldCastTrue */
+        ] && (value === '' || value === hyphenate(key))) {
+          value = true;
         }
       }
     }
 
-    if (dataOptions) {
-      var data = dataOptions.call(publicThis, publicThis);
-      if (!isObject(data)) ;else {
-        instance.data = reactive(data);
-      }
-    } // state initialization complete at this point - start caching access
+    return value;
+  }
 
+  function normalizePropsOptions(comp, appContext, asMixin = false) {
+    var cache = appContext.propsCache;
+    var cached = cache.get(comp);
 
-    shouldCacheAccess = true;
+    if (cached) {
+      return cached;
+    }
 
-    if (computedOptions) {
-      var _loop = function (_key2) {
-        var opt = computedOptions[_key2];
-        var get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
-        var set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : NOOP;
-        var c = computed$1({
-          get,
-          set
-        });
-        Object.defineProperty(ctx, _key2, {
-          enumerable: true,
-          configurable: true,
-          get: () => c.value,
-          set: v => c.value = v
-        });
+    var raw = comp.props;
+    var normalized = {};
+    var needCastKeys = []; // apply mixin/extends props
+
+    var hasExtends = false;
+
+    if (!isFunction(comp)) {
+      var extendProps = raw => {
+        hasExtends = true;
+        var [props, keys] = normalizePropsOptions(raw, appContext, true);
+        extend(normalized, props);
+        if (keys) needCastKeys.push(...keys);
       };
 
-      for (var _key2 in computedOptions) {
-        _loop(_key2);
+      if (!asMixin && appContext.mixins.length) {
+        appContext.mixins.forEach(extendProps);
       }
-    }
 
-    if (watchOptions) {
-      for (var _key3 in watchOptions) {
-        createWatcher(watchOptions[_key3], ctx, publicThis, _key3);
+      if (comp.extends) {
+        extendProps(comp.extends);
       }
-    }
 
-    if (provideOptions) {
-      var provides = isFunction(provideOptions) ? provideOptions.call(publicThis) : provideOptions;
-      Reflect.ownKeys(provides).forEach(key => {
-        provide(key, provides[key]);
-      });
+      if (comp.mixins) {
+        comp.mixins.forEach(extendProps);
+      }
     }
 
-    if (created) {
-      callHook(created, instance, "c"
-      /* CREATED */
-      );
+    if (!raw && !hasExtends) {
+      cache.set(comp, EMPTY_ARR);
+      return EMPTY_ARR;
     }
 
-    function registerLifecycleHook(register, hook) {
-      if (isArray(hook)) {
-        hook.forEach(_hook => register(_hook.bind(publicThis)));
-      } else if (hook) {
-        register(hook.bind(publicThis));
-      }
-    }
+    if (isArray(raw)) {
+      for (var i = 0; i < raw.length; i++) {
+        var normalizedKey = camelize(raw[i]);
 
-    registerLifecycleHook(onBeforeMount, beforeMount);
-    registerLifecycleHook(onMounted, mounted);
-    registerLifecycleHook(onBeforeUpdate, beforeUpdate);
-    registerLifecycleHook(onUpdated, updated);
-    registerLifecycleHook(onActivated, activated);
-    registerLifecycleHook(onDeactivated, deactivated);
-    registerLifecycleHook(onErrorCaptured, errorCaptured);
-    registerLifecycleHook(onRenderTracked, renderTracked);
-    registerLifecycleHook(onRenderTriggered, renderTriggered);
-    registerLifecycleHook(onBeforeUnmount, beforeUnmount);
-    registerLifecycleHook(onUnmounted, unmounted);
-    registerLifecycleHook(onServerPrefetch, serverPrefetch);
+        if (validatePropName(normalizedKey)) {
+          normalized[normalizedKey] = EMPTY_OBJ;
+        }
+      }
+    } else if (raw) {
+      for (var key in raw) {
+        var _normalizedKey = camelize(key);
 
-    if (isArray(expose)) {
-      if (expose.length) {
-        var exposed = instance.exposed || (instance.exposed = {});
-        expose.forEach(key => {
-          Object.defineProperty(exposed, key, {
-            get: () => publicThis[key],
-            set: val => publicThis[key] = val
-          });
-        });
-      } else if (!instance.exposed) {
-        instance.exposed = {};
+        if (validatePropName(_normalizedKey)) {
+          var opt = raw[key];
+          var prop = normalized[_normalizedKey] = isArray(opt) || isFunction(opt) ? {
+            type: opt
+          } : opt;
+
+          if (prop) {
+            var booleanIndex = getTypeIndex(Boolean, prop.type);
+            var stringIndex = getTypeIndex(String, prop.type);
+            prop[0
+            /* shouldCast */
+            ] = booleanIndex > -1;
+            prop[1
+            /* shouldCastTrue */
+            ] = stringIndex < 0 || booleanIndex < stringIndex; // if the prop needs boolean casting or default value
+
+            if (booleanIndex > -1 || hasOwn(prop, 'default')) {
+              needCastKeys.push(_normalizedKey);
+            }
+          }
+        }
       }
-    } // options that are handled when creating the instance but also need to be
-    // applied from mixins
+    }
 
+    var res = [normalized, needCastKeys];
+    cache.set(comp, res);
+    return res;
+  }
 
-    if (render && instance.render === NOOP) {
-      instance.render = render;
+  function validatePropName(key) {
+    if (key[0] !== '$') {
+      return true;
     }
 
-    if (inheritAttrs != null) {
-      instance.inheritAttrs = inheritAttrs;
-    } // asset options.
+    return false;
+  } // use function string name to check type constructors
+  // so that it works across vms / iframes.
 
 
-    if (components) instance.components = components;
-    if (directives) instance.directives = directives; // fixed by xxxxxx
+  function getType(ctor) {
+    var match = ctor && ctor.toString().match(/^\s*function (\w+)/);
+    return match ? match[1] : ctor === null ? 'null' : '';
+  }
 
-    var customApplyOptions = instance.appContext.config.globalProperties.$applyOptions;
+  function isSameType(a, b) {
+    return getType(a) === getType(b);
+  }
 
-    if (customApplyOptions) {
-      customApplyOptions(options, instance, publicThis);
+  function getTypeIndex(type, expectedTypes) {
+    if (isArray(expectedTypes)) {
+      return expectedTypes.findIndex(t => isSameType(t, type));
+    } else if (isFunction(expectedTypes)) {
+      return isSameType(expectedTypes, type) ? 0 : -1;
     }
+
+    return -1;
   }
 
-  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
-    if (isArray(injectOptions)) {
-      injectOptions = normalizeInject(injectOptions);
-    }
+  var isInternalKey = key => key[0] === '_' || key === '$stable';
 
-    for (var key in injectOptions) {
-      var opt = injectOptions[key];
+  var normalizeSlotValue = value => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
 
-      if (isObject(opt)) {
-        if ('default' in opt) {
-          ctx[key] = inject(opt.from || key, opt.default, true
-          /* treat default function as factory */
-          );
-        } else {
-          ctx[key] = inject(opt.from || key);
-        }
-      } else {
-        ctx[key] = inject(opt);
-      }
-    }
-  }
+  var normalizeSlot = (key, rawSlot, ctx) => {
+    var normalized = withCtx(props => {
+      return normalizeSlotValue(rawSlot(props));
+    }, ctx);
+    normalized._c = false;
+    return normalized;
+  };
 
-  function callHook(hook, instance, type) {
-    callWithAsyncErrorHandling(isArray(hook) ? hook.map(h => h.bind(instance.proxy)) : hook.bind(instance.proxy), instance, type);
-  }
+  var normalizeObjectSlots = (rawSlots, slots, instance) => {
+    var ctx = rawSlots._ctx;
 
-  function createWatcher(raw, ctx, publicThis, key) {
-    var getter = key.includes('.') ? createPathGetter(publicThis, key) : () => publicThis[key];
+    for (var key in rawSlots) {
+      if (isInternalKey(key)) continue;
+      var value = rawSlots[key];
 
-    if (isString(raw)) {
-      var handler = ctx[raw];
+      if (isFunction(value)) {
+        slots[key] = normalizeSlot(key, value, ctx);
+      } else if (value != null) {
+        (function () {
+          var normalized = normalizeSlotValue(value);
 
-      if (isFunction(handler)) {
-        watch(getter, handler);
+          slots[key] = () => normalized;
+        })();
       }
-    } else if (isFunction(raw)) {
-      watch(getter, raw.bind(publicThis));
-    } else if (isObject(raw)) {
-      if (isArray(raw)) {
-        raw.forEach(r => createWatcher(r, ctx, publicThis, key));
-      } else {
-        var _handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
+    }
+  };
 
-        if (isFunction(_handler)) {
-          watch(getter, _handler, raw);
-        }
-      }
-    } else ;
-  }
-  /**
-   * Resolve merged options and cache it on the component.
-   * This is done only once per-component since the merging does not involve
-   * instances.
-   */
+  var normalizeVNodeSlots = (instance, children) => {
+    var normalized = normalizeSlotValue(children);
 
+    instance.slots.default = () => normalized;
+  };
 
-  function resolveMergedOptions(instance) {
-    var base = instance.type;
-    var {
-      mixins,
-      extends: extendsOptions
-    } = base;
-    var {
-      mixins: globalMixins,
-      optionsCache: cache,
-      config: {
-        optionMergeStrategies
-      }
-    } = instance.appContext;
-    var cached = cache.get(base);
-    var resolved;
+  var initSlots = (instance, children) => {
+    if (instance.vnode.shapeFlag & 32
+    /* SLOTS_CHILDREN */
+    ) {
+      var type = children._;
 
-    if (cached) {
-      resolved = cached;
-    } else if (!globalMixins.length && !mixins && !extendsOptions) {
-      {
-        resolved = base;
+      if (type) {
+        // users can get the shallow readonly version of the slots object through `this.$slots`,
+        // we should avoid the proxy object polluting the slots of the internal instance
+        instance.slots = toRaw(children); // make compiler marker non-enumerable
+
+        def(children, '_', type);
+      } else {
+        normalizeObjectSlots(children, instance.slots = {});
       }
     } else {
-      resolved = {};
+      instance.slots = {};
 
-      if (globalMixins.length) {
-        globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true));
+      if (children) {
+        normalizeVNodeSlots(instance, children);
       }
-
-      mergeOptions(resolved, base, optionMergeStrategies);
     }
 
-    cache.set(base, resolved);
-    return resolved;
-  }
+    def(instance.slots, InternalObjectKey, 1);
+  };
 
-  function mergeOptions(to, from, strats, asMixin = false) {
+  var updateSlots = (instance, children, optimized) => {
     var {
-      mixins,
-      extends: extendsOptions
-    } = from;
+      vnode,
+      slots
+    } = instance;
+    var needDeletionCheck = true;
+    var deletionComparisonTarget = EMPTY_OBJ;
 
-    if (extendsOptions) {
-      mergeOptions(to, extendsOptions, strats, true);
-    }
+    if (vnode.shapeFlag & 32
+    /* SLOTS_CHILDREN */
+    ) {
+      var type = children._;
 
-    if (mixins) {
-      mixins.forEach(m => mergeOptions(to, m, strats, true));
-    }
+      if (type) {
+        // compiled slots.
+        if (optimized && type === 1
+        /* STABLE */
+        ) {
+          // compiled AND stable.
+          // no need to update, and skip stale slots removal.
+          needDeletionCheck = false;
+        } else {
+          // compiled but dynamic (v-if/v-for on slots) - update slots, but skip
+          // normalization.
+          extend(slots, children); // #2893
+          // when rendering the optimized slots by manually written render function,
+          // we need to delete the `slots._` flag if necessary to make subsequent updates reliable,
+          // i.e. let the `renderSlot` create the bailed Fragment
 
-    for (var key in from) {
-      if (asMixin && key === 'expose') ;else {
-        var strat = internalOptionMergeStrats[key] || strats && strats[key];
-        to[key] = strat ? strat(to[key], from[key]) : from[key];
+          if (!optimized && type === 1
+          /* STABLE */
+          ) {
+            delete slots._;
+          }
+        }
+      } else {
+        needDeletionCheck = !children.$stable;
+        normalizeObjectSlots(children, slots);
+      }
+
+      deletionComparisonTarget = children;
+    } else if (children) {
+      // non slot object children (direct value) passed to a component
+      normalizeVNodeSlots(instance, children);
+      deletionComparisonTarget = {
+        default: 1
+      };
+    } // delete stale slots
+
+
+    if (needDeletionCheck) {
+      for (var key in slots) {
+        if (!isInternalKey(key) && !(key in deletionComparisonTarget)) {
+          delete slots[key];
+        }
       }
     }
+  };
+  /**
+   * Adds directives to a VNode.
+   */
 
-    return to;
-  }
 
-  var internalOptionMergeStrats = {
-    data: mergeDataFn,
-    props: mergeObjectOptions,
-    emits: mergeObjectOptions,
-    // objects
-    methods: mergeObjectOptions,
-    computed: mergeObjectOptions,
-    // lifecycle
-    beforeCreate: mergeAsArray,
-    created: mergeAsArray,
-    beforeMount: mergeAsArray,
-    mounted: mergeAsArray,
-    beforeUpdate: mergeAsArray,
-    updated: mergeAsArray,
-    beforeDestroy: mergeAsArray,
-    destroyed: mergeAsArray,
-    activated: mergeAsArray,
-    deactivated: mergeAsArray,
-    errorCaptured: mergeAsArray,
-    serverPrefetch: mergeAsArray,
-    // assets
-    components: mergeObjectOptions,
-    directives: mergeObjectOptions,
-    // watch
-    watch: mergeWatchOptions,
-    // provide / inject
-    provide: mergeDataFn,
-    inject: mergeInject
-  };
-
-  function mergeDataFn(to, from) {
-    if (!from) {
-      return to;
-    }
+  function withDirectives(vnode, directives) {
+    var internalInstance = currentRenderingInstance;
 
-    if (!to) {
-      return from;
+    if (internalInstance === null) {
+      return vnode;
     }
 
-    return function mergedDataFn() {
-      return extend(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
-    };
-  }
+    var instance = internalInstance.proxy;
+    var bindings = vnode.dirs || (vnode.dirs = []);
 
-  function mergeInject(to, from) {
-    return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
-  }
+    for (var i = 0; i < directives.length; i++) {
+      var [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
 
-  function normalizeInject(raw) {
-    if (isArray(raw)) {
-      var res = {};
+      if (isFunction(dir)) {
+        dir = {
+          mounted: dir,
+          updated: dir
+        };
+      }
 
-      for (var i = 0; i < raw.length; i++) {
-        res[raw[i]] = raw[i];
+      if (dir.deep) {
+        traverse(value);
       }
 
-      return res;
+      bindings.push({
+        dir,
+        instance,
+        value,
+        oldValue: void 0,
+        arg,
+        modifiers
+      });
     }
 
-    return raw;
-  }
-
-  function mergeAsArray(to, from) {
-    return to ? [...new Set([].concat(to, from))] : from;
-  }
-
-  function mergeObjectOptions(to, from) {
-    return to ? extend(extend(Object.create(null), to), from) : from;
+    return vnode;
   }
 
-  function mergeWatchOptions(to, from) {
-    if (!to) return from;
-    if (!from) return to;
-    var merged = extend(Object.create(null), to);
-
-    for (var key in from) {
-      merged[key] = mergeAsArray(to[key], from[key]);
-    }
-
-    return merged;
-  }
+  function invokeDirectiveHook(vnode, prevVNode, instance, name) {
+    var bindings = vnode.dirs;
+    var oldBindings = prevVNode && prevVNode.dirs;
 
-  function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison
-  isSSR = false) {
-    var props = {};
-    var attrs = {};
-    def(attrs, InternalObjectKey, 1);
-    instance.propsDefaults = Object.create(null);
-    setFullProps(instance, rawProps, props, attrs); // ensure all declared prop keys are present
+    for (var i = 0; i < bindings.length; i++) {
+      var binding = bindings[i];
 
-    for (var key in instance.propsOptions[0]) {
-      if (!(key in props)) {
-        props[key] = undefined;
+      if (oldBindings) {
+        binding.oldValue = oldBindings[i].value;
       }
-    }
 
-    if (isStateful) {
-      // stateful
-      instance.props = isSSR ? props : shallowReactive(props);
-    } else {
-      if (!instance.type.props) {
-        // functional w/ optional props, props === attrs
-        instance.props = attrs;
-      } else {
-        // functional w/ declared props
-        instance.props = props;
+      var hook = binding.dir[name];
+
+      if (hook) {
+        // disable tracking inside all lifecycle hooks
+        // since they can potentially be called inside effects.
+        pauseTracking();
+        callWithAsyncErrorHandling(hook, instance, 8
+        /* DIRECTIVE_HOOK */
+        , [vnode.el, binding, vnode, prevVNode]);
+        resetTracking();
       }
     }
+  }
 
-    instance.attrs = attrs;
+  function createAppContext() {
+    return {
+      app: null,
+      config: {
+        isNativeTag: NO,
+        performance: false,
+        globalProperties: {},
+        optionMergeStrategies: {},
+        errorHandler: undefined,
+        warnHandler: undefined,
+        compilerOptions: {}
+      },
+      mixins: [],
+      components: {},
+      directives: {},
+      provides: Object.create(null),
+      optionsCache: new WeakMap(),
+      propsCache: new WeakMap(),
+      emitsCache: new WeakMap()
+    };
   }
 
-  function updateProps(instance, rawProps, rawPrevProps, optimized) {
-    var {
-      props,
-      attrs,
-      vnode: {
-        patchFlag
+  var uid = 0;
+
+  function createAppAPI(render, hydrate) {
+    return function createApp(rootComponent, rootProps = null) {
+      if (rootProps != null && !isObject(rootProps)) {
+        rootProps = null;
       }
-    } = instance;
-    var rawCurrentProps = toRaw(props);
-    var [options] = instance.propsOptions;
-    var hasAttrsChanged = false;
 
-    if ( // always force full diff in dev
-    // - #1942 if hmr is enabled with sfc component
-    // - vite#872 non-sfc component used by sfc component
-    (optimized || patchFlag > 0) && !(patchFlag & 16
-    /* FULL_PROPS */
-    )) {
-      if (patchFlag & 8
-      /* PROPS */
-      ) {
-        // Compiler-generated props & no keys change, just set the updated
-        // the props.
-        var propsToUpdate = instance.vnode.dynamicProps;
+      var context = createAppContext();
+      var installedPlugins = new Set();
+      var isMounted = false;
+      var app = context.app = {
+        _uid: uid++,
+        _component: rootComponent,
+        _props: rootProps,
+        _container: null,
+        _context: context,
+        _instance: null,
+        version,
 
-        for (var i = 0; i < propsToUpdate.length; i++) {
-          var key = propsToUpdate[i]; // PROPS flag guarantees rawProps to be non-null
+        get config() {
+          return context.config;
+        },
 
-          var value = rawProps[key];
+        set config(v) {},
 
-          if (options) {
-            // attr / props separation was done on init and will be consistent
-            // in this code path, so just check if attrs have it.
-            if (hasOwn(attrs, key)) {
-              if (value !== attrs[key]) {
-                attrs[key] = value;
-                hasAttrsChanged = true;
-              }
-            } else {
-              var camelizedKey = camelize(key);
-              props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false
-              /* isAbsent */
-              );
-            }
-          } else {
-            if (value !== attrs[key]) {
-              attrs[key] = value;
-              hasAttrsChanged = true;
+        use(plugin, ...options) {
+          if (installedPlugins.has(plugin)) ;else if (plugin && isFunction(plugin.install)) {
+            installedPlugins.add(plugin);
+            plugin.install(app, ...options);
+          } else if (isFunction(plugin)) {
+            installedPlugins.add(plugin);
+            plugin(app, ...options);
+          } else ;
+          return app;
+        },
+
+        mixin(mixin) {
+          {
+            if (!context.mixins.includes(mixin)) {
+              context.mixins.push(mixin);
             }
           }
-        }
-      }
-    } else {
-      // full props update.
-      if (setFullProps(instance, rawProps, props, attrs)) {
-        hasAttrsChanged = true;
-      } // in case of dynamic props, check if we need to delete keys from
-      // the props object
+          return app;
+        },
 
+        component(name, component) {
+          if (!component) {
+            return context.components[name];
+          }
 
-      var kebabKey;
+          context.components[name] = component;
+          return app;
+        },
 
-      for (var _key4 in rawCurrentProps) {
-        if (!rawProps || !hasOwn(rawProps, _key4) && ((kebabKey = hyphenate(_key4)) === _key4 || !hasOwn(rawProps, kebabKey))) {
-          if (options) {
-            if (rawPrevProps && (rawPrevProps[_key4] !== undefined || // for kebab-case
-            rawPrevProps[kebabKey] !== undefined)) {
-              props[_key4] = resolvePropValue(options, rawCurrentProps, _key4, undefined, instance, true
-              /* isAbsent */
-              );
-            }
-          } else {
-            delete props[_key4];
+        directive(name, directive) {
+          if (!directive) {
+            return context.directives[name];
           }
-        }
-      } // in the case of functional component w/o props declaration, props and
-      // attrs point to the same object so it should already have been updated.
 
+          context.directives[name] = directive;
+          return app;
+        },
 
-      if (attrs !== rawCurrentProps) {
-        for (var _key5 in attrs) {
-          if (!rawProps || !hasOwn(rawProps, _key5)) {
-            delete attrs[_key5];
-            hasAttrsChanged = true;
+        mount(rootContainer, isHydrate, isSVG) {
+          if (!isMounted) {
+            var vnode = createVNode(rootComponent, rootProps); // store app context on the root VNode.
+            // this will be set on the root instance on initial mount.
+
+            vnode.appContext = context;
+
+            if (isHydrate && hydrate) {
+              hydrate(vnode, rootContainer);
+            } else {
+              render(vnode, rootContainer, isSVG);
+            }
+
+            isMounted = true;
+            app._container = rootContainer;
+            rootContainer.__vue_app__ = app;
+            return vnode.component.proxy;
           }
-        }
-      }
-    } // trigger updates for $attrs in case it's used in component slots
+        },
 
+        unmount() {
+          if (isMounted) {
+            render(null, app._container);
+            delete app._container.__vue_app__;
+          }
+        },
 
-    if (hasAttrsChanged) {
-      trigger(instance, "set"
-      /* SET */
-      , '$attrs');
-    }
+        provide(key, value) {
+          // TypeScript doesn't allow symbols as index type
+          // https://github.com/Microsoft/TypeScript/issues/24587
+          context.provides[key] = value;
+          return app;
+        }
+
+      };
+      return app;
+    };
   }
 
-  function setFullProps(instance, rawProps, props, attrs) {
-    var [options, needCastKeys] = instance.propsOptions;
-    var hasAttrsChanged = false;
-    var rawCastValues;
+  var hasMismatch = false;
 
-    if (rawProps) {
-      for (var key in rawProps) {
-        // key, ref are reserved and never passed down
-        if (isReservedProp(key)) {
-          continue;
-        }
+  var isSVGContainer = container => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject';
 
-        var value = rawProps[key]; // prop option names are camelized during normalization, so to support
-        // kebab -> camel conversion here we need to camelize the key.
+  var isComment = node => node.nodeType === 8
+  /* COMMENT */
+  ; // Note: hydration is DOM-specific
+  // But we have to place it in core due to tight coupling with core - splitting
+  // it out creates a ton of unnecessary complexity.
+  // Hydration also depends on some renderer internal logic which needs to be
+  // passed in via arguments.
 
-        var camelKey = void 0;
 
-        if (options && hasOwn(options, camelKey = camelize(key))) {
-          if (!needCastKeys || !needCastKeys.includes(camelKey)) {
-            props[camelKey] = value;
-          } else {
-            (rawCastValues || (rawCastValues = {}))[camelKey] = value;
-          }
-        } else if (!isEmitListener(instance.emitsOptions, key)) {
-          if (value !== attrs[key]) {
-            attrs[key] = value;
-            hasAttrsChanged = true;
-          }
-        }
+  function createHydrationFunctions(rendererInternals) {
+    var {
+      mt: mountComponent,
+      p: patch,
+      o: {
+        patchProp,
+        nextSibling,
+        parentNode,
+        remove,
+        insert,
+        createComment
       }
-    }
-
-    if (needCastKeys) {
-      var rawCurrentProps = toRaw(props);
-      var castValues = rawCastValues || EMPTY_OBJ;
+    } = rendererInternals;
 
-      for (var i = 0; i < needCastKeys.length; i++) {
-        var _key6 = needCastKeys[i];
-        props[_key6] = resolvePropValue(options, rawCurrentProps, _key6, castValues[_key6], instance, !hasOwn(castValues, _key6));
+    var hydrate = (vnode, container) => {
+      if (!container.hasChildNodes()) {
+        patch(null, vnode, container);
+        flushPostFlushCbs();
+        return;
       }
-    }
 
-    return hasAttrsChanged;
-  }
+      hasMismatch = false;
+      hydrateNode(container.firstChild, vnode, null, null, null);
+      flushPostFlushCbs();
 
-  function resolvePropValue(options, props, key, value, instance, isAbsent) {
-    var opt = options[key];
+      if (hasMismatch && !false) {
+        // this error should show up in production
+        console.error("Hydration completed but contains mismatches.");
+      }
+    };
 
-    if (opt != null) {
-      var hasDefault = hasOwn(opt, 'default'); // default values
+    var hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
+      var isFragmentStart = isComment(node) && node.data === '[';
 
-      if (hasDefault && value === undefined) {
-        var defaultValue = opt.default;
+      var onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
 
-        if (opt.type !== Function && isFunction(defaultValue)) {
-          var {
-            propsDefaults
-          } = instance;
+      var {
+        type,
+        ref,
+        shapeFlag
+      } = vnode;
+      var domType = node.nodeType;
+      vnode.el = node;
+      var nextNode = null;
 
-          if (key in propsDefaults) {
-            value = propsDefaults[key];
+      switch (type) {
+        case Text:
+          if (domType !== 3
+          /* TEXT */
+          ) {
+            nextNode = onMismatch();
           } else {
-            setCurrentInstance(instance);
-            value = propsDefaults[key] = defaultValue.call(null, props);
-            setCurrentInstance(null);
-          }
-        } else {
-          value = defaultValue;
-        }
-      } // boolean casting
+            if (node.data !== vnode.children) {
+              hasMismatch = true;
+              node.data = vnode.children;
+            }
 
+            nextNode = nextSibling(node);
+          }
 
-      if (opt[0
-      /* shouldCast */
-      ]) {
-        if (isAbsent && !hasDefault) {
-          value = false;
-        } else if (opt[1
-        /* shouldCastTrue */
-        ] && (value === '' || value === hyphenate(key))) {
-          value = true;
-        }
-      }
-    }
+          break;
 
-    return value;
-  }
+        case Comment$1:
+          if (domType !== 8
+          /* COMMENT */
+          || isFragmentStart) {
+            nextNode = onMismatch();
+          } else {
+            nextNode = nextSibling(node);
+          }
 
-  function normalizePropsOptions(comp, appContext, asMixin = false) {
-    var cache = appContext.propsCache;
-    var cached = cache.get(comp);
+          break;
 
-    if (cached) {
-      return cached;
-    }
+        case Static:
+          if (domType !== 1
+          /* ELEMENT */
+          ) {
+            nextNode = onMismatch();
+          } else {
+            // determine anchor, adopt content
+            nextNode = node; // if the static vnode has its content stripped during build,
+            // adopt it from the server-rendered HTML.
 
-    var raw = comp.props;
-    var normalized = {};
-    var needCastKeys = []; // apply mixin/extends props
+            var needToAdoptContent = !vnode.children.length;
 
-    var hasExtends = false;
+            for (var i = 0; i < vnode.staticCount; i++) {
+              if (needToAdoptContent) vnode.children += nextNode.outerHTML;
 
-    if (!isFunction(comp)) {
-      var extendProps = raw => {
-        hasExtends = true;
-        var [props, keys] = normalizePropsOptions(raw, appContext, true);
-        extend(normalized, props);
-        if (keys) needCastKeys.push(...keys);
-      };
+              if (i === vnode.staticCount - 1) {
+                vnode.anchor = nextNode;
+              }
 
-      if (!asMixin && appContext.mixins.length) {
-        appContext.mixins.forEach(extendProps);
-      }
+              nextNode = nextSibling(nextNode);
+            }
 
-      if (comp.extends) {
-        extendProps(comp.extends);
-      }
+            return nextNode;
+          }
 
-      if (comp.mixins) {
-        comp.mixins.forEach(extendProps);
-      }
-    }
+          break;
 
-    if (!raw && !hasExtends) {
-      cache.set(comp, EMPTY_ARR);
-      return EMPTY_ARR;
-    }
+        case Fragment:
+          if (!isFragmentStart) {
+            nextNode = onMismatch();
+          } else {
+            nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+          }
 
-    if (isArray(raw)) {
-      for (var i = 0; i < raw.length; i++) {
-        var normalizedKey = camelize(raw[i]);
+          break;
 
-        if (validatePropName(normalizedKey)) {
-          normalized[normalizedKey] = EMPTY_OBJ;
-        }
-      }
-    } else if (raw) {
-      for (var key in raw) {
-        var _normalizedKey = camelize(key);
+        default:
+          if (shapeFlag & 1
+          /* ELEMENT */
+          ) {
+            if (domType !== 1
+            /* ELEMENT */
+            || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) {
+              nextNode = onMismatch();
+            } else {
+              nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+            }
+          } else if (shapeFlag & 6
+          /* COMPONENT */
+          ) {
+            // when setting up the render effect, if the initial vnode already
+            // has .el set, the component will perform hydration instead of mount
+            // on its sub-tree.
+            vnode.slotScopeIds = slotScopeIds;
+            var container = parentNode(node);
+            mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); // component may be async, so in the case of fragments we cannot rely
+            // on component's rendered output to determine the end of the fragment
+            // instead, we do a lookahead to find the end anchor node.
 
-        if (validatePropName(_normalizedKey)) {
-          var opt = raw[key];
-          var prop = normalized[_normalizedKey] = isArray(opt) || isFunction(opt) ? {
-            type: opt
-          } : opt;
+            nextNode = isFragmentStart ? locateClosingAsyncAnchor(node) : nextSibling(node); // #3787
+            // if component is async, it may get moved / unmounted before its
+            // inner component is loaded, so we need to give it a placeholder
+            // vnode that matches its adopted DOM.
 
-          if (prop) {
-            var booleanIndex = getTypeIndex(Boolean, prop.type);
-            var stringIndex = getTypeIndex(String, prop.type);
-            prop[0
-            /* shouldCast */
-            ] = booleanIndex > -1;
-            prop[1
-            /* shouldCastTrue */
-            ] = stringIndex < 0 || booleanIndex < stringIndex; // if the prop needs boolean casting or default value
+            if (isAsyncWrapper(vnode)) {
+              var subTree;
 
-            if (booleanIndex > -1 || hasOwn(prop, 'default')) {
-              needCastKeys.push(_normalizedKey);
+              if (isFragmentStart) {
+                subTree = createVNode(Fragment);
+                subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
+              } else {
+                subTree = node.nodeType === 3 ? createTextVNode('') : createVNode('div');
+              }
+
+              subTree.el = node;
+              vnode.component.subTree = subTree;
             }
-          }
-        }
+          } else if (shapeFlag & 64
+          /* TELEPORT */
+          ) {
+            if (domType !== 8
+            /* COMMENT */
+            ) {
+              nextNode = onMismatch();
+            } else {
+              nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
+            }
+          } else if (shapeFlag & 128
+          /* SUSPENSE */
+          ) {
+            nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
+          } else ;
+
       }
-    }
 
-    var res = [normalized, needCastKeys];
-    cache.set(comp, res);
-    return res;
-  }
+      if (ref != null) {
+        setRef(ref, null, parentSuspense, vnode);
+      }
 
-  function validatePropName(key) {
-    if (key[0] !== '$') {
-      return true;
-    }
+      return nextNode;
+    };
 
-    return false;
-  } // use function string name to check type constructors
-  // so that it works across vms / iframes.
+    var hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+      optimized = optimized || !!vnode.dynamicChildren;
+      var {
+        type,
+        props,
+        patchFlag,
+        shapeFlag,
+        dirs
+      } = vnode; // #4006 for form elements with non-string v-model value bindings
+      // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
 
+      var forcePatchValue = type === 'input' && dirs || type === 'option'; // skip props & children if this is hoisted static nodes
 
-  function getType(ctor) {
-    var match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
-  }
+      if (forcePatchValue || patchFlag !== -1
+      /* HOISTED */
+      ) {
+        if (dirs) {
+          invokeDirectiveHook(vnode, null, parentComponent, 'created');
+        } // props
 
-  function isSameType(a, b) {
-    return getType(a) === getType(b);
-  }
 
-  function getTypeIndex(type, expectedTypes) {
-    if (isArray(expectedTypes)) {
-      return expectedTypes.findIndex(t => isSameType(t, type));
-    } else if (isFunction(expectedTypes)) {
-      return isSameType(expectedTypes, type) ? 0 : -1;
-    }
+        if (props) {
+          if (forcePatchValue || !optimized || patchFlag & 16
+          /* FULL_PROPS */
+          || patchFlag & 32
+          /* HYDRATE_EVENTS */
+          ) {
+            for (var key in props) {
+              if (forcePatchValue && key.endsWith('value') || isOn(key) && !isReservedProp(key)) {
+                patchProp(el, key, null, props[key]);
+              }
+            }
+          } else if (props.onClick) {
+            // Fast path for click listeners (which is most often) to avoid
+            // iterating through props.
+            patchProp(el, 'onClick', null, props.onClick);
+          }
+        } // vnode / directive hooks
 
-    return -1;
-  }
 
-  var isInternalKey = key => key[0] === '_' || key === '$stable';
+        var vnodeHooks;
 
-  var normalizeSlotValue = value => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
+        if (vnodeHooks = props && props.onVnodeBeforeMount) {
+          invokeVNodeHook(vnodeHooks, parentComponent, vnode);
+        }
 
-  var normalizeSlot = (key, rawSlot, ctx) => {
-    var normalized = withCtx(props => {
-      return normalizeSlotValue(rawSlot(props));
-    }, ctx);
-    normalized._c = false;
-    return normalized;
-  };
+        if (dirs) {
+          invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
+        }
 
-  var normalizeObjectSlots = (rawSlots, slots, instance) => {
-    var ctx = rawSlots._ctx;
+        if ((vnodeHooks = props && props.onVnodeMounted) || dirs) {
+          queueEffectWithSuspense(() => {
+            vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
+            dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
+          }, parentSuspense);
+        } // children
 
-    for (var key in rawSlots) {
-      if (isInternalKey(key)) continue;
-      var value = rawSlots[key];
 
-      if (isFunction(value)) {
-        slots[key] = normalizeSlot(key, value, ctx);
-      } else if (value != null) {
-        (function () {
-          var normalized = normalizeSlotValue(value);
+        if (shapeFlag & 16
+        /* ARRAY_CHILDREN */
+        && // skip if element has innerHTML / textContent
+        !(props && (props.innerHTML || props.textContent))) {
+          var next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
 
-          slots[key] = () => normalized;
-        })();
+          while (next) {
+            hasMismatch = true; // The SSRed DOM contains more nodes than it should. Remove them.
+
+            var cur = next;
+            next = next.nextSibling;
+            remove(cur);
+          }
+        } else if (shapeFlag & 8
+        /* TEXT_CHILDREN */
+        ) {
+          if (el.textContent !== vnode.children) {
+            hasMismatch = true;
+            el.textContent = vnode.children;
+          }
+        }
       }
-    }
-  };
 
-  var normalizeVNodeSlots = (instance, children) => {
-    var normalized = normalizeSlotValue(children);
+      return el.nextSibling;
+    };
 
-    instance.slots.default = () => normalized;
-  };
+    var hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+      optimized = optimized || !!parentVNode.dynamicChildren;
+      var children = parentVNode.children;
+      var l = children.length;
 
-  var initSlots = (instance, children) => {
-    if (instance.vnode.shapeFlag & 32
-    /* SLOTS_CHILDREN */
-    ) {
-      var type = children._;
+      for (var i = 0; i < l; i++) {
+        var vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
 
-      if (type) {
-        // users can get the shallow readonly version of the slots object through `this.$slots`,
-        // we should avoid the proxy object polluting the slots of the internal instance
-        instance.slots = toRaw(children); // make compiler marker non-enumerable
+        if (node) {
+          node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+        } else if (vnode.type === Text && !vnode.children) {
+          continue;
+        } else {
+          hasMismatch = true; // the SSRed DOM didn't contain enough nodes. Mount the missing ones.
 
-        def(children, '_', type);
-      } else {
-        normalizeObjectSlots(children, instance.slots = {});
+          patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
+        }
       }
-    } else {
-      instance.slots = {};
 
-      if (children) {
-        normalizeVNodeSlots(instance, children);
-      }
-    }
+      return node;
+    };
 
-    def(instance.slots, InternalObjectKey, 1);
-  };
+    var hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+      var {
+        slotScopeIds: fragmentSlotScopeIds
+      } = vnode;
 
-  var updateSlots = (instance, children, optimized) => {
-    var {
-      vnode,
-      slots
-    } = instance;
-    var needDeletionCheck = true;
-    var deletionComparisonTarget = EMPTY_OBJ;
+      if (fragmentSlotScopeIds) {
+        slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
+      }
 
-    if (vnode.shapeFlag & 32
-    /* SLOTS_CHILDREN */
-    ) {
-      var type = children._;
-
-      if (type) {
-        // compiled slots.
-        if (optimized && type === 1
-        /* STABLE */
-        ) {
-          // compiled AND stable.
-          // no need to update, and skip stale slots removal.
-          needDeletionCheck = false;
-        } else {
-          // compiled but dynamic (v-if/v-for on slots) - update slots, but skip
-          // normalization.
-          extend(slots, children); // #2893
-          // when rendering the optimized slots by manually written render function,
-          // we need to delete the `slots._` flag if necessary to make subsequent updates reliable,
-          // i.e. let the `renderSlot` create the bailed Fragment
+      var container = parentNode(node);
+      var next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
 
-          if (!optimized && type === 1
-          /* STABLE */
-          ) {
-            delete slots._;
-          }
-        }
+      if (next && isComment(next) && next.data === ']') {
+        return nextSibling(vnode.anchor = next);
       } else {
-        needDeletionCheck = !children.$stable;
-        normalizeObjectSlots(children, slots);
+        // fragment didn't hydrate successfully, since we didn't get a end anchor
+        // back. This should have led to node/children mismatch warnings.
+        hasMismatch = true; // since the anchor is missing, we need to create one and insert it
+
+        insert(vnode.anchor = createComment("]", container), container, next); // fixed by xxxxxx
+
+        return next;
       }
+    };
 
-      deletionComparisonTarget = children;
-    } else if (children) {
-      // non slot object children (direct value) passed to a component
-      normalizeVNodeSlots(instance, children);
-      deletionComparisonTarget = {
-        default: 1
-      };
-    } // delete stale slots
+    var handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
+      hasMismatch = true;
+      vnode.el = null;
 
+      if (isFragment) {
+        // remove excessive fragment nodes
+        var end = locateClosingAsyncAnchor(node);
 
-    if (needDeletionCheck) {
-      for (var key in slots) {
-        if (!isInternalKey(key) && !(key in deletionComparisonTarget)) {
-          delete slots[key];
+        while (true) {
+          var _next = nextSibling(node);
+
+          if (_next && _next !== end) {
+            remove(_next);
+          } else {
+            break;
+          }
         }
       }
-    }
-  };
-  /**
-   * Adds directives to a VNode.
-   */
 
+      var next = nextSibling(node);
+      var container = parentNode(node);
+      remove(node);
+      patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
+      return next;
+    };
 
-  function withDirectives(vnode, directives) {
-    var internalInstance = currentRenderingInstance;
-
-    if (internalInstance === null) {
-      return vnode;
-    }
+    var locateClosingAsyncAnchor = node => {
+      var match = 0;
 
-    var instance = internalInstance.proxy;
-    var bindings = vnode.dirs || (vnode.dirs = []);
+      while (node) {
+        node = nextSibling(node);
 
-    for (var i = 0; i < directives.length; i++) {
-      var [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
+        if (node && isComment(node)) {
+          if (node.data === '[') match++;
 
-      if (isFunction(dir)) {
-        dir = {
-          mounted: dir,
-          updated: dir
-        };
+          if (node.data === ']') {
+            if (match === 0) {
+              return nextSibling(node);
+            } else {
+              match--;
+            }
+          }
+        }
       }
 
-      bindings.push({
-        dir,
-        instance,
-        value,
-        oldValue: void 0,
-        arg,
-        modifiers
-      });
-    }
+      return node;
+    };
 
-    return vnode;
+    return [hydrate, hydrateNode];
   }
 
-  function invokeDirectiveHook(vnode, prevVNode, instance, name) {
-    var bindings = vnode.dirs;
-    var oldBindings = prevVNode && prevVNode.dirs;
+  var queuePostRenderEffect = queueEffectWithSuspense;
+  /**
+   * The createRenderer function accepts two generic arguments:
+   * HostNode and HostElement, corresponding to Node and Element types in the
+   * host environment. For example, for runtime-dom, HostNode would be the DOM
+   * `Node` interface and HostElement would be the DOM `Element` interface.
+   *
+   * Custom renderers can pass in the platform specific types like this:
+   *
+   * ``` js
+   * const { render, createApp } = createRenderer<Node, Element>({
+   *   patchProp,
+   *   ...nodeOps
+   * })
+   * ```
+   */
 
-    for (var i = 0; i < bindings.length; i++) {
-      var binding = bindings[i];
+  function createRenderer(options) {
+    return baseCreateRenderer(options);
+  } // Separate API for creating hydration-enabled renderer.
+  // Hydration logic is only used when calling this function, making it
+  // tree-shakable.
 
-      if (oldBindings) {
-        binding.oldValue = oldBindings[i].value;
-      }
 
-      var hook = binding.dir[name];
+  function createHydrationRenderer(options) {
+    return baseCreateRenderer(options, createHydrationFunctions);
+  } // implementation
 
-      if (hook) {
-        // disable tracking inside all lifecycle hooks
-        // since they can potentially be called inside effects.
-        pauseTracking();
-        callWithAsyncErrorHandling(hook, instance, 8
-        /* DIRECTIVE_HOOK */
-        , [vnode.el, binding, vnode, prevVNode]);
-        resetTracking();
-      }
-    }
-  }
 
-  function createAppContext() {
-    return {
-      app: null,
-      config: {
-        isNativeTag: NO,
-        performance: false,
-        globalProperties: {},
-        optionMergeStrategies: {},
-        errorHandler: undefined,
-        warnHandler: undefined,
-        compilerOptions: {}
-      },
-      mixins: [],
-      components: {},
-      directives: {},
-      provides: Object.create(null),
-      optionsCache: new WeakMap(),
-      propsCache: new WeakMap(),
-      emitsCache: new WeakMap()
-    };
-  }
+  function baseCreateRenderer(options, createHydrationFns) {
+    var {
+      insert: hostInsert,
+      remove: hostRemove,
+      patchProp: hostPatchProp,
+      forcePatchProp: hostForcePatchProp,
+      // fixed by xxxxxx
+      createElement: hostCreateElement,
+      createText: hostCreateText,
+      createComment: hostCreateComment,
+      setText: hostSetText,
+      setElementText: hostSetElementText,
+      parentNode: hostParentNode,
+      nextSibling: hostNextSibling,
+      setScopeId: hostSetScopeId = NOOP,
+      cloneNode: hostCloneNode,
+      insertStaticContent: hostInsertStaticContent
+    } = options; // Note: functions inside this closure should use `const xxx = () => {}`
+    // style in order to prevent being inlined by minifiers.
 
-  var uid$1 = 0;
+    var patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = !!n2.dynamicChildren) => {
+      if (n1 === n2) {
+        return;
+      } // patching & not same type, unmount old tree
 
-  function createAppAPI(render, hydrate) {
-    return function createApp(rootComponent, rootProps = null) {
-      if (rootProps != null && !isObject(rootProps)) {
-        rootProps = null;
+
+      if (n1 && !isSameVNodeType(n1, n2)) {
+        anchor = getNextHostNode(n1);
+        unmount(n1, parentComponent, parentSuspense, true);
+        n1 = null;
       }
 
-      var context = createAppContext();
-      var installedPlugins = new Set();
-      var isMounted = false;
-      var app = context.app = {
-        _uid: uid$1++,
-        _component: rootComponent,
-        _props: rootProps,
-        _container: null,
-        _context: context,
-        _instance: null,
-        version,
+      if (n2.patchFlag === -2
+      /* BAIL */
+      ) {
+        optimized = false;
+        n2.dynamicChildren = null;
+      }
 
-        get config() {
-          return context.config;
-        },
+      var {
+        type,
+        ref,
+        shapeFlag
+      } = n2;
 
-        set config(v) {},
+      switch (type) {
+        case Text:
+          processText(n1, n2, container, anchor);
+          break;
 
-        use(plugin, ...options) {
-          if (installedPlugins.has(plugin)) ;else if (plugin && isFunction(plugin.install)) {
-            installedPlugins.add(plugin);
-            plugin.install(app, ...options);
-          } else if (isFunction(plugin)) {
-            installedPlugins.add(plugin);
-            plugin(app, ...options);
-          } else ;
-          return app;
-        },
+        case Comment$1:
+          processCommentNode(n1, n2, container, anchor);
+          break;
 
-        mixin(mixin) {
-          {
-            if (!context.mixins.includes(mixin)) {
-              context.mixins.push(mixin);
-            }
-          }
-          return app;
-        },
-
-        component(name, component) {
-          if (!component) {
-            return context.components[name];
+        case Static:
+          if (n1 == null) {
+            mountStaticNode(n2, container, anchor, isSVG);
           }
 
-          context.components[name] = component;
-          return app;
-        },
-
-        directive(name, directive) {
-          if (!directive) {
-            return context.directives[name];
-          }
+          break;
 
-          context.directives[name] = directive;
-          return app;
-        },
+        case Fragment:
+          processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          break;
 
-        mount(rootContainer, isHydrate, isSVG) {
-          if (!isMounted) {
-            var vnode = createVNode(rootComponent, rootProps); // store app context on the root VNode.
-            // this will be set on the root instance on initial mount.
+        default:
+          if (shapeFlag & 1
+          /* ELEMENT */
+          ) {
+            processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          } else if (shapeFlag & 6
+          /* COMPONENT */
+          ) {
+            processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          } else if (shapeFlag & 64
+          /* TELEPORT */
+          ) {
+            type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+          } else if (shapeFlag & 128
+          /* SUSPENSE */
+          ) {
+            type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+          } else ;
 
-            vnode.appContext = context;
+      } // set ref
 
-            if (isHydrate && hydrate) {
-              hydrate(vnode, rootContainer);
-            } else {
-              render(vnode, rootContainer, isSVG);
-            }
 
-            isMounted = true;
-            app._container = rootContainer;
-            rootContainer.__vue_app__ = app;
-            return vnode.component.proxy;
-          }
-        },
+      if (ref != null && parentComponent) {
+        setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
+      }
+    };
 
-        unmount() {
-          if (isMounted) {
-            render(null, app._container);
-            delete app._container.__vue_app__;
-          }
-        },
+    var processText = (n1, n2, container, anchor) => {
+      if (n1 == null) {
+        hostInsert(n2.el = hostCreateText(n2.children, container), // fixed by xxxxxx
+        container, anchor);
+      } else {
+        var el = n2.el = n1.el;
 
-        provide(key, value) {
-          // TypeScript doesn't allow symbols as index type
-          // https://github.com/Microsoft/TypeScript/issues/24587
-          context.provides[key] = value;
-          return app;
+        if (n2.children !== n1.children) {
+          hostSetText(el, n2.children);
         }
-
-      };
-      return app;
+      }
     };
-  }
-
-  var hasMismatch = false;
 
-  var isSVGContainer = container => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject';
+    var processCommentNode = (n1, n2, container, anchor) => {
+      if (n1 == null) {
+        hostInsert(n2.el = hostCreateComment(n2.children || '', container), // fixed by xxxxxx
+        container, anchor);
+      } else {
+        // there's no support for dynamic comments
+        n2.el = n1.el;
+      }
+    };
 
-  var isComment = node => node.nodeType === 8
-  /* COMMENT */
-  ; // Note: hydration is DOM-specific
-  // But we have to place it in core due to tight coupling with core - splitting
-  // it out creates a ton of unnecessary complexity.
-  // Hydration also depends on some renderer internal logic which needs to be
-  // passed in via arguments.
+    var mountStaticNode = (n2, container, anchor, isSVG) => {
+      [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
+    };
 
+    var moveStaticNode = ({
+      el,
+      anchor
+    }, container, nextSibling) => {
+      var next;
 
-  function createHydrationFunctions(rendererInternals) {
-    var {
-      mt: mountComponent,
-      p: patch,
-      o: {
-        patchProp,
-        nextSibling,
-        parentNode,
-        remove,
-        insert,
-        createComment
+      while (el && el !== anchor) {
+        next = hostNextSibling(el);
+        hostInsert(el, container, nextSibling);
+        el = next;
       }
-    } = rendererInternals;
 
-    var hydrate = (vnode, container) => {
-      if (!container.hasChildNodes()) {
-        patch(null, vnode, container);
-        flushPostFlushCbs();
-        return;
-      }
+      hostInsert(anchor, container, nextSibling);
+    };
 
-      hasMismatch = false;
-      hydrateNode(container.firstChild, vnode, null, null, null);
-      flushPostFlushCbs();
+    var removeStaticNode = ({
+      el,
+      anchor
+    }) => {
+      var next;
 
-      if (hasMismatch && !false) {
-        // this error should show up in production
-        console.error("Hydration completed but contains mismatches.");
+      while (el && el !== anchor) {
+        next = hostNextSibling(el);
+        hostRemove(el);
+        el = next;
       }
+
+      hostRemove(anchor);
     };
 
-    var hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
-      var isFragmentStart = isComment(node) && node.data === '[';
+    var processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      isSVG = isSVG || n2.type === 'svg';
 
-      var onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
+      if (n1 == null) {
+        mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+      } else {
+        patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+      }
+    };
 
+    var mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      var el;
+      var vnodeHook;
       var {
         type,
-        ref,
-        shapeFlag
+        props,
+        shapeFlag,
+        transition,
+        patchFlag,
+        dirs
       } = vnode;
-      var domType = node.nodeType;
-      vnode.el = node;
-      var nextNode = null;
 
-      switch (type) {
-        case Text:
-          if (domType !== 3
-          /* TEXT */
-          ) {
-            nextNode = onMismatch();
-          } else {
-            if (node.data !== vnode.children) {
-              hasMismatch = true;
-              node.data = vnode.children;
-            }
+      if (vnode.el && hostCloneNode !== undefined && patchFlag === -1
+      /* HOISTED */
+      ) {
+        // If a vnode has non-null el, it means it's being reused.
+        // Only static vnodes can be reused, so its mounted DOM nodes should be
+        // exactly the same, and we can simply do a clone here.
+        // only do this in production since cloned trees cannot be HMR updated.
+        el = vnode.el = hostCloneNode(vnode.el);
+      } else {
+        el = vnode.el = hostCreateElement( // fixed by xxxxxx
+        vnode.type, container); // mount children first, since some props may rely on child content
+        // being already rendered, e.g. `<select value>`
 
-            nextNode = nextSibling(node);
-          }
+        if (shapeFlag & 8
+        /* TEXT_CHILDREN */
+        ) {
+          hostSetElementText(el, vnode.children);
+        } else if (shapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
+        }
 
-          break;
+        if (dirs) {
+          invokeDirectiveHook(vnode, null, parentComponent, 'created');
+        } // props
 
-        case Comment$1:
-          if (domType !== 8
-          /* COMMENT */
-          || isFragmentStart) {
-            nextNode = onMismatch();
-          } else {
-            nextNode = nextSibling(node);
+
+        if (props) {
+          for (var key in props) {
+            if (key !== 'value' && !isReservedProp(key)) {
+              hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+            }
+          }
+          /**
+           * Special case for setting value on DOM elements:
+           * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+           * - it needs to be forced (#1471)
+           * #2353 proposes adding another renderer option to configure this, but
+           * the properties affects are so finite it is worth special casing it
+           * here to reduce the complexity. (Special casing it also should not
+           * affect non-DOM renderers)
+           */
+
+
+          if ('value' in props) {
+            hostPatchProp(el, 'value', null, props.value);
           }
 
-          break;
+          if (vnodeHook = props.onVnodeBeforeMount) {
+            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+          }
+        } // scopeId
 
-        case Static:
-          if (domType !== 1
-          /* ELEMENT */
-          ) {
-            nextNode = onMismatch();
-          } else {
-            // determine anchor, adopt content
-            nextNode = node; // if the static vnode has its content stripped during build,
-            // adopt it from the server-rendered HTML.
 
-            var needToAdoptContent = !vnode.children.length;
+        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
+      }
 
-            for (var i = 0; i < vnode.staticCount; i++) {
-              if (needToAdoptContent) vnode.children += nextNode.outerHTML;
+      if (dirs) {
+        invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
+      } // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved
+      // #1689 For inside suspense + suspense resolved case, just call it
 
-              if (i === vnode.staticCount - 1) {
-                vnode.anchor = nextNode;
-              }
-
-              nextNode = nextSibling(nextNode);
-            }
-
-            return nextNode;
-          }
-
-          break;
 
-        case Fragment:
-          if (!isFragmentStart) {
-            nextNode = onMismatch();
-          } else {
-            nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-          }
+      var needCallTransitionHooks = (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
 
-          break;
+      if (needCallTransitionHooks) {
+        transition.beforeEnter(el);
+      }
 
-        default:
-          if (shapeFlag & 1
-          /* ELEMENT */
-          ) {
-            if (domType !== 1
-            /* ELEMENT */
-            || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) {
-              nextNode = onMismatch();
-            } else {
-              nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-            }
-          } else if (shapeFlag & 6
-          /* COMPONENT */
-          ) {
-            // when setting up the render effect, if the initial vnode already
-            // has .el set, the component will perform hydration instead of mount
-            // on its sub-tree.
-            vnode.slotScopeIds = slotScopeIds;
-            var container = parentNode(node);
-            mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); // component may be async, so in the case of fragments we cannot rely
-            // on component's rendered output to determine the end of the fragment
-            // instead, we do a lookahead to find the end anchor node.
+      hostInsert(el, container, anchor);
 
-            nextNode = isFragmentStart ? locateClosingAsyncAnchor(node) : nextSibling(node); // #3787
-            // if component is async, it may get moved / unmounted before its
-            // inner component is loaded, so we need to give it a placeholder
-            // vnode that matches its adopted DOM.
+      if ((vnodeHook = props && props.onVnodeMounted) || needCallTransitionHooks || dirs) {
+        queuePostRenderEffect(() => {
+          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+          needCallTransitionHooks && transition.enter(el);
+          dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
+        }, parentSuspense);
+      }
+    };
 
-            if (isAsyncWrapper(vnode)) {
-              var subTree;
+    var setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
+      if (scopeId) {
+        hostSetScopeId(el, scopeId);
+      }
 
-              if (isFragmentStart) {
-                subTree = createVNode(Fragment);
-                subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
-              } else {
-                subTree = node.nodeType === 3 ? createTextVNode('') : createVNode('div');
-              }
+      if (slotScopeIds) {
+        for (var i = 0; i < slotScopeIds.length; i++) {
+          hostSetScopeId(el, slotScopeIds[i]);
+        }
+      }
 
-              subTree.el = node;
-              vnode.component.subTree = subTree;
-            }
-          } else if (shapeFlag & 64
-          /* TELEPORT */
-          ) {
-            if (domType !== 8
-            /* COMMENT */
-            ) {
-              nextNode = onMismatch();
-            } else {
-              nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
-            }
-          } else if (shapeFlag & 128
-          /* SUSPENSE */
-          ) {
-            nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
-          } else ;
+      if (parentComponent) {
+        var subTree = parentComponent.subTree;
 
+        if (vnode === subTree) {
+          var parentVNode = parentComponent.vnode;
+          setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
+        }
       }
+    };
 
-      if (ref != null) {
-        setRef(ref, null, parentSuspense, vnode);
+    var mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
+      for (var i = start; i < children.length; i++) {
+        var child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
+        patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
       }
-
-      return nextNode;
     };
 
-    var hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-      optimized = optimized || !!vnode.dynamicChildren;
+    var patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      var el = n2.el = n1.el;
       var {
-        type,
-        props,
         patchFlag,
-        shapeFlag,
+        dynamicChildren,
         dirs
-      } = vnode; // #4006 for form elements with non-string v-model value bindings
-      // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
+      } = n2; // #1426 take the old vnode's patch flag into account since user may clone a
+      // compiler-generated vnode, which de-opts to FULL_PROPS
 
-      var forcePatchValue = type === 'input' && dirs || type === 'option'; // skip props & children if this is hoisted static nodes
+      patchFlag |= n1.patchFlag & 16
+      /* FULL_PROPS */
+      ;
+      var oldProps = n1.props || EMPTY_OBJ;
+      var newProps = n2.props || EMPTY_OBJ;
+      var vnodeHook;
 
-      if (forcePatchValue || patchFlag !== -1
-      /* HOISTED */
-      ) {
-        if (dirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, 'created');
-        } // props
+      if (vnodeHook = newProps.onVnodeBeforeUpdate) {
+        invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+      }
 
+      if (dirs) {
+        invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
+      }
 
-        if (props) {
-          if (forcePatchValue || !optimized || patchFlag & 16
-          /* FULL_PROPS */
-          || patchFlag & 32
-          /* HYDRATE_EVENTS */
+      if (patchFlag > 0) {
+        // the presence of a patchFlag means this element's render code was
+        // generated by the compiler and can take the fast path.
+        // in this path old node and new node are guaranteed to have the same shape
+        // (i.e. at the exact same position in the source template)
+        if (patchFlag & 16
+        /* FULL_PROPS */
+        ) {
+          // element props contain dynamic keys, full diff needed
+          patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+        } else {
+          // class
+          // this flag is matched when the element has dynamic class bindings.
+          if (patchFlag & 2
+          /* CLASS */
           ) {
-            for (var key in props) {
-              if (forcePatchValue && key.endsWith('value') || isOn(key) && !isReservedProp(key)) {
-                patchProp(el, key, null, props[key]);
-              }
+            if (oldProps.class !== newProps.class) {
+              hostPatchProp(el, 'class', null, newProps.class, isSVG);
             }
-          } else if (props.onClick) {
-            // Fast path for click listeners (which is most often) to avoid
-            // iterating through props.
-            patchProp(el, 'onClick', null, props.onClick);
-          }
-        } // vnode / directive hooks
-
+          } // style
+          // this flag is matched when the element has dynamic style bindings
 
-        var vnodeHooks;
 
-        if (vnodeHooks = props && props.onVnodeBeforeMount) {
-          invokeVNodeHook(vnodeHooks, parentComponent, vnode);
-        }
+          if (patchFlag & 4
+          /* STYLE */
+          ) {
+            hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG);
+          } // props
+          // This flag is matched when the element has dynamic prop/attr bindings
+          // other than class and style. The keys of dynamic prop/attrs are saved for
+          // faster iteration.
+          // Note dynamic keys like :[foo]="bar" will cause this optimization to
+          // bail out and go through a full diff because we need to unset the old key
 
-        if (dirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
-        }
 
-        if ((vnodeHooks = props && props.onVnodeMounted) || dirs) {
-          queueEffectWithSuspense(() => {
-            vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
-            dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
-          }, parentSuspense);
-        } // children
+          if (patchFlag & 8
+          /* PROPS */
+          ) {
+            // if the flag is present then dynamicProps must be non-null
+            var propsToUpdate = n2.dynamicProps;
 
+            for (var i = 0; i < propsToUpdate.length; i++) {
+              var key = propsToUpdate[i];
+              var prev = oldProps[key];
+              var next = newProps[key]; // #1471 force patch value
 
-        if (shapeFlag & 16
-        /* ARRAY_CHILDREN */
-        && // skip if element has innerHTML / textContent
-        !(props && (props.innerHTML || props.textContent))) {
-          var next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
+              if (next !== prev || key === 'value' || hostForcePatchProp && hostForcePatchProp(el, key) // fixed by xxxxxx
+              ) {
+                hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
+              }
+            }
+          }
+        } // text
+        // This flag is matched when the element has only dynamic text children.
 
-          while (next) {
-            hasMismatch = true; // The SSRed DOM contains more nodes than it should. Remove them.
 
-            var cur = next;
-            next = next.nextSibling;
-            remove(cur);
-          }
-        } else if (shapeFlag & 8
-        /* TEXT_CHILDREN */
+        if (patchFlag & 1
+        /* TEXT */
         ) {
-          if (el.textContent !== vnode.children) {
-            hasMismatch = true;
-            el.textContent = vnode.children;
+          if (n1.children !== n2.children) {
+            hostSetElementText(el, n2.children);
           }
         }
+      } else if (!optimized && dynamicChildren == null) {
+        // unoptimized, full diff
+        patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
       }
 
-      return el.nextSibling;
-    };
-
-    var hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-      optimized = optimized || !!parentVNode.dynamicChildren;
-      var children = parentVNode.children;
-      var l = children.length;
-
-      for (var i = 0; i < l; i++) {
-        var vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
-
-        if (node) {
-          node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-        } else if (vnode.type === Text && !vnode.children) {
-          continue;
-        } else {
-          hasMismatch = true; // the SSRed DOM didn't contain enough nodes. Mount the missing ones.
+      var areChildrenSVG = isSVG && n2.type !== 'foreignObject';
 
-          patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
-        }
+      if (dynamicChildren) {
+        patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
+      } else if (!optimized) {
+        // full diff
+        patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
       }
 
-      return node;
-    };
-
-    var hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-      var {
-        slotScopeIds: fragmentSlotScopeIds
-      } = vnode;
-
-      if (fragmentSlotScopeIds) {
-        slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
+      if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
+        queuePostRenderEffect(() => {
+          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+          dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated');
+        }, parentSuspense);
       }
+    }; // The fast path for blocks.
 
-      var container = parentNode(node);
-      var next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
-
-      if (next && isComment(next) && next.data === ']') {
-        return nextSibling(vnode.anchor = next);
-      } else {
-        // fragment didn't hydrate successfully, since we didn't get a end anchor
-        // back. This should have led to node/children mismatch warnings.
-        hasMismatch = true; // since the anchor is missing, we need to create one and insert it
 
-        insert(vnode.anchor = createComment("]", container), container, next); // fixed by xxxxxx
+    var patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
+      for (var i = 0; i < newChildren.length; i++) {
+        var oldVNode = oldChildren[i];
+        var newVNode = newChildren[i]; // Determine the container (parent element) for the patch.
 
-        return next;
+        var container = // oldVNode may be an errored async setup() component inside Suspense
+        // which will not have a mounted element
+        oldVNode.el && (oldVNode.type === Fragment || // - In the case of different nodes, there is going to be a replacement
+        // which also requires the correct parent container
+        !isSameVNodeType(oldVNode, newVNode) || // - In the case of a component, it could contain anything.
+        oldVNode.shapeFlag & 6
+        /* COMPONENT */
+        || oldVNode.shapeFlag & 64
+        /* TELEPORT */
+        ) ? hostParentNode(oldVNode.el) : // In other cases, the parent container is not actually used so we
+        // just pass the block element here to avoid a DOM parentNode call.
+        fallbackContainer;
+        patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
       }
     };
 
-    var handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-      hasMismatch = true;
-      vnode.el = null;
-
-      if (isFragment) {
-        // remove excessive fragment nodes
-        var end = locateClosingAsyncAnchor(node);
+    var patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
+      if (oldProps !== newProps) {
+        for (var key in newProps) {
+          // empty string is not valid prop
+          if (isReservedProp(key)) continue;
+          var next = newProps[key];
+          var prev = oldProps[key]; // defer patching value
 
-        while (true) {
-          var _next = nextSibling(node);
+          if (next !== prev && key !== 'value' || hostForcePatchProp && hostForcePatchProp(el, key) // fixed by xxxxxx
+          ) {
+            hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+          }
+        }
 
-          if (_next && _next !== end) {
-            remove(_next);
-          } else {
-            break;
+        if (oldProps !== EMPTY_OBJ) {
+          for (var _key7 in oldProps) {
+            if (!isReservedProp(_key7) && !(_key7 in newProps)) {
+              hostPatchProp(el, _key7, oldProps[_key7], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+            }
           }
         }
-      }
 
-      var next = nextSibling(node);
-      var container = parentNode(node);
-      remove(node);
-      patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
-      return next;
+        if ('value' in newProps) {
+          hostPatchProp(el, 'value', oldProps.value, newProps.value);
+        }
+      }
     };
 
-    var locateClosingAsyncAnchor = node => {
-      var match = 0;
+    var processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      var fragmentStartAnchor = n2.el = n1 ? n1.el : hostCreateText('', container); // fixed by xxxxxx
 
-      while (node) {
-        node = nextSibling(node);
+      var fragmentEndAnchor = n2.anchor = n1 ? n1.anchor : hostCreateText('', container); // fixed by xxxxxx
 
-        if (node && isComment(node)) {
-          if (node.data === '[') match++;
+      var {
+        patchFlag,
+        dynamicChildren,
+        slotScopeIds: fragmentSlotScopeIds
+      } = n2; // check if this is a slot fragment with :slotted scope ids
 
-          if (node.data === ']') {
-            if (match === 0) {
-              return nextSibling(node);
-            } else {
-              match--;
-            }
+      if (fragmentSlotScopeIds) {
+        slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
+      }
+
+      if (n1 == null) {
+        hostInsert(fragmentStartAnchor, container, anchor);
+        hostInsert(fragmentEndAnchor, container, anchor); // a fragment can only have array children
+        // since they are either generated by the compiler, or implicitly created
+        // from arrays.
+
+        mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+      } else {
+        if (patchFlag > 0 && patchFlag & 64
+        /* STABLE_FRAGMENT */
+        && dynamicChildren && // #2715 the previous fragment could've been a BAILed one as a result
+        // of renderSlot() with no valid children
+        n1.dynamicChildren) {
+          // a stable fragment (template root or <template v-for>) doesn't need to
+          // patch children order, but it may contain dynamicChildren.
+          patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
+
+          if ( // #2080 if the stable fragment has a key, it's a <template v-for> that may
+          //  get moved around. Make sure all root level vnodes inherit el.
+          // #2134 or if it's a component root, it may also get moved around
+          // as the component is being moved.
+          n2.key != null || parentComponent && n2 === parentComponent.subTree) {
+            traverseStaticChildren(n1, n2, true
+            /* shallow */
+            );
           }
+        } else {
+          // keyed / unkeyed, or manual fragments.
+          // for keyed & unkeyed, since they are compiler generated from v-for,
+          // each child is guaranteed to be a block so the fragment will never
+          // have dynamicChildren.
+          patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
       }
-
-      return node;
     };
 
-    return [hydrate, hydrateNode];
-  }
+    var processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      n2.slotScopeIds = slotScopeIds;
 
-  var prodEffectOptions = {
-    scheduler: queueJob,
-    // #1801, #2043 component render effects should allow recursive updates
-    allowRecurse: true
-  };
-  var queuePostRenderEffect = queueEffectWithSuspense;
+      if (n1 == null) {
+        if (n2.shapeFlag & 512
+        /* COMPONENT_KEPT_ALIVE */
+        ) {
+          parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
+        } else {
+          mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+        }
+      } else {
+        updateComponent(n1, n2, optimized);
+      }
+    };
 
-  var setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (isArray(rawRef)) {
-      rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-      return;
-    }
+    var mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+      var instance = initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense); // inject renderer internals for keepAlive
 
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-      // when mounting async components, nothing needs to be done,
-      // because the template ref is forwarded to inner component
-      return;
-    }
+      if (isKeepAlive(initialVNode)) {
+        instance.ctx.renderer = internals;
+      } // resolve props and slots for setup context
 
-    var refValue = vnode.shapeFlag & 4
-    /* STATEFUL_COMPONENT */
-    ? getExposeProxy(vnode.component) || vnode.component.proxy : vnode.el;
-    var value = isUnmount ? null : refValue;
-    var {
-      i: owner,
-      r: ref
-    } = rawRef;
-    var oldRef = oldRawRef && oldRawRef.r;
-    var refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
-    var setupState = owner.setupState; // dynamic ref changed. unset old ref
 
-    if (oldRef != null && oldRef !== ref) {
-      if (isString(oldRef)) {
-        refs[oldRef] = null;
+      {
+        setupComponent(instance);
+      } // setup() is async. This component relies on async logic to be resolved
+      // before proceeding
 
-        if (hasOwn(setupState, oldRef)) {
-          setupState[oldRef] = null;
+      if (instance.asyncDep) {
+        parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect); // Give it a placeholder if this is not hydration
+        // TODO handle self-defined fallback
+
+        if (!initialVNode.el) {
+          var placeholder = instance.subTree = createVNode(Comment$1);
+          processCommentNode(null, placeholder, container, anchor);
         }
-      } else if (isRef(oldRef)) {
-        oldRef.value = null;
+
+        return;
       }
-    }
 
-    if (isString(ref)) {
-      var doSet = () => {
-        {
-          refs[ref] = value;
-        }
+      setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized); // fixed by xxxxxx 对根节点设置ownerid
 
-        if (hasOwn(setupState, ref)) {
-          setupState[ref] = value;
+      if (instance.$wxsModules) {
+        var el = resolveOwnerEl(instance);
+
+        if (el) {
+          el.setAttribute(ATTR_V_OWNER_ID, instance.uid);
+          var {
+            $renderjsModules
+          } = instance.type;
+          $renderjsModules && el.setAttribute(ATTR_V_RENDERJS, $renderjsModules);
         }
-      }; // #1789: for non-null values, set them after render
-      // null values means this is unmount and it should not overwrite another
-      // ref with the same key
+      }
+    };
+
+    var updateComponent = (n1, n2, optimized) => {
+      var instance = n2.component = n1.component;
 
+      if (shouldUpdateComponent(n1, n2, optimized)) {
+        if (instance.asyncDep && !instance.asyncResolved) {
+          updateComponentPreRender(instance, n2, optimized);
+          return;
+        } else {
+          // normal update
+          instance.next = n2; // in case the child component is also queued, remove it to avoid
+          // double updating the same child component in the same flush.
 
-      if (value) {
-        doSet.id = -1;
-        queuePostRenderEffect(doSet, parentSuspense);
-      } else {
-        doSet();
-      }
-    } else if (isRef(ref)) {
-      var _doSet = () => {
-        ref.value = value;
-      };
+          invalidateJob(instance.update); // instance.update is the reactive effect.
 
-      if (value) {
-        _doSet.id = -1;
-        queuePostRenderEffect(_doSet, parentSuspense);
+          instance.update();
+        }
       } else {
-        _doSet();
+        // no update needed. just copy over properties
+        n2.component = n1.component;
+        n2.el = n1.el;
+        instance.vnode = n2;
       }
-    } else if (isFunction(ref)) {
-      callWithErrorHandling(ref, owner, 12
-      /* FUNCTION_REF */
-      , [value, refs]);
-    } else ;
-  };
-  /**
-   * The createRenderer function accepts two generic arguments:
-   * HostNode and HostElement, corresponding to Node and Element types in the
-   * host environment. For example, for runtime-dom, HostNode would be the DOM
-   * `Node` interface and HostElement would be the DOM `Element` interface.
-   *
-   * Custom renderers can pass in the platform specific types like this:
-   *
-   * ``` js
-   * const { render, createApp } = createRenderer<Node, Element>({
-   *   patchProp,
-   *   ...nodeOps
-   * })
-   * ```
-   */
+    };
 
+    var setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
+      var componentUpdateFn = () => {
+        if (!instance.isMounted) {
+          var vnodeHook;
+          var {
+            el,
+            props
+          } = initialVNode;
+          var {
+            bm,
+            m,
+            parent
+          } = instance;
+          effect.allowRecurse = false; // beforeMount hook
 
-  function createRenderer(options) {
-    return baseCreateRenderer(options);
-  } // Separate API for creating hydration-enabled renderer.
-  // Hydration logic is only used when calling this function, making it
-  // tree-shakable.
+          if (bm) {
+            invokeArrayFns(bm);
+          } // onVnodeBeforeMount
 
 
-  function createHydrationRenderer(options) {
-    return baseCreateRenderer(options, createHydrationFunctions);
-  } // implementation
+          if (vnodeHook = props && props.onVnodeBeforeMount) {
+            invokeVNodeHook(vnodeHook, parent, initialVNode);
+          }
 
+          effect.allowRecurse = true;
 
-  function baseCreateRenderer(options, createHydrationFns) {
-    var {
-      insert: hostInsert,
-      remove: hostRemove,
-      patchProp: hostPatchProp,
-      forcePatchProp: hostForcePatchProp,
-      createElement: hostCreateElement,
-      createText: hostCreateText,
-      createComment: hostCreateComment,
-      setText: hostSetText,
-      setElementText: hostSetElementText,
-      parentNode: hostParentNode,
-      nextSibling: hostNextSibling,
-      setScopeId: hostSetScopeId = NOOP,
-      cloneNode: hostCloneNode,
-      insertStaticContent: hostInsertStaticContent
-    } = options; // Note: functions inside this closure should use `const xxx = () => {}`
-    // style in order to prevent being inlined by minifiers.
+          if (el && hydrateNode) {
+            // vnode has adopted host node - perform hydration instead of mount.
+            var hydrateSubTree = () => {
+              instance.subTree = renderComponentRoot(instance);
+              hydrateNode(el, instance.subTree, instance, parentSuspense, null);
+            };
 
-    var patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
-      // patching & not same type, unmount old tree
-      if (n1 && !isSameVNodeType(n1, n2)) {
-        anchor = getNextHostNode(n1);
-        unmount(n1, parentComponent, parentSuspense, true);
-        n1 = null;
-      }
+            if (isAsyncWrapper(initialVNode)) {
+              initialVNode.type.__asyncLoader().then( // note: we are moving the render call into an async callback,
+              // which means it won't track dependencies - but it's ok because
+              // a server-rendered async wrapper is already in resolved state
+              // and it will never need to change.
+              () => !instance.isUnmounted && hydrateSubTree());
+            } else {
+              hydrateSubTree();
+            }
+          } else {
+            var subTree = instance.subTree = renderComponentRoot(instance);
+            patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
+            initialVNode.el = subTree.el;
+          } // mounted hook
 
-      if (n2.patchFlag === -2
-      /* BAIL */
-      ) {
-        optimized = false;
-        n2.dynamicChildren = null;
-      }
 
-      var {
-        type,
-        ref,
-        shapeFlag
-      } = n2;
+          if (m) {
+            queuePostRenderEffect(m, parentSuspense);
+          } // onVnodeMounted
 
-      switch (type) {
-        case Text:
-          processText(n1, n2, container, anchor);
-          break;
 
-        case Comment$1:
-          processCommentNode(n1, n2, container, anchor);
-          break;
+          if (vnodeHook = props && props.onVnodeMounted) {
+            var scopedInitialVNode = initialVNode;
+            queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
+          } // activated hook for keep-alive roots.
+          // #1742 activated hook must be accessed after first render
+          // since the hook may be injected by a child keep-alive
 
-        case Static:
-          if (n1 == null) {
-            mountStaticNode(n2, container, anchor, isSVG);
+
+          if (initialVNode.shapeFlag & 256
+          /* COMPONENT_SHOULD_KEEP_ALIVE */
+          ) {
+            instance.a && queuePostRenderEffect(instance.a, parentSuspense);
           }
 
-          break;
+          instance.isMounted = true; // #2458: deference mount-only object parameters to prevent memleaks
 
-        case Fragment:
-          processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          break;
+          initialVNode = container = anchor = null;
+        } else {
+          // updateComponent
+          // This is triggered by mutation of component's own state (next: null)
+          // OR parent calling processComponent (next: VNode)
+          var {
+            next,
+            bu,
+            u,
+            parent: _parent,
+            vnode
+          } = instance;
+          var originNext = next;
 
-        default:
-          if (shapeFlag & 1
-          /* ELEMENT */
-          ) {
-            processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          } else if (shapeFlag & 6
-          /* COMPONENT */
-          ) {
-            processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          } else if (shapeFlag & 64
-          /* TELEPORT */
-          ) {
-            type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
-          } else if (shapeFlag & 128
-          /* SUSPENSE */
-          ) {
-            type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
-          } else ;
+          var _vnodeHook;
 
-      } // set ref
+          if (next) {
+            next.el = vnode.el;
+            updateComponentPreRender(instance, next, optimized);
+          } else {
+            next = vnode;
+          } // Disallow component effect recursion during pre-lifecycle hooks.
 
 
-      if (ref != null && parentComponent) {
-        setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
-      }
-    };
+          effect.allowRecurse = false; // beforeUpdate hook
 
-    var processText = (n1, n2, container, anchor) => {
-      if (n1 == null) {
-        hostInsert(n2.el = hostCreateText(n2.children, container), // fixed by xxxxxx
-        container, anchor);
-      } else {
-        var el = n2.el = n1.el;
+          if (bu) {
+            invokeArrayFns(bu);
+          } // onVnodeBeforeUpdate
 
-        if (n2.children !== n1.children) {
-          hostSetText(el, n2.children);
-        }
-      }
-    };
 
-    var processCommentNode = (n1, n2, container, anchor) => {
-      if (n1 == null) {
-        hostInsert(n2.el = hostCreateComment(n2.children || '', container), // fixed by xxxxxx
-        container, anchor);
-      } else {
-        // there's no support for dynamic comments
-        n2.el = n1.el;
-      }
-    };
+          if (_vnodeHook = next.props && next.props.onVnodeBeforeUpdate) {
+            invokeVNodeHook(_vnodeHook, _parent, next, vnode);
+          }
 
-    var mountStaticNode = (n2, container, anchor, isSVG) => {
-      // static nodes are only present when used with compiler-dom/runtime-dom
-      // which guarantees presence of hostInsertStaticContent.
-      var nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, // pass cached nodes if the static node is being mounted multiple times
-      // so that runtime-dom can simply cloneNode() instead of inserting new
-      // HTML
-      n2.staticCache); // first mount - this is the orignal hoisted vnode. cache nodes.
+          effect.allowRecurse = true;
+          var nextTree = renderComponentRoot(instance);
+          var prevTree = instance.subTree;
+          instance.subTree = nextTree;
+          patch(prevTree, nextTree, // parent may have changed if it's in a teleport
+          hostParentNode(prevTree.el), // anchor may have changed if it's in a fragment
+          getNextHostNode(prevTree), instance, parentSuspense, isSVG);
+          next.el = nextTree.el;
 
-      if (!n2.el) {
-        n2.staticCache = nodes;
-      }
+          if (originNext === null) {
+            // self-triggered update. In case of HOC, update parent component
+            // vnode el. HOC is indicated by parent instance's subTree pointing
+            // to child component's vnode
+            updateHOCHostEl(instance, nextTree.el);
+          } // updated hook
 
-      n2.el = nodes[0];
-      n2.anchor = nodes[nodes.length - 1];
-    };
 
-    var moveStaticNode = ({
-      el,
-      anchor
-    }, container, nextSibling) => {
-      var next;
+          if (u) {
+            queuePostRenderEffect(u, parentSuspense);
+          } // onVnodeUpdated
 
-      while (el && el !== anchor) {
-        next = hostNextSibling(el);
-        hostInsert(el, container, nextSibling);
-        el = next;
-      }
 
-      hostInsert(anchor, container, nextSibling);
-    };
+          if (_vnodeHook = next.props && next.props.onVnodeUpdated) {
+            queuePostRenderEffect(() => invokeVNodeHook(_vnodeHook, _parent, next, vnode), parentSuspense);
+          }
+        }
+      }; // create reactive effect for rendering
 
-    var removeStaticNode = ({
-      el,
-      anchor
-    }) => {
-      var next;
 
-      while (el && el !== anchor) {
-        next = hostNextSibling(el);
-        hostRemove(el);
-        el = next;
-      }
+      var effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+      );
+      var update = instance.update = effect.run.bind(effect);
+      update.id = instance.uid; // allowRecurse
+      // #1801, #2043 component render effects should allow recursive updates
 
-      hostRemove(anchor);
+      effect.allowRecurse = update.allowRecurse = true;
+      update();
     };
 
-    var processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      isSVG = isSVG || n2.type === 'svg';
+    var updateComponentPreRender = (instance, nextVNode, optimized) => {
+      nextVNode.component = instance;
+      var prevProps = instance.vnode.props;
+      instance.vnode = nextVNode;
+      instance.next = null;
+      updateProps(instance, nextVNode.props, prevProps, optimized);
+      updateSlots(instance, nextVNode.children, optimized);
+      pauseTracking(); // props update may have triggered pre-flush watchers.
+      // flush them before the render update.
 
-      if (n1 == null) {
-        mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      } else {
-        patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      }
+      flushPreFlushCbs(undefined, instance.update);
+      resetTracking();
     };
 
-    var mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      var el;
-      var vnodeHook;
+    var patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
+      var c1 = n1 && n1.children;
+      var prevShapeFlag = n1 ? n1.shapeFlag : 0;
+      var c2 = n2.children;
       var {
-        type,
-        props,
-        shapeFlag,
-        transition,
         patchFlag,
-        dirs
-      } = vnode;
-
-      if (vnode.el && hostCloneNode !== undefined && patchFlag === -1
-      /* HOISTED */
-      ) {
-        // If a vnode has non-null el, it means it's being reused.
-        // Only static vnodes can be reused, so its mounted DOM nodes should be
-        // exactly the same, and we can simply do a clone here.
-        // only do this in production since cloned trees cannot be HMR updated.
-        el = vnode.el = hostCloneNode(vnode.el);
-      } else {
-        el = vnode.el = hostCreateElement( // fixed by xxxxxx
-        vnode.type, container); // mount children first, since some props may rely on child content
-        // being already rendered, e.g. `<select value>`
+        shapeFlag
+      } = n2; // fast path
 
-        if (shapeFlag & 8
-        /* TEXT_CHILDREN */
+      if (patchFlag > 0) {
+        if (patchFlag & 128
+        /* KEYED_FRAGMENT */
         ) {
-          hostSetElementText(el, vnode.children);
-        } else if (shapeFlag & 16
-        /* ARRAY_CHILDREN */
+          // this could be either fully-keyed or mixed (some keyed some not)
+          // presence of patchFlag means children are guaranteed to be arrays
+          patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          return;
+        } else if (patchFlag & 256
+        /* UNKEYED_FRAGMENT */
         ) {
-          mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+          // unkeyed
+          patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          return;
         }
-
-        if (dirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, 'created');
-        } // props
+      } // children has 3 possibilities: text, array or no children.
 
 
-        if (props) {
-          for (var key in props) {
-            if (!isReservedProp(key)) {
-              hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
-            }
-          }
+      if (shapeFlag & 8
+      /* TEXT_CHILDREN */
+      ) {
+        // text children fast path
+        if (prevShapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          unmountChildren(c1, parentComponent, parentSuspense);
+        }
 
-          if (vnodeHook = props.onVnodeBeforeMount) {
-            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+        if (c2 !== c1) {
+          hostSetElementText(container, c2);
+        }
+      } else {
+        if (prevShapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          // prev children was array
+          if (shapeFlag & 16
+          /* ARRAY_CHILDREN */
+          ) {
+            // two arrays, cannot assume anything, do full diff
+            patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          } else {
+            // no new children, just unmount old
+            unmountChildren(c1, parentComponent, parentSuspense, true);
           }
-        } // scopeId
+        } else {
+          // prev children was text OR null
+          // new children is array OR null
+          if (prevShapeFlag & 8
+          /* TEXT_CHILDREN */
+          ) {
+            hostSetElementText(container, '');
+          } // mount new if array
 
 
-        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
+          if (shapeFlag & 16
+          /* ARRAY_CHILDREN */
+          ) {
+            mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          }
+        }
       }
+    };
 
-      if (dirs) {
-        invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
-      } // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved
-      // #1689 For inside suspense + suspense resolved case, just call it
-
-
-      var needCallTransitionHooks = (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
+    var patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      c1 = c1 || EMPTY_ARR;
+      c2 = c2 || EMPTY_ARR;
+      var oldLength = c1.length;
+      var newLength = c2.length;
+      var commonLength = Math.min(oldLength, newLength);
+      var i;
 
-      if (needCallTransitionHooks) {
-        transition.beforeEnter(el);
+      for (i = 0; i < commonLength; i++) {
+        var nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
+        patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
       }
 
-      hostInsert(el, container, anchor);
-
-      if ((vnodeHook = props && props.onVnodeMounted) || needCallTransitionHooks || dirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-          needCallTransitionHooks && transition.enter(el);
-          dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
-        }, parentSuspense);
+      if (oldLength > newLength) {
+        // remove old
+        unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
+      } else {
+        // mount new
+        mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
       }
-    };
+    }; // can be all-keyed or mixed
 
-    var setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
-      if (scopeId) {
-        hostSetScopeId(el, scopeId);
-      }
 
-      if (slotScopeIds) {
-        for (var i = 0; i < slotScopeIds.length; i++) {
-          hostSetScopeId(el, slotScopeIds[i]);
-        }
-      }
+    var patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+      var i = 0;
+      var l2 = c2.length;
+      var e1 = c1.length - 1; // prev ending index
 
-      if (parentComponent) {
-        var subTree = parentComponent.subTree;
+      var e2 = l2 - 1; // next ending index
+      // 1. sync from start
+      // (a b) c
+      // (a b) d e
 
-        if (vnode === subTree) {
-          var parentVNode = parentComponent.vnode;
-          setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
-        }
-      }
-    };
+      while (i <= e1 && i <= e2) {
+        var n1 = c1[i];
+        var n2 = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
 
-    var mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
-      for (var i = start; i < children.length; i++) {
-        var child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
-        patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      }
-    };
+        if (isSameVNodeType(n1, n2)) {
+          patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        } else {
+          break;
+        }
 
-    var patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      var el = n2.el = n1.el;
-      var {
-        patchFlag,
-        dynamicChildren,
-        dirs
-      } = n2; // #1426 take the old vnode's patch flag into account since user may clone a
-      // compiler-generated vnode, which de-opts to FULL_PROPS
+        i++;
+      } // 2. sync from end
+      // a (b c)
+      // d e (b c)
 
-      patchFlag |= n1.patchFlag & 16
-      /* FULL_PROPS */
-      ;
-      var oldProps = n1.props || EMPTY_OBJ;
-      var newProps = n2.props || EMPTY_OBJ;
-      var vnodeHook;
 
-      if (vnodeHook = newProps.onVnodeBeforeUpdate) {
-        invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-      }
+      while (i <= e1 && i <= e2) {
+        var _n = c1[e1];
 
-      if (dirs) {
-        invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
-      }
+        var _n2 = c2[e2] = optimized ? cloneIfMounted(c2[e2]) : normalizeVNode(c2[e2]);
 
-      if (patchFlag > 0) {
-        // the presence of a patchFlag means this element's render code was
-        // generated by the compiler and can take the fast path.
-        // in this path old node and new node are guaranteed to have the same shape
-        // (i.e. at the exact same position in the source template)
-        if (patchFlag & 16
-        /* FULL_PROPS */
-        ) {
-          // element props contain dynamic keys, full diff needed
-          patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+        if (isSameVNodeType(_n, _n2)) {
+          patch(_n, _n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         } else {
-          // class
-          // this flag is matched when the element has dynamic class bindings.
-          if (patchFlag & 2
-          /* CLASS */
-          ) {
-            if (oldProps.class !== newProps.class) {
-              hostPatchProp(el, 'class', null, newProps.class, isSVG);
-            }
-          } // style
-          // this flag is matched when the element has dynamic style bindings
+          break;
+        }
 
+        e1--;
+        e2--;
+      } // 3. common sequence + mount
+      // (a b)
+      // (a b) c
+      // i = 2, e1 = 1, e2 = 2
+      // (a b)
+      // c (a b)
+      // i = 0, e1 = -1, e2 = 0
 
-          if (patchFlag & 4
-          /* STYLE */
-          ) {
-            hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG);
-          } // props
-          // This flag is matched when the element has dynamic prop/attr bindings
-          // other than class and style. The keys of dynamic prop/attrs are saved for
-          // faster iteration.
-          // Note dynamic keys like :[foo]="bar" will cause this optimization to
-          // bail out and go through a full diff because we need to unset the old key
 
+      if (i > e1) {
+        if (i <= e2) {
+          var nextPos = e2 + 1;
+          var anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
 
-          if (patchFlag & 8
-          /* PROPS */
-          ) {
-            // if the flag is present then dynamicProps must be non-null
-            var propsToUpdate = n2.dynamicProps;
+          while (i <= e2) {
+            patch(null, c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            i++;
+          }
+        }
+      } // 4. common sequence + unmount
+      // (a b) c
+      // (a b)
+      // i = 2, e1 = 2, e2 = 1
+      // a (b c)
+      // (b c)
+      // i = 0, e1 = 0, e2 = -1
+      else if (i > e2) {
+        while (i <= e1) {
+          unmount(c1[i], parentComponent, parentSuspense, true);
+          i++;
+        }
+      } // 5. unknown sequence
+      // [i ... e1 + 1]: a b [c d e] f g
+      // [i ... e2 + 1]: a b [e d c h] f g
+      // i = 2, e1 = 4, e2 = 5
+      else {
+        var s1 = i; // prev starting index
 
-            for (var i = 0; i < propsToUpdate.length; i++) {
-              var key = propsToUpdate[i];
-              var prev = oldProps[key];
-              var next = newProps[key];
+        var s2 = i; // next starting index
+        // 5.1 build key:index map for newChildren
 
-              if (next !== prev || hostForcePatchProp && hostForcePatchProp(el, key)) {
-                hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
-              }
-            }
-          }
-        } // text
-        // This flag is matched when the element has only dynamic text children.
+        var keyToNewIndexMap = new Map();
 
+        for (i = s2; i <= e2; i++) {
+          var nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
 
-        if (patchFlag & 1
-        /* TEXT */
-        ) {
-          if (n1.children !== n2.children) {
-            hostSetElementText(el, n2.children);
+          if (nextChild.key != null) {
+            keyToNewIndexMap.set(nextChild.key, i);
           }
-        }
-      } else if (!optimized && dynamicChildren == null) {
-        // unoptimized, full diff
-        patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
-      }
-
-      var areChildrenSVG = isSVG && n2.type !== 'foreignObject';
+        } // 5.2 loop through old children left to be patched and try to patch
+        // matching nodes & remove nodes that are no longer present
 
-      if (dynamicChildren) {
-        patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
-      } else if (!optimized) {
-        // full diff
-        patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
-      }
 
-      if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-          dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated');
-        }, parentSuspense);
-      }
-    }; // The fast path for blocks.
+        var j;
+        var patched = 0;
+        var toBePatched = e2 - s2 + 1;
+        var moved = false; // used to track whether any node has moved
 
+        var maxNewIndexSoFar = 0; // works as Map<newIndex, oldIndex>
+        // Note that oldIndex is offset by +1
+        // and oldIndex = 0 is a special value indicating the new node has
+        // no corresponding old node.
+        // used for determining longest stable subsequence
 
-    var patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
-      for (var i = 0; i < newChildren.length; i++) {
-        var oldVNode = oldChildren[i];
-        var newVNode = newChildren[i]; // Determine the container (parent element) for the patch.
+        var newIndexToOldIndexMap = new Array(toBePatched);
 
-        var container = // oldVNode may be an errored async setup() component inside Suspense
-        // which will not have a mounted element
-        oldVNode.el && (oldVNode.type === Fragment || // - In the case of different nodes, there is going to be a replacement
-        // which also requires the correct parent container
-        !isSameVNodeType(oldVNode, newVNode) || // - In the case of a component, it could contain anything.
-        oldVNode.shapeFlag & 6
-        /* COMPONENT */
-        || oldVNode.shapeFlag & 64
-        /* TELEPORT */
-        ) ? hostParentNode(oldVNode.el) : // In other cases, the parent container is not actually used so we
-        // just pass the block element here to avoid a DOM parentNode call.
-        fallbackContainer;
-        patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
-      }
-    };
+        for (i = 0; i < toBePatched; i++) {
+          newIndexToOldIndexMap[i] = 0;
+        }
 
-    var patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
-      if (oldProps !== newProps) {
-        for (var key in newProps) {
-          // empty string is not valid prop
-          if (isReservedProp(key)) continue;
-          var next = newProps[key];
-          var prev = oldProps[key];
+        for (i = s1; i <= e1; i++) {
+          var prevChild = c1[i];
 
-          if (next !== prev || hostForcePatchProp && hostForcePatchProp(el, key)) {
-            hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+          if (patched >= toBePatched) {
+            // all new children have been patched so this can only be a removal
+            unmount(prevChild, parentComponent, parentSuspense, true);
+            continue;
           }
-        }
 
-        if (oldProps !== EMPTY_OBJ) {
-          for (var _key7 in oldProps) {
-            if (!isReservedProp(_key7) && !(_key7 in newProps)) {
-              hostPatchProp(el, _key7, oldProps[_key7], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+          var newIndex = void 0;
+
+          if (prevChild.key != null) {
+            newIndex = keyToNewIndexMap.get(prevChild.key);
+          } else {
+            // key-less node, try to locate a key-less node of the same type
+            for (j = s2; j <= e2; j++) {
+              if (newIndexToOldIndexMap[j - s2] === 0 && isSameVNodeType(prevChild, c2[j])) {
+                newIndex = j;
+                break;
+              }
             }
           }
-        }
-      }
-    };
-
-    var processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      var fragmentStartAnchor = n2.el = n1 ? n1.el : hostCreateText('', container); // fixed by xxxxxx
 
-      var fragmentEndAnchor = n2.anchor = n1 ? n1.anchor : hostCreateText('', container); // fixed by xxxxxx
+          if (newIndex === undefined) {
+            unmount(prevChild, parentComponent, parentSuspense, true);
+          } else {
+            newIndexToOldIndexMap[newIndex - s2] = i + 1;
 
-      var {
-        patchFlag,
-        dynamicChildren,
-        slotScopeIds: fragmentSlotScopeIds
-      } = n2;
+            if (newIndex >= maxNewIndexSoFar) {
+              maxNewIndexSoFar = newIndex;
+            } else {
+              moved = true;
+            }
 
-      if (dynamicChildren) {
-        optimized = true;
-      } // check if this is a slot fragment with :slotted scope ids
+            patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            patched++;
+          }
+        } // 5.3 move and mount
+        // generate longest stable subsequence only when nodes have moved
 
 
-      if (fragmentSlotScopeIds) {
-        slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
-      }
+        var increasingNewIndexSequence = moved ? getSequence(newIndexToOldIndexMap) : EMPTY_ARR;
+        j = increasingNewIndexSequence.length - 1; // looping backwards so that we can use last patched node as anchor
 
-      if (n1 == null) {
-        hostInsert(fragmentStartAnchor, container, anchor);
-        hostInsert(fragmentEndAnchor, container, anchor); // a fragment can only have array children
-        // since they are either generated by the compiler, or implicitly created
-        // from arrays.
+        for (i = toBePatched - 1; i >= 0; i--) {
+          var nextIndex = s2 + i;
+          var _nextChild = c2[nextIndex];
 
-        mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-      } else {
-        if (patchFlag > 0 && patchFlag & 64
-        /* STABLE_FRAGMENT */
-        && dynamicChildren && // #2715 the previous fragment could've been a BAILed one as a result
-        // of renderSlot() with no valid children
-        n1.dynamicChildren) {
-          // a stable fragment (template root or <template v-for>) doesn't need to
-          // patch children order, but it may contain dynamicChildren.
-          patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
+          var _anchor2 = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
 
-          if ( // #2080 if the stable fragment has a key, it's a <template v-for> that may
-          //  get moved around. Make sure all root level vnodes inherit el.
-          // #2134 or if it's a component root, it may also get moved around
-          // as the component is being moved.
-          n2.key != null || parentComponent && n2 === parentComponent.subTree) {
-            traverseStaticChildren(n1, n2, true
-            /* shallow */
-            );
+          if (newIndexToOldIndexMap[i] === 0) {
+            // mount new
+            patch(null, _nextChild, container, _anchor2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+          } else if (moved) {
+            // move if:
+            // There is no stable subsequence (e.g. a reverse)
+            // OR current node is not among the stable sequence
+            if (j < 0 || i !== increasingNewIndexSequence[j]) {
+              move(_nextChild, container, _anchor2, 2
+              /* REORDER */
+              );
+            } else {
+              j--;
+            }
           }
-        } else {
-          // keyed / unkeyed, or manual fragments.
-          // for keyed & unkeyed, since they are compiler generated from v-for,
-          // each child is guaranteed to be a block so the fragment will never
-          // have dynamicChildren.
-          patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
       }
     };
 
-    var processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      n2.slotScopeIds = slotScopeIds;
+    var move = (vnode, container, anchor, moveType, parentSuspense = null) => {
+      var {
+        el,
+        type,
+        transition,
+        children,
+        shapeFlag
+      } = vnode;
 
-      if (n1 == null) {
-        if (n2.shapeFlag & 512
-        /* COMPONENT_KEPT_ALIVE */
-        ) {
-          parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
-        } else {
-          mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
-        }
-      } else {
-        updateComponent(n1, n2, optimized);
+      if (shapeFlag & 6
+      /* COMPONENT */
+      ) {
+        move(vnode.component.subTree, container, anchor, moveType);
+        return;
       }
-    };
 
-    var mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
-      var instance = initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense); // inject renderer internals for keepAlive
+      if (shapeFlag & 128
+      /* SUSPENSE */
+      ) {
+        vnode.suspense.move(container, anchor, moveType);
+        return;
+      }
 
-      if (isKeepAlive(initialVNode)) {
-        instance.ctx.renderer = internals;
-      } // resolve props and slots for setup context
+      if (shapeFlag & 64
+      /* TELEPORT */
+      ) {
+        type.move(vnode, container, anchor, internals);
+        return;
+      }
 
+      if (type === Fragment) {
+        hostInsert(el, container, anchor);
 
-      {
-        setupComponent(instance);
-      } // setup() is async. This component relies on async logic to be resolved
-      // before proceeding
-
-      if (instance.asyncDep) {
-        parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect); // Give it a placeholder if this is not hydration
-        // TODO handle self-defined fallback
-
-        if (!initialVNode.el) {
-          var placeholder = instance.subTree = createVNode(Comment$1);
-          processCommentNode(null, placeholder, container, anchor);
+        for (var i = 0; i < children.length; i++) {
+          move(children[i], container, anchor, moveType);
         }
 
+        hostInsert(vnode.anchor, container, anchor);
         return;
       }
 
-      setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized); // fixed by xxxxxx 对根节点设置ownerid
+      if (type === Static) {
+        moveStaticNode(vnode, container, anchor);
+        return;
+      } // single nodes
 
-      if (instance.$wxsModules) {
-        var el = resolveOwnerEl(instance);
 
-        if (el) {
-          el.setAttribute(ATTR_V_OWNER_ID, instance.uid);
+      var needTransition = moveType !== 2
+      /* REORDER */
+      && shapeFlag & 1
+      /* ELEMENT */
+      && transition;
+
+      if (needTransition) {
+        if (moveType === 0
+        /* ENTER */
+        ) {
+          transition.beforeEnter(el);
+          hostInsert(el, container, anchor);
+          queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+        } else {
           var {
-            $renderjsModules
-          } = instance.type;
-          $renderjsModules && el.setAttribute(ATTR_V_RENDERJS, $renderjsModules);
-        }
-      }
-    };
+            leave,
+            delayLeave,
+            afterLeave
+          } = transition;
 
-    var updateComponent = (n1, n2, optimized) => {
-      var instance = n2.component = n1.component;
+          var _remove = () => hostInsert(el, container, anchor);
 
-      if (shouldUpdateComponent(n1, n2, optimized)) {
-        if (instance.asyncDep && !instance.asyncResolved) {
-          updateComponentPreRender(instance, n2, optimized);
-          return;
-        } else {
-          // normal update
-          instance.next = n2; // in case the child component is also queued, remove it to avoid
-          // double updating the same child component in the same flush.
+          var performLeave = () => {
+            leave(el, () => {
+              _remove();
 
-          invalidateJob(instance.update); // instance.update is the reactive effect runner.
+              afterLeave && afterLeave();
+            });
+          };
 
-          instance.update();
+          if (delayLeave) {
+            delayLeave(el, _remove, performLeave);
+          } else {
+            performLeave();
+          }
         }
       } else {
-        // no update needed. just copy over properties
-        n2.component = n1.component;
-        n2.el = n1.el;
-        instance.vnode = n2;
+        hostInsert(el, container, anchor);
       }
     };
 
-    var setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-      // create reactive effect for rendering
-      instance.update = effect(function componentEffect() {
-        if (!instance.isMounted) {
-          var vnodeHook;
-          var {
-            el,
-            props
-          } = initialVNode;
-          var {
-            bm,
-            m,
-            parent
-          } = instance; // beforeMount hook
-
-          if (bm) {
-            invokeArrayFns(bm);
-          } // onVnodeBeforeMount
+    var unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
+      var {
+        type,
+        props,
+        ref,
+        children,
+        dynamicChildren,
+        shapeFlag,
+        patchFlag,
+        dirs
+      } = vnode; // unset ref
 
+      if (ref != null) {
+        setRef(ref, null, parentSuspense, vnode, true);
+      }
 
-          if (vnodeHook = props && props.onVnodeBeforeMount) {
-            invokeVNodeHook(vnodeHook, parent, initialVNode);
-          }
+      if (shapeFlag & 256
+      /* COMPONENT_SHOULD_KEEP_ALIVE */
+      ) {
+        parentComponent.ctx.deactivate(vnode);
+        return;
+      }
 
-          if (el && hydrateNode) {
-            // vnode has adopted host node - perform hydration instead of mount.
-            var hydrateSubTree = () => {
-              instance.subTree = renderComponentRoot(instance);
-              hydrateNode(el, instance.subTree, instance, parentSuspense, null);
-            };
+      var shouldInvokeDirs = shapeFlag & 1
+      /* ELEMENT */
+      && dirs;
+      var vnodeHook;
 
-            if (isAsyncWrapper(initialVNode)) {
-              initialVNode.type.__asyncLoader().then( // note: we are moving the render call into an async callback,
-              // which means it won't track dependencies - but it's ok because
-              // a server-rendered async wrapper is already in resolved state
-              // and it will never need to change.
-              () => !instance.isUnmounted && hydrateSubTree());
-            } else {
-              hydrateSubTree();
-            }
-          } else {
-            var subTree = instance.subTree = renderComponentRoot(instance);
-            patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
-            initialVNode.el = subTree.el;
-          } // mounted hook
+      if (vnodeHook = props && props.onVnodeBeforeUnmount) {
+        invokeVNodeHook(vnodeHook, parentComponent, vnode);
+      }
 
+      if (shapeFlag & 6
+      /* COMPONENT */
+      ) {
+        unmountComponent(vnode.component, parentSuspense, doRemove);
+      } else {
+        if (shapeFlag & 128
+        /* SUSPENSE */
+        ) {
+          vnode.suspense.unmount(parentSuspense, doRemove);
+          return;
+        }
 
-          if (m) {
-            queuePostRenderEffect(m, parentSuspense);
-          } // onVnodeMounted
+        if (shouldInvokeDirs) {
+          invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
+        }
 
+        if (shapeFlag & 64
+        /* TELEPORT */
+        ) {
+          vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+        } else if (dynamicChildren && (type !== Fragment || patchFlag > 0 && patchFlag & 64
+        /* STABLE_FRAGMENT */
+        )) {
+          // fast path for block nodes: only need to unmount dynamic children.
+          unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+        } else if (type === Fragment && (patchFlag & 128
+        /* KEYED_FRAGMENT */
+        || patchFlag & 256
+        /* UNKEYED_FRAGMENT */
+        ) || !optimized && shapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          unmountChildren(children, parentComponent, parentSuspense);
+        }
 
-          if (vnodeHook = props && props.onVnodeMounted) {
-            var scopedInitialVNode = initialVNode;
-            queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
-          } // activated hook for keep-alive roots.
-          // #1742 activated hook must be accessed after first render
-          // since the hook may be injected by a child keep-alive
+        if (doRemove) {
+          remove(vnode);
+        }
+      }
 
+      if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
+        queuePostRenderEffect(() => {
+          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+          shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
+        }, parentSuspense);
+      }
+    };
 
-          if (initialVNode.shapeFlag & 256
-          /* COMPONENT_SHOULD_KEEP_ALIVE */
-          ) {
-            instance.a && queuePostRenderEffect(instance.a, parentSuspense);
-          }
+    var remove = vnode => {
+      var {
+        type,
+        el,
+        anchor,
+        transition
+      } = vnode;
 
-          instance.isMounted = true; // #2458: deference mount-only object parameters to prevent memleaks
+      if (type === Fragment) {
+        removeFragment(el, anchor);
+        return;
+      }
 
-          initialVNode = container = anchor = null;
-        } else {
-          // updateComponent
-          // This is triggered by mutation of component's own state (next: null)
-          // OR parent calling processComponent (next: VNode)
-          var {
-            next,
-            bu,
-            u,
-            parent: _parent,
-            vnode
-          } = instance;
-          var originNext = next;
+      if (type === Static) {
+        removeStaticNode(vnode);
+        return;
+      }
 
-          var _vnodeHook;
+      var performRemove = () => {
+        hostRemove(el);
 
-          if (next) {
-            next.el = vnode.el;
-            updateComponentPreRender(instance, next, optimized);
-          } else {
-            next = vnode;
-          } // beforeUpdate hook
+        if (transition && !transition.persisted && transition.afterLeave) {
+          transition.afterLeave();
+        }
+      };
 
+      if (vnode.shapeFlag & 1
+      /* ELEMENT */
+      && transition && !transition.persisted) {
+        var {
+          leave,
+          delayLeave
+        } = transition;
 
-          if (bu) {
-            invokeArrayFns(bu);
-          } // onVnodeBeforeUpdate
+        var performLeave = () => leave(el, performRemove);
 
+        if (delayLeave) {
+          delayLeave(vnode.el, performRemove, performLeave);
+        } else {
+          performLeave();
+        }
+      } else {
+        performRemove();
+      }
+    };
 
-          if (_vnodeHook = next.props && next.props.onVnodeBeforeUpdate) {
-            invokeVNodeHook(_vnodeHook, _parent, next, vnode);
-          }
-
-          var nextTree = renderComponentRoot(instance);
-          var prevTree = instance.subTree;
-          instance.subTree = nextTree;
-          patch(prevTree, nextTree, // parent may have changed if it's in a teleport
-          hostParentNode(prevTree.el), // anchor may have changed if it's in a fragment
-          getNextHostNode(prevTree), instance, parentSuspense, isSVG);
-          next.el = nextTree.el;
+    var removeFragment = (cur, end) => {
+      // For fragments, directly remove all contained DOM nodes.
+      // (fragment child nodes cannot have transition)
+      var next;
 
-          if (originNext === null) {
-            // self-triggered update. In case of HOC, update parent component
-            // vnode el. HOC is indicated by parent instance's subTree pointing
-            // to child component's vnode
-            updateHOCHostEl(instance, nextTree.el);
-          } // updated hook
+      while (cur !== end) {
+        next = hostNextSibling(cur);
+        hostRemove(cur);
+        cur = next;
+      }
 
+      hostRemove(end);
+    };
 
-          if (u) {
-            queuePostRenderEffect(u, parentSuspense);
-          } // onVnodeUpdated
+    var unmountComponent = (instance, parentSuspense, doRemove) => {
+      var {
+        bum,
+        scope,
+        update,
+        subTree,
+        um
+      } = instance; // beforeUnmount hook
 
+      if (bum) {
+        invokeArrayFns(bum);
+      } // stop effects in component scope
 
-          if (_vnodeHook = next.props && next.props.onVnodeUpdated) {
-            queuePostRenderEffect(() => invokeVNodeHook(_vnodeHook, _parent, next, vnode), parentSuspense);
-          }
-        }
-      }, prodEffectOptions);
-    };
 
-    var updateComponentPreRender = (instance, nextVNode, optimized) => {
-      nextVNode.component = instance;
-      var prevProps = instance.vnode.props;
-      instance.vnode = nextVNode;
-      instance.next = null;
-      updateProps(instance, nextVNode.props, prevProps, optimized);
-      updateSlots(instance, nextVNode.children, optimized);
-      pauseTracking(); // props update may have triggered pre-flush watchers.
-      // flush them before the render update.
+      scope.stop(); // update may be null if a component is unmounted before its async
+      // setup has resolved.
 
-      flushPreFlushCbs(undefined, instance.update);
-      resetTracking();
-    };
+      if (update) {
+        // so that scheduler will no longer invoke it
+        update.active = false;
+        unmount(subTree, instance, parentSuspense, doRemove);
+      } // unmounted hook
 
-    var patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
-      var c1 = n1 && n1.children;
-      var prevShapeFlag = n1 ? n1.shapeFlag : 0;
-      var c2 = n2.children;
-      var {
-        patchFlag,
-        shapeFlag
-      } = n2; // fast path
 
-      if (patchFlag > 0) {
-        if (patchFlag & 128
-        /* KEYED_FRAGMENT */
-        ) {
-          // this could be either fully-keyed or mixed (some keyed some not)
-          // presence of patchFlag means children are guaranteed to be arrays
-          patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          return;
-        } else if (patchFlag & 256
-        /* UNKEYED_FRAGMENT */
-        ) {
-          // unkeyed
-          patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          return;
-        }
-      } // children has 3 possibilities: text, array or no children.
+      if (um) {
+        queuePostRenderEffect(um, parentSuspense);
+      }
 
+      queuePostRenderEffect(() => {
+        instance.isUnmounted = true;
+      }, parentSuspense); // A component with async dep inside a pending suspense is unmounted before
+      // its async dep resolves. This should remove the dep from the suspense, and
+      // cause the suspense to resolve immediately if that was the last dep.
 
-      if (shapeFlag & 8
-      /* TEXT_CHILDREN */
-      ) {
-        // text children fast path
-        if (prevShapeFlag & 16
-        /* ARRAY_CHILDREN */
-        ) {
-          unmountChildren(c1, parentComponent, parentSuspense);
-        }
+      if (parentSuspense && parentSuspense.pendingBranch && !parentSuspense.isUnmounted && instance.asyncDep && !instance.asyncResolved && instance.suspenseId === parentSuspense.pendingId) {
+        parentSuspense.deps--;
 
-        if (c2 !== c1) {
-          hostSetElementText(container, c2);
+        if (parentSuspense.deps === 0) {
+          parentSuspense.resolve();
         }
-      } else {
-        if (prevShapeFlag & 16
-        /* ARRAY_CHILDREN */
-        ) {
-          // prev children was array
-          if (shapeFlag & 16
-          /* ARRAY_CHILDREN */
-          ) {
-            // two arrays, cannot assume anything, do full diff
-            patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          } else {
-            // no new children, just unmount old
-            unmountChildren(c1, parentComponent, parentSuspense, true);
-          }
-        } else {
-          // prev children was text OR null
-          // new children is array OR null
-          if (prevShapeFlag & 8
-          /* TEXT_CHILDREN */
-          ) {
-            hostSetElementText(container, '');
-          } // mount new if array
-
+      }
+    };
 
-          if (shapeFlag & 16
-          /* ARRAY_CHILDREN */
-          ) {
-            mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          }
-        }
+    var unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
+      for (var i = start; i < children.length; i++) {
+        unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
       }
     };
 
-    var patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      c1 = c1 || EMPTY_ARR;
-      c2 = c2 || EMPTY_ARR;
-      var oldLength = c1.length;
-      var newLength = c2.length;
-      var commonLength = Math.min(oldLength, newLength);
-      var i;
+    var getNextHostNode = vnode => {
+      if (vnode.shapeFlag & 6
+      /* COMPONENT */
+      ) {
+        return getNextHostNode(vnode.component.subTree);
+      }
 
-      for (i = 0; i < commonLength; i++) {
-        var nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
-        patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+      if (vnode.shapeFlag & 128
+      /* SUSPENSE */
+      ) {
+        return vnode.suspense.next();
       }
 
-      if (oldLength > newLength) {
-        // remove old
-        unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
+      return hostNextSibling(vnode.anchor || vnode.el);
+    };
+
+    var render = (vnode, container, isSVG) => {
+      if (vnode == null) {
+        if (container._vnode) {
+          unmount(container._vnode, null, null, true);
+        }
       } else {
-        // mount new
-        mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
+        patch(container._vnode || null, vnode, container, null, null, null, isSVG);
       }
-    }; // can be all-keyed or mixed
 
+      flushPostFlushCbs();
+      container._vnode = vnode;
+    };
 
-    var patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-      var i = 0;
-      var l2 = c2.length;
-      var e1 = c1.length - 1; // prev ending index
-
-      var e2 = l2 - 1; // next ending index
-      // 1. sync from start
-      // (a b) c
-      // (a b) d e
+    var internals = {
+      p: patch,
+      um: unmount,
+      m: move,
+      r: remove,
+      mt: mountComponent,
+      mc: mountChildren,
+      pc: patchChildren,
+      pbc: patchBlockChildren,
+      n: getNextHostNode,
+      o: options
+    };
+    var hydrate;
+    var hydrateNode;
 
-      while (i <= e1 && i <= e2) {
-        var n1 = c1[i];
-        var n2 = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
+    if (createHydrationFns) {
+      [hydrate, hydrateNode] = createHydrationFns(internals);
+    }
 
-        if (isSameVNodeType(n1, n2)) {
-          patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-        } else {
-          break;
-        }
+    return {
+      render,
+      hydrate,
+      createApp: createAppAPI(render, hydrate)
+    };
+  }
 
-        i++;
-      } // 2. sync from end
-      // a (b c)
-      // d e (b c)
+  function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (isArray(rawRef)) {
+      rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+      return;
+    }
 
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+      // when mounting async components, nothing needs to be done,
+      // because the template ref is forwarded to inner component
+      return;
+    }
 
-      while (i <= e1 && i <= e2) {
-        var _n = c1[e1];
+    var refValue = vnode.shapeFlag & 4
+    /* STATEFUL_COMPONENT */
+    ? getExposeProxy(vnode.component) || vnode.component.proxy : vnode.el;
+    var value = isUnmount ? null : refValue;
+    var {
+      i: owner,
+      r: ref
+    } = rawRef;
+    var oldRef = oldRawRef && oldRawRef.r;
+    var refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
+    var setupState = owner.setupState; // dynamic ref changed. unset old ref
 
-        var _n2 = c2[e2] = optimized ? cloneIfMounted(c2[e2]) : normalizeVNode(c2[e2]);
+    if (oldRef != null && oldRef !== ref) {
+      if (isString(oldRef)) {
+        refs[oldRef] = null;
 
-        if (isSameVNodeType(_n, _n2)) {
-          patch(_n, _n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-        } else {
-          break;
+        if (hasOwn(setupState, oldRef)) {
+          setupState[oldRef] = null;
         }
+      } else if (isRef(oldRef)) {
+        oldRef.value = null;
+      }
+    }
 
-        e1--;
-        e2--;
-      } // 3. common sequence + mount
-      // (a b)
-      // (a b) c
-      // i = 2, e1 = 1, e2 = 2
-      // (a b)
-      // c (a b)
-      // i = 0, e1 = -1, e2 = 0
-
-
-      if (i > e1) {
-        if (i <= e2) {
-          var nextPos = e2 + 1;
-          var anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
-
-          while (i <= e2) {
-            patch(null, c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-            i++;
-          }
-        }
-      } // 4. common sequence + unmount
-      // (a b) c
-      // (a b)
-      // i = 2, e1 = 2, e2 = 1
-      // a (b c)
-      // (b c)
-      // i = 0, e1 = 0, e2 = -1
-      else if (i > e2) {
-        while (i <= e1) {
-          unmount(c1[i], parentComponent, parentSuspense, true);
-          i++;
+    if (isString(ref)) {
+      var doSet = () => {
+        {
+          refs[ref] = value;
         }
-      } // 5. unknown sequence
-      // [i ... e1 + 1]: a b [c d e] f g
-      // [i ... e2 + 1]: a b [e d c h] f g
-      // i = 2, e1 = 4, e2 = 5
-      else {
-        var s1 = i; // prev starting index
-
-        var s2 = i; // next starting index
-        // 5.1 build key:index map for newChildren
 
-        var keyToNewIndexMap = new Map();
-
-        for (i = s2; i <= e2; i++) {
-          var nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
+        if (hasOwn(setupState, ref)) {
+          setupState[ref] = value;
+        }
+      }; // #1789: for non-null values, set them after render
+      // null values means this is unmount and it should not overwrite another
+      // ref with the same key
 
-          if (nextChild.key != null) {
-            keyToNewIndexMap.set(nextChild.key, i);
-          }
-        } // 5.2 loop through old children left to be patched and try to patch
-        // matching nodes & remove nodes that are no longer present
 
+      if (value) {
+        doSet.id = -1;
+        queuePostRenderEffect(doSet, parentSuspense);
+      } else {
+        doSet();
+      }
+    } else if (isRef(ref)) {
+      var _doSet = () => {
+        ref.value = value;
+      };
 
-        var j;
-        var patched = 0;
-        var toBePatched = e2 - s2 + 1;
-        var moved = false; // used to track whether any node has moved
+      if (value) {
+        _doSet.id = -1;
+        queuePostRenderEffect(_doSet, parentSuspense);
+      } else {
+        _doSet();
+      }
+    } else if (isFunction(ref)) {
+      callWithErrorHandling(ref, owner, 12
+      /* FUNCTION_REF */
+      , [value, refs]);
+    } else ;
+  }
 
-        var maxNewIndexSoFar = 0; // works as Map<newIndex, oldIndex>
-        // Note that oldIndex is offset by +1
-        // and oldIndex = 0 is a special value indicating the new node has
-        // no corresponding old node.
-        // used for determining longest stable subsequence
+  function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
+    callWithAsyncErrorHandling(hook, instance, 7
+    /* VNODE_HOOK */
+    , [vnode, prevVNode]);
+  }
+  /**
+   * #1156
+   * When a component is HMR-enabled, we need to make sure that all static nodes
+   * inside a block also inherit the DOM element from the previous tree so that
+   * HMR updates (which are full updates) can retrieve the element for patching.
+   *
+   * #2080
+   * Inside keyed `template` fragment static children, if a fragment is moved,
+   * the children will always moved so that need inherit el form previous nodes
+   * to ensure correct moved position.
+   */
 
-        var newIndexToOldIndexMap = new Array(toBePatched);
 
-        for (i = 0; i < toBePatched; i++) {
-          newIndexToOldIndexMap[i] = 0;
-        }
+  function traverseStaticChildren(n1, n2, shallow = false) {
+    var ch1 = n1.children;
+    var ch2 = n2.children;
 
-        for (i = s1; i <= e1; i++) {
-          var prevChild = c1[i];
+    if (isArray(ch1) && isArray(ch2)) {
+      for (var i = 0; i < ch1.length; i++) {
+        // this is only called in the optimized path so array children are
+        // guaranteed to be vnodes
+        var c1 = ch1[i];
+        var c2 = ch2[i];
 
-          if (patched >= toBePatched) {
-            // all new children have been patched so this can only be a removal
-            unmount(prevChild, parentComponent, parentSuspense, true);
-            continue;
+        if (c2.shapeFlag & 1
+        /* ELEMENT */
+        && !c2.dynamicChildren) {
+          if (c2.patchFlag <= 0 || c2.patchFlag === 32
+          /* HYDRATE_EVENTS */
+          ) {
+            c2 = ch2[i] = cloneIfMounted(ch2[i]);
+            c2.el = c1.el;
           }
 
-          var newIndex = void 0;
+          if (!shallow) traverseStaticChildren(c1, c2);
+        }
+      }
+    }
+  } // https://en.wikipedia.org/wiki/Longest_increasing_subsequence
 
-          if (prevChild.key != null) {
-            newIndex = keyToNewIndexMap.get(prevChild.key);
-          } else {
-            // key-less node, try to locate a key-less node of the same type
-            for (j = s2; j <= e2; j++) {
-              if (newIndexToOldIndexMap[j - s2] === 0 && isSameVNodeType(prevChild, c2[j])) {
-                newIndex = j;
-                break;
-              }
-            }
-          }
 
-          if (newIndex === undefined) {
-            unmount(prevChild, parentComponent, parentSuspense, true);
-          } else {
-            newIndexToOldIndexMap[newIndex - s2] = i + 1;
+  function getSequence(arr) {
+    var p = arr.slice();
+    var result = [0];
+    var i, j, u, v, c;
+    var len = arr.length;
 
-            if (newIndex >= maxNewIndexSoFar) {
-              maxNewIndexSoFar = newIndex;
-            } else {
-              moved = true;
-            }
+    for (i = 0; i < len; i++) {
+      var arrI = arr[i];
 
-            patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-            patched++;
-          }
-        } // 5.3 move and mount
-        // generate longest stable subsequence only when nodes have moved
+      if (arrI !== 0) {
+        j = result[result.length - 1];
 
+        if (arr[j] < arrI) {
+          p[i] = j;
+          result.push(i);
+          continue;
+        }
 
-        var increasingNewIndexSequence = moved ? getSequence(newIndexToOldIndexMap) : EMPTY_ARR;
-        j = increasingNewIndexSequence.length - 1; // looping backwards so that we can use last patched node as anchor
+        u = 0;
+        v = result.length - 1;
 
-        for (i = toBePatched - 1; i >= 0; i--) {
-          var nextIndex = s2 + i;
-          var _nextChild = c2[nextIndex];
+        while (u < v) {
+          c = u + v >> 1;
 
-          var _anchor2 = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
+          if (arr[result[c]] < arrI) {
+            u = c + 1;
+          } else {
+            v = c;
+          }
+        }
 
-          if (newIndexToOldIndexMap[i] === 0) {
-            // mount new
-            patch(null, _nextChild, container, _anchor2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          } else if (moved) {
-            // move if:
-            // There is no stable subsequence (e.g. a reverse)
-            // OR current node is not among the stable sequence
-            if (j < 0 || i !== increasingNewIndexSequence[j]) {
-              move(_nextChild, container, _anchor2, 2
-              /* REORDER */
-              );
-            } else {
-              j--;
-            }
+        if (arrI < arr[result[u]]) {
+          if (u > 0) {
+            p[i] = result[u - 1];
           }
+
+          result[u] = i;
         }
       }
-    };
+    }
 
-    var move = (vnode, container, anchor, moveType, parentSuspense = null) => {
-      var {
-        el,
-        type,
-        transition,
-        children,
-        shapeFlag
-      } = vnode;
+    u = result.length;
+    v = result[u - 1];
 
-      if (shapeFlag & 6
-      /* COMPONENT */
-      ) {
-        move(vnode.component.subTree, container, anchor, moveType);
-        return;
-      }
+    while (u-- > 0) {
+      result[u] = v;
+      v = p[v];
+    }
 
-      if (shapeFlag & 128
-      /* SUSPENSE */
-      ) {
-        vnode.suspense.move(container, anchor, moveType);
-        return;
-      }
+    return result;
+  }
 
-      if (shapeFlag & 64
-      /* TELEPORT */
-      ) {
-        type.move(vnode, container, anchor, internals);
-        return;
-      }
+  var isTeleport = type => type.__isTeleport;
 
-      if (type === Fragment) {
-        hostInsert(el, container, anchor);
+  var isTeleportDisabled = props => props && (props.disabled || props.disabled === '');
 
-        for (var i = 0; i < children.length; i++) {
-          move(children[i], container, anchor, moveType);
-        }
+  var isTargetSVG = target => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
 
-        hostInsert(vnode.anchor, container, anchor);
-        return;
+  var resolveTarget = (props, select) => {
+    var targetSelector = props && props.to;
+
+    if (isString(targetSelector)) {
+      if (!select) {
+        return null;
+      } else {
+        var target = select(targetSelector);
+        return target;
       }
+    } else {
+      return targetSelector;
+    }
+  };
 
-      if (type === Static) {
-        moveStaticNode(vnode, container, anchor);
-        return;
-      } // single nodes
+  var TeleportImpl = {
+    __isTeleport: true,
 
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
+      var {
+        mc: mountChildren,
+        pc: patchChildren,
+        pbc: patchBlockChildren,
+        o: {
+          insert,
+          querySelector,
+          createText,
+          createComment
+        }
+      } = internals;
+      var disabled = isTeleportDisabled(n2.props);
+      var {
+        shapeFlag,
+        children,
+        dynamicChildren
+      } = n2;
 
-      var needTransition = moveType !== 2
-      /* REORDER */
-      && shapeFlag & 1
-      /* ELEMENT */
-      && transition;
+      if (n1 == null) {
+        // insert anchors in the main view
+        var placeholder = n2.el = createText('', container); // fixed by xxxxxx
 
-      if (needTransition) {
-        if (moveType === 0
-        /* ENTER */
-        ) {
-          transition.beforeEnter(el);
-          hostInsert(el, container, anchor);
-          queuePostRenderEffect(() => transition.enter(el), parentSuspense);
-        } else {
-          var {
-            leave,
-            delayLeave,
-            afterLeave
-          } = transition;
+        var mainAnchor = n2.anchor = createText('', container); // fixed by xxxxxx
 
-          var _remove = () => hostInsert(el, container, anchor);
+        insert(placeholder, container, anchor);
+        insert(mainAnchor, container, anchor);
+        var target = n2.target = resolveTarget(n2.props, querySelector);
+        var targetAnchor = n2.targetAnchor = createText('', container); // fixed by xxxxxx
 
-          var performLeave = () => {
-            leave(el, () => {
-              _remove();
+        if (target) {
+          insert(targetAnchor, target); // #2652 we could be teleporting from a non-SVG tree into an SVG tree
 
-              afterLeave && afterLeave();
-            });
-          };
+          isSVG = isSVG || isTargetSVG(target);
+        }
 
-          if (delayLeave) {
-            delayLeave(el, _remove, performLeave);
-          } else {
-            performLeave();
+        var mount = (container, anchor) => {
+          // Teleport *always* has Array children. This is enforced in both the
+          // compiler and vnode children normalization.
+          if (shapeFlag & 16
+          /* ARRAY_CHILDREN */
+          ) {
+            mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
           }
+        };
+
+        if (disabled) {
+          mount(container, mainAnchor);
+        } else if (target) {
+          mount(target, targetAnchor);
         }
       } else {
-        hostInsert(el, container, anchor);
-      }
-    };
-
-    var unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-      var {
-        type,
-        props,
-        ref,
-        children,
-        dynamicChildren,
-        shapeFlag,
-        patchFlag,
-        dirs
-      } = vnode; // unset ref
+        // update content
+        n2.el = n1.el;
 
-      if (ref != null) {
-        setRef(ref, null, parentSuspense, vnode, true);
-      }
+        var _mainAnchor = n2.anchor = n1.anchor;
 
-      if (shapeFlag & 256
-      /* COMPONENT_SHOULD_KEEP_ALIVE */
-      ) {
-        parentComponent.ctx.deactivate(vnode);
-        return;
-      }
+        var _target = n2.target = n1.target;
 
-      var shouldInvokeDirs = shapeFlag & 1
-      /* ELEMENT */
-      && dirs;
-      var vnodeHook;
+        var _targetAnchor = n2.targetAnchor = n1.targetAnchor;
 
-      if (vnodeHook = props && props.onVnodeBeforeUnmount) {
-        invokeVNodeHook(vnodeHook, parentComponent, vnode);
-      }
+        var wasDisabled = isTeleportDisabled(n1.props);
+        var currentContainer = wasDisabled ? container : _target;
+        var currentAnchor = wasDisabled ? _mainAnchor : _targetAnchor;
+        isSVG = isSVG || isTargetSVG(_target);
 
-      if (shapeFlag & 6
-      /* COMPONENT */
-      ) {
-        unmountComponent(vnode.component, parentSuspense, doRemove);
-      } else {
-        if (shapeFlag & 128
-        /* SUSPENSE */
-        ) {
-          vnode.suspense.unmount(parentSuspense, doRemove);
-          return;
-        }
+        if (dynamicChildren) {
+          // fast path when the teleport happens to be a block root
+          patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds); // even in block tree mode we need to make sure all root-level nodes
+          // in the teleport inherit previous DOM references so that they can
+          // be moved in future patches.
 
-        if (shouldInvokeDirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
+          traverseStaticChildren(n1, n2, true);
+        } else if (!optimized) {
+          patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
         }
 
-        if (shapeFlag & 64
-        /* TELEPORT */
-        ) {
-          vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
-        } else if (dynamicChildren && (type !== Fragment || patchFlag > 0 && patchFlag & 64
-        /* STABLE_FRAGMENT */
-        )) {
-          // fast path for block nodes: only need to unmount dynamic children.
-          unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
-        } else if (type === Fragment && (patchFlag & 128
-        /* KEYED_FRAGMENT */
-        || patchFlag & 256
-        /* UNKEYED_FRAGMENT */
-        ) || !optimized && shapeFlag & 16
-        /* ARRAY_CHILDREN */
-        ) {
-          unmountChildren(children, parentComponent, parentSuspense);
-        }
+        if (disabled) {
+          if (!wasDisabled) {
+            // enabled -> disabled
+            // move into main container
+            moveTeleport(n2, container, _mainAnchor, internals, 1
+            /* TOGGLE */
+            );
+          }
+        } else {
+          // target changed
+          if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
+            var nextTarget = n2.target = resolveTarget(n2.props, querySelector);
 
-        if (doRemove) {
-          remove(vnode);
+            if (nextTarget) {
+              moveTeleport(n2, nextTarget, null, internals, 0
+              /* TARGET_CHANGE */
+              );
+            }
+          } else if (wasDisabled) {
+            // disabled -> enabled
+            // move into teleport target
+            moveTeleport(n2, _target, _targetAnchor, internals, 1
+            /* TOGGLE */
+            );
+          }
         }
       }
+    },
 
-      if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-          shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
-        }, parentSuspense);
+    remove(vnode, parentComponent, parentSuspense, optimized, {
+      um: unmount,
+      o: {
+        remove: hostRemove
       }
-    };
-
-    var remove = vnode => {
+    }, doRemove) {
       var {
-        type,
-        el,
+        shapeFlag,
+        children,
         anchor,
-        transition
+        targetAnchor,
+        target,
+        props
       } = vnode;
 
-      if (type === Fragment) {
-        removeFragment(el, anchor);
-        return;
-      }
+      if (target) {
+        hostRemove(targetAnchor);
+      } // an unmounted teleport should always remove its children if not disabled
 
-      if (type === Static) {
-        removeStaticNode(vnode);
-        return;
-      }
 
-      var performRemove = () => {
-        hostRemove(el);
+      if (doRemove || !isTeleportDisabled(props)) {
+        hostRemove(anchor);
 
-        if (transition && !transition.persisted && transition.afterLeave) {
-          transition.afterLeave();
+        if (shapeFlag & 16
+        /* ARRAY_CHILDREN */
+        ) {
+          for (var i = 0; i < children.length; i++) {
+            var child = children[i];
+            unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+          }
         }
-      };
+      }
+    },
 
-      if (vnode.shapeFlag & 1
-      /* ELEMENT */
-      && transition && !transition.persisted) {
-        var {
-          leave,
-          delayLeave
-        } = transition;
+    move: moveTeleport,
+    hydrate: hydrateTeleport
+  };
 
-        var performLeave = () => leave(el, performRemove);
+  function moveTeleport(vnode, container, parentAnchor, {
+    o: {
+      insert
+    },
+    m: move
+  }, moveType = 2
+  /* REORDER */
+  ) {
+    // move target anchor if this is a target change.
+    if (moveType === 0
+    /* TARGET_CHANGE */
+    ) {
+      insert(vnode.targetAnchor, container, parentAnchor);
+    }
 
-        if (delayLeave) {
-          delayLeave(vnode.el, performRemove, performLeave);
-        } else {
-          performLeave();
+    var {
+      el,
+      anchor,
+      shapeFlag,
+      children,
+      props
+    } = vnode;
+    var isReorder = moveType === 2
+    /* REORDER */
+    ; // move main view anchor if this is a re-order.
+
+    if (isReorder) {
+      insert(el, container, parentAnchor);
+    } // if this is a re-order and teleport is enabled (content is in target)
+    // do not move children. So the opposite is: only move children if this
+    // is not a reorder, or the teleport is disabled
+
+
+    if (!isReorder || isTeleportDisabled(props)) {
+      // Teleport has either Array children or no children.
+      if (shapeFlag & 16
+      /* ARRAY_CHILDREN */
+      ) {
+        for (var i = 0; i < children.length; i++) {
+          move(children[i], container, parentAnchor, 2
+          /* REORDER */
+          );
         }
-      } else {
-        performRemove();
       }
-    };
+    } // move main view anchor if this is a re-order.
 
-    var removeFragment = (cur, end) => {
-      // For fragments, directly remove all contained DOM nodes.
-      // (fragment child nodes cannot have transition)
-      var next;
 
-      while (cur !== end) {
-        next = hostNextSibling(cur);
-        hostRemove(cur);
-        cur = next;
-      }
+    if (isReorder) {
+      insert(anchor, container, parentAnchor);
+    }
+  }
 
-      hostRemove(end);
-    };
+  function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, {
+    o: {
+      nextSibling,
+      parentNode,
+      querySelector
+    }
+  }, hydrateChildren) {
+    var target = vnode.target = resolveTarget(vnode.props, querySelector);
 
-    var unmountComponent = (instance, parentSuspense, doRemove) => {
-      var {
-        bum,
-        effects,
-        update,
-        subTree,
-        um
-      } = instance; // beforeUnmount hook
+    if (target) {
+      // if multiple teleports rendered to the same target element, we need to
+      // pick up from where the last teleport finished instead of the first node
+      var targetNode = target._lpa || target.firstChild;
 
-      if (bum) {
-        invokeArrayFns(bum);
+      if (vnode.shapeFlag & 16
+      /* ARRAY_CHILDREN */
+      ) {
+        if (isTeleportDisabled(vnode.props)) {
+          vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
+          vnode.targetAnchor = targetNode;
+        } else {
+          vnode.anchor = nextSibling(node);
+          vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+        }
+
+        target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
       }
+    }
 
-      if (effects) {
-        for (var i = 0; i < effects.length; i++) {
-          stop(effects[i]);
-        }
-      } // update may be null if a component is unmounted before its async
-      // setup has resolved.
+    return vnode.anchor && nextSibling(vnode.anchor);
+  } // Force-casted public typing for h and TSX props inference
 
 
-      if (update) {
-        stop(update);
-        unmount(subTree, instance, parentSuspense, doRemove);
-      } // unmounted hook
+  var Teleport = TeleportImpl;
+  var COMPONENTS = 'components';
+  var DIRECTIVES = 'directives';
+  /**
+   * @private
+   */
 
+  function resolveComponent(name, maybeSelfReference) {
+    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+  }
 
-      if (um) {
-        queuePostRenderEffect(um, parentSuspense);
-      }
+  var NULL_DYNAMIC_COMPONENT = Symbol();
+  /**
+   * @private
+   */
 
-      queuePostRenderEffect(() => {
-        instance.isUnmounted = true;
-      }, parentSuspense); // A component with async dep inside a pending suspense is unmounted before
-      // its async dep resolves. This should remove the dep from the suspense, and
-      // cause the suspense to resolve immediately if that was the last dep.
+  function resolveDynamicComponent(component) {
+    if (isString(component)) {
+      return resolveAsset(COMPONENTS, component, false) || component;
+    } else {
+      // invalid types will fallthrough to createVNode and raise warning
+      return component || NULL_DYNAMIC_COMPONENT;
+    }
+  }
+  /**
+   * @private
+   */
 
-      if (parentSuspense && parentSuspense.pendingBranch && !parentSuspense.isUnmounted && instance.asyncDep && !instance.asyncResolved && instance.suspenseId === parentSuspense.pendingId) {
-        parentSuspense.deps--;
 
-        if (parentSuspense.deps === 0) {
-          parentSuspense.resolve();
-        }
-      }
-    };
+  function resolveDirective(name) {
+    return resolveAsset(DIRECTIVES, name);
+  } // implementation
 
-    var unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
-      for (var i = start; i < children.length; i++) {
-        unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
-      }
-    };
 
-    var getNextHostNode = vnode => {
-      if (vnode.shapeFlag & 6
-      /* COMPONENT */
-      ) {
-        return getNextHostNode(vnode.component.subTree);
-      }
+  function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
+    var instance = currentRenderingInstance || currentInstance;
 
-      if (vnode.shapeFlag & 128
-      /* SUSPENSE */
-      ) {
-        return vnode.suspense.next();
-      }
+    if (instance) {
+      var Component = instance.type; // explicit self name has highest priority
 
-      return hostNextSibling(vnode.anchor || vnode.el);
-    };
+      if (type === COMPONENTS) {
+        var selfName = getComponentName(Component);
 
-    var render = (vnode, container, isSVG) => {
-      if (vnode == null) {
-        if (container._vnode) {
-          unmount(container._vnode, null, null, true);
+        if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
+          return Component;
         }
-      } else {
-        patch(container._vnode || null, vnode, container, null, null, null, isSVG);
       }
 
-      flushPostFlushCbs();
-      container._vnode = vnode;
-    };
+      var res = // local registration
+      // check instance[type] first which is resolved for options API
+      resolve(instance[type] || Component[type], name) || // window registration
+      resolve(instance.appContext[type], name);
 
-    var internals = {
-      p: patch,
-      um: unmount,
-      m: move,
-      r: remove,
-      mt: mountComponent,
-      mc: mountChildren,
-      pc: patchChildren,
-      pbc: patchBlockChildren,
-      n: getNextHostNode,
-      o: options
-    };
-    var hydrate;
-    var hydrateNode;
+      if (!res && maybeSelfReference) {
+        // fallback to implicit self-reference
+        return Component;
+      }
 
-    if (createHydrationFns) {
-      [hydrate, hydrateNode] = createHydrationFns(internals);
+      return res;
     }
-
-    return {
-      render,
-      hydrate,
-      createApp: createAppAPI(render, hydrate)
-    };
   }
 
-  function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
-    callWithAsyncErrorHandling(hook, instance, 7
-    /* VNODE_HOOK */
-    , [vnode, prevVNode]);
+  function resolve(registry, name) {
+    return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
   }
-  /**
-   * #1156
-   * When a component is HMR-enabled, we need to make sure that all static nodes
-   * inside a block also inherit the DOM element from the previous tree so that
-   * HMR updates (which are full updates) can retrieve the element for patching.
-   *
-   * #2080
-   * Inside keyed `template` fragment static children, if a fragment is moved,
-   * the children will always moved so that need inherit el form previous nodes
-   * to ensure correct moved position.
-   */
-
-
-  function traverseStaticChildren(n1, n2, shallow = false) {
-    var ch1 = n1.children;
-    var ch2 = n2.children;
 
-    if (isArray(ch1) && isArray(ch2)) {
-      for (var i = 0; i < ch1.length; i++) {
-        // this is only called in the optimized path so array children are
-        // guaranteed to be vnodes
-        var c1 = ch1[i];
-        var c2 = ch2[i];
+  var Fragment = Symbol(undefined);
+  var Text = Symbol(undefined);
+  var Comment$1 = Symbol(undefined);
+  var Static = Symbol(undefined); // Since v-if and v-for are the two possible ways node structure can dynamically
+  // change, once we consider v-if branches and each v-for fragment a block, we
+  // can divide a template into nested blocks, and within each block the node
+  // structure would be stable. This allows us to skip most children diffing
+  // and only worry about the dynamic nodes (indicated by patch flags).
 
-        if (c2.shapeFlag & 1
-        /* ELEMENT */
-        && !c2.dynamicChildren) {
-          if (c2.patchFlag <= 0 || c2.patchFlag === 32
-          /* HYDRATE_EVENTS */
-          ) {
-            c2 = ch2[i] = cloneIfMounted(ch2[i]);
-            c2.el = c1.el;
-          }
+  var blockStack = [];
+  var currentBlock = null;
+  /**
+   * Open a block.
+   * This must be called before `createBlock`. It cannot be part of `createBlock`
+   * because the children of the block are evaluated before `createBlock` itself
+   * is called. The generated code typically looks like this:
+   *
+   * ```js
+   * function render() {
+   *   return (openBlock(),createBlock('div', null, [...]))
+   * }
+   * ```
+   * disableTracking is true when creating a v-for fragment block, since a v-for
+   * fragment always diffs its children.
+   *
+   * @private
+   */
 
-          if (!shallow) traverseStaticChildren(c1, c2);
-        }
-      }
-    }
-  } // https://en.wikipedia.org/wiki/Longest_increasing_subsequence
+  function openBlock(disableTracking = false) {
+    blockStack.push(currentBlock = disableTracking ? null : []);
+  }
 
+  function closeBlock() {
+    blockStack.pop();
+    currentBlock = blockStack[blockStack.length - 1] || null;
+  } // Whether we should be tracking dynamic child nodes inside a block.
+  // Only tracks when this value is > 0
+  // We are not using a simple boolean because this value may need to be
+  // incremented/decremented by nested usage of v-once (see below)
 
-  function getSequence(arr) {
-    var p = arr.slice();
-    var result = [0];
-    var i, j, u, v, c;
-    var len = arr.length;
 
-    for (i = 0; i < len; i++) {
-      var arrI = arr[i];
+  var isBlockTreeEnabled = 1;
+  /**
+   * Block tracking sometimes needs to be disabled, for example during the
+   * creation of a tree that needs to be cached by v-once. The compiler generates
+   * code like this:
+   *
+   * ``` js
+   * _cache[1] || (
+   *   setBlockTracking(-1),
+   *   _cache[1] = createVNode(...),
+   *   setBlockTracking(1),
+   *   _cache[1]
+   * )
+   * ```
+   *
+   * @private
+   */
 
-      if (arrI !== 0) {
-        j = result[result.length - 1];
+  function setBlockTracking(value) {
+    isBlockTreeEnabled += value;
+  }
 
-        if (arr[j] < arrI) {
-          p[i] = j;
-          result.push(i);
-          continue;
-        }
+  function setupBlock(vnode) {
+    // save current block children on the block vnode
+    vnode.dynamicChildren = isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null; // close block
 
-        u = 0;
-        v = result.length - 1;
+    closeBlock(); // a block is always going to be patched, so track it as a child of its
+    // parent block
 
-        while (u < v) {
-          c = (u + v) / 2 | 0;
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+      currentBlock.push(vnode);
+    }
 
-          if (arr[result[c]] < arrI) {
-            u = c + 1;
-          } else {
-            v = c;
-          }
-        }
+    return vnode;
+  }
+  /**
+   * @private
+   */
 
-        if (arrI < arr[result[u]]) {
-          if (u > 0) {
-            p[i] = result[u - 1];
-          }
 
-          result[u] = i;
-        }
-      }
-    }
+  function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true
+    /* isBlock */
+    ));
+  }
+  /**
+   * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+   * A block root keeps track of dynamic nodes within the block in the
+   * `dynamicChildren` array.
+   *
+   * @private
+   */
 
-    u = result.length;
-    v = result[u - 1];
 
-    while (u-- > 0) {
-      result[u] = v;
-      v = p[v];
-    }
+  function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true
+    /* isBlock: prevent a block from tracking itself */
+    ));
+  }
 
-    return result;
+  function isVNode(value) {
+    return value ? value.__v_isVNode === true : false;
   }
 
-  var isTeleport = type => type.__isTeleport;
+  function isSameVNodeType(n1, n2) {
+    return n1.type === n2.type && n1.key === n2.key;
+  }
+  /**
+   * Internal API for registering an arguments transform for createVNode
+   * used for creating stubs in the test-utils
+   * It is *internal* but needs to be exposed for test-utils to pick up proper
+   * typings
+   */
 
-  var isTeleportDisabled = props => props && (props.disabled || props.disabled === '');
 
-  var isTargetSVG = target => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
+  function transformVNodeArgs(transformer) {}
 
-  var resolveTarget = (props, select) => {
-    var targetSelector = props && props.to;
+  var InternalObjectKey = "__vInternal";
 
-    if (isString(targetSelector)) {
-      if (!select) {
-        return null;
-      } else {
-        var target = select(targetSelector);
-        return target;
-      }
-    } else {
-      return targetSelector;
-    }
+  var normalizeKey = ({
+    key
+  }) => key != null ? key : null;
+
+  var normalizeRef = ({
+    ref
+  }) => {
+    return ref != null ? isString(ref) || isRef(ref) || isFunction(ref) ? {
+      i: currentRenderingInstance,
+      r: ref
+    } : ref : null;
   };
 
-  var TeleportImpl = {
-    __isTeleport: true,
+  function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1
+  /* ELEMENT */
+  , isBlockNode = false, needFullChildrenNormalization = false) {
+    var vnode = {
+      __v_isVNode: true,
+      __v_skip: true,
+      type,
+      props,
+      key: props && normalizeKey(props),
+      ref: props && normalizeRef(props),
+      scopeId: currentScopeId,
+      slotScopeIds: null,
+      children,
+      component: null,
+      suspense: null,
+      ssContent: null,
+      ssFallback: null,
+      dirs: null,
+      transition: null,
+      el: null,
+      anchor: null,
+      target: null,
+      targetAnchor: null,
+      staticCount: 0,
+      shapeFlag,
+      patchFlag,
+      dynamicProps,
+      dynamicChildren: null,
+      appContext: null
+    };
 
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
-      var {
-        mc: mountChildren,
-        pc: patchChildren,
-        pbc: patchBlockChildren,
-        o: {
-          insert,
-          querySelector,
-          createText,
-          createComment
-        }
-      } = internals;
-      var disabled = isTeleportDisabled(n2.props);
-      var {
-        shapeFlag,
-        children,
-        dynamicChildren
-      } = n2;
+    if (needFullChildrenNormalization) {
+      normalizeChildren(vnode, children); // normalize suspense children
 
-      if (n1 == null) {
-        // insert anchors in the main view
-        var placeholder = n2.el = createText('', container); // fixed by xxxxxx
+      if (shapeFlag & 128
+      /* SUSPENSE */
+      ) {
+        type.normalize(vnode);
+      }
+    } else if (children) {
+      // compiled element vnode - if children is passed, only possible types are
+      // string or Array.
+      vnode.shapeFlag |= isString(children) ? 8
+      /* TEXT_CHILDREN */
+      : 16
+      /* ARRAY_CHILDREN */
+      ;
+    } // track vnode for block tree
 
-        var mainAnchor = n2.anchor = createText('', container); // fixed by xxxxxx
 
-        insert(placeholder, container, anchor);
-        insert(mainAnchor, container, anchor);
-        var target = n2.target = resolveTarget(n2.props, querySelector);
-        var targetAnchor = n2.targetAnchor = createText('', container); // fixed by xxxxxx
+    if (isBlockTreeEnabled > 0 && // avoid a block node from tracking itself
+    !isBlockNode && // has current parent block
+    currentBlock && (vnode.patchFlag > 0 || shapeFlag & 6
+    /* COMPONENT */
+    ) && // the EVENTS flag is only for hydration and if it is the only flag, the
+    // vnode should not be considered dynamic due to handler caching.
+    vnode.patchFlag !== 32
+    /* HYDRATE_EVENTS */
+    ) {
+      currentBlock.push(vnode);
+    }
 
-        if (target) {
-          insert(targetAnchor, target); // #2652 we could be teleporting from a non-SVG tree into an SVG tree
+    return vnode;
+  }
 
-          isSVG = isSVG || isTargetSVG(target);
-        }
+  var createVNode = _createVNode;
 
-        var mount = (container, anchor) => {
-          // Teleport *always* has Array children. This is enforced in both the
-          // compiler and vnode children normalization.
-          if (shapeFlag & 16
-          /* ARRAY_CHILDREN */
-          ) {
-            mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-          }
-        };
+  function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
+    if (!type || type === NULL_DYNAMIC_COMPONENT) {
+      type = Comment$1;
+    }
 
-        if (disabled) {
-          mount(container, mainAnchor);
-        } else if (target) {
-          mount(target, targetAnchor);
-        }
-      } else {
-        // update content
-        n2.el = n1.el;
+    if (isVNode(type)) {
+      // createVNode receiving an existing vnode. This happens in cases like
+      // <component :is="vnode"/>
+      // #2078 make sure to merge refs during the clone instead of overwriting it
+      var cloned = cloneVNode(type, props, true
+      /* mergeRef: true */
+      );
 
-        var _mainAnchor = n2.anchor = n1.anchor;
+      if (children) {
+        normalizeChildren(cloned, children);
+      }
 
-        var _target = n2.target = n1.target;
+      return cloned;
+    } // class component normalization.
 
-        var _targetAnchor = n2.targetAnchor = n1.targetAnchor;
 
-        var wasDisabled = isTeleportDisabled(n1.props);
-        var currentContainer = wasDisabled ? container : _target;
-        var currentAnchor = wasDisabled ? _mainAnchor : _targetAnchor;
-        isSVG = isSVG || isTargetSVG(_target);
+    if (isClassComponent(type)) {
+      type = type.__vccOpts;
+    } // class & style normalization.
 
-        if (dynamicChildren) {
-          // fast path when the teleport happens to be a block root
-          patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds); // even in block tree mode we need to make sure all root-level nodes
-          // in the teleport inherit previous DOM references so that they can
-          // be moved in future patches.
 
-          traverseStaticChildren(n1, n2, true);
-        } else if (!optimized) {
-          patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
-        }
+    if (props) {
+      // for reactive or proxy objects, we need to clone it to enable mutation.
+      props = guardReactiveProps(props);
+      var {
+        class: klass,
+        style
+      } = props;
 
-        if (disabled) {
-          if (!wasDisabled) {
-            // enabled -> disabled
-            // move into main container
-            moveTeleport(n2, container, _mainAnchor, internals, 1
-            /* TOGGLE */
-            );
-          }
-        } else {
-          // target changed
-          if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-            var nextTarget = n2.target = resolveTarget(n2.props, querySelector);
+      if (klass && !isString(klass)) {
+        props.class = normalizeClass(klass);
+      }
 
-            if (nextTarget) {
-              moveTeleport(n2, nextTarget, null, internals, 0
-              /* TARGET_CHANGE */
-              );
-            }
-          } else if (wasDisabled) {
-            // disabled -> enabled
-            // move into teleport target
-            moveTeleport(n2, _target, _targetAnchor, internals, 1
-            /* TOGGLE */
-            );
-          }
+      if (isObject(style)) {
+        // reactive state objects need to be cloned since they are likely to be
+        // mutated
+        if (isProxy(style) && !isArray(style)) {
+          style = extend({}, style);
         }
-      }
-    },
 
-    remove(vnode, parentComponent, parentSuspense, optimized, {
-      um: unmount,
-      o: {
-        remove: hostRemove
+        props.style = normalizeStyle(style);
       }
-    }, doRemove) {
-      var {
-        shapeFlag,
-        children,
-        anchor,
-        targetAnchor,
-        target,
-        props
-      } = vnode;
-
-      if (target) {
-        hostRemove(targetAnchor);
-      } // an unmounted teleport should always remove its children if not disabled
-
-
-      if (doRemove || !isTeleportDisabled(props)) {
-        hostRemove(anchor);
+    } // encode the vnode type information into a bitmap
 
-        if (shapeFlag & 16
-        /* ARRAY_CHILDREN */
-        ) {
-          for (var i = 0; i < children.length; i++) {
-            var child = children[i];
-            unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
-          }
-        }
-      }
-    },
 
-    move: moveTeleport,
-    hydrate: hydrateTeleport
-  };
+    var shapeFlag = isString(type) ? 1
+    /* ELEMENT */
+    : isSuspense(type) ? 128
+    /* SUSPENSE */
+    : isTeleport(type) ? 64
+    /* TELEPORT */
+    : isObject(type) ? 4
+    /* STATEFUL_COMPONENT */
+    : isFunction(type) ? 2
+    /* FUNCTIONAL_COMPONENT */
+    : 0;
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+  }
 
-  function moveTeleport(vnode, container, parentAnchor, {
-    o: {
-      insert
-    },
-    m: move
-  }, moveType = 2
-  /* REORDER */
-  ) {
-    // move target anchor if this is a target change.
-    if (moveType === 0
-    /* TARGET_CHANGE */
-    ) {
-      insert(vnode.targetAnchor, container, parentAnchor);
-    }
+  function guardReactiveProps(props) {
+    if (!props) return null;
+    return isProxy(props) || InternalObjectKey in props ? extend({}, props) : props;
+  }
 
+  function cloneVNode(vnode, extraProps, mergeRef = false) {
+    // This is intentionally NOT using spread or extend to avoid the runtime
+    // key enumeration cost.
     var {
-      el,
-      anchor,
-      shapeFlag,
-      children,
-      props
+      props,
+      ref,
+      patchFlag,
+      children
     } = vnode;
-    var isReorder = moveType === 2
-    /* REORDER */
-    ; // move main view anchor if this is a re-order.
-
-    if (isReorder) {
-      insert(el, container, parentAnchor);
-    } // if this is a re-order and teleport is enabled (content is in target)
-    // do not move children. So the opposite is: only move children if this
-    // is not a reorder, or the teleport is disabled
+    var mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
+    var cloned = {
+      __v_isVNode: true,
+      __v_skip: true,
+      type: vnode.type,
+      props: mergedProps,
+      key: mergedProps && normalizeKey(mergedProps),
+      ref: extraProps && extraProps.ref ? // #2078 in the case of <component :is="vnode" ref="extra"/>
+      // if the vnode itself already has a ref, cloneVNode will need to merge
+      // the refs so the single vnode can be set on multiple refs
+      mergeRef && ref ? isArray(ref) ? ref.concat(normalizeRef(extraProps)) : [ref, normalizeRef(extraProps)] : normalizeRef(extraProps) : ref,
+      scopeId: vnode.scopeId,
+      slotScopeIds: vnode.slotScopeIds,
+      children: children,
+      target: vnode.target,
+      targetAnchor: vnode.targetAnchor,
+      staticCount: vnode.staticCount,
+      shapeFlag: vnode.shapeFlag,
+      // if the vnode is cloned with extra props, we can no longer assume its
+      // existing patch flag to be reliable and need to add the FULL_PROPS flag.
+      // note: perserve flag for fragments since they use the flag for children
+      // fast paths only.
+      patchFlag: extraProps && vnode.type !== Fragment ? patchFlag === -1 // hoisted node
+      ? 16
+      /* FULL_PROPS */
+      : patchFlag | 16
+      /* FULL_PROPS */
+      : patchFlag,
+      dynamicProps: vnode.dynamicProps,
+      dynamicChildren: vnode.dynamicChildren,
+      appContext: vnode.appContext,
+      dirs: vnode.dirs,
+      transition: vnode.transition,
+      // These should technically only be non-null on mounted VNodes. However,
+      // they *should* be copied for kept-alive vnodes. So we just always copy
+      // them since them being non-null during a mount doesn't affect the logic as
+      // they will simply be overwritten.
+      component: vnode.component,
+      suspense: vnode.suspense,
+      ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
+      ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
+      el: vnode.el,
+      anchor: vnode.anchor
+    };
+    return cloned;
+  }
+  /**
+   * @private
+   */
 
 
-    if (!isReorder || isTeleportDisabled(props)) {
-      // Teleport has either Array children or no children.
-      if (shapeFlag & 16
-      /* ARRAY_CHILDREN */
-      ) {
-        for (var i = 0; i < children.length; i++) {
-          move(children[i], container, parentAnchor, 2
-          /* REORDER */
-          );
-        }
-      }
-    } // move main view anchor if this is a re-order.
+  function createTextVNode(text = ' ', flag = 0) {
+    return createVNode(Text, null, text, flag);
+  }
+  /**
+   * @private
+   */
 
 
-    if (isReorder) {
-      insert(anchor, container, parentAnchor);
-    }
+  function createStaticVNode(content, numberOfNodes) {
+    // A static vnode can contain multiple stringified elements, and the number
+    // of elements is necessary for hydration.
+    var vnode = createVNode(Static, null, content);
+    vnode.staticCount = numberOfNodes;
+    return vnode;
   }
+  /**
+   * @private
+   */
 
-  function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, {
-    o: {
-      nextSibling,
-      parentNode,
-      querySelector
-    }
-  }, hydrateChildren) {
-    var target = vnode.target = resolveTarget(vnode.props, querySelector);
 
-    if (target) {
-      // if multiple teleports rendered to the same target element, we need to
-      // pick up from where the last teleport finished instead of the first node
-      var targetNode = target._lpa || target.firstChild;
+  function createCommentVNode(text = '', // when used as the v-else branch, the comment node must be created as a
+  // block to ensure correct updates.
+  asBlock = false) {
+    return asBlock ? (openBlock(), createBlock(Comment$1, null, text)) : createVNode(Comment$1, null, text);
+  }
 
-      if (vnode.shapeFlag & 16
-      /* ARRAY_CHILDREN */
+  function normalizeVNode(child) {
+    if (child == null || typeof child === 'boolean') {
+      // empty placeholder
+      return createVNode(Comment$1);
+    } else if (isArray(child)) {
+      // fragment
+      return createVNode(Fragment, null, // #3666, avoid reference pollution when reusing vnode
+      child.slice());
+    } else if (typeof child === 'object') {
+      // already vnode, this should be the most common since compiled templates
+      // always produce all-vnode children arrays
+      return cloneIfMounted(child);
+    } else {
+      // strings and numbers
+      return createVNode(Text, null, String(child));
+    }
+  } // optimized normalization for template-compiled render fns
+
+
+  function cloneIfMounted(child) {
+    return child.el === null || child.memo ? child : cloneVNode(child);
+  }
+
+  function normalizeChildren(vnode, children) {
+    var type = 0;
+    var {
+      shapeFlag
+    } = vnode;
+
+    if (children == null) {
+      children = null;
+    } else if (isArray(children)) {
+      type = 16
+      /* ARRAY_CHILDREN */
+      ;
+    } else if (typeof children === 'object') {
+      if (shapeFlag & 1
+      /* ELEMENT */
+      || shapeFlag & 64
+      /* TELEPORT */
       ) {
-        if (isTeleportDisabled(vnode.props)) {
-          vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-          vnode.targetAnchor = targetNode;
-        } else {
-          vnode.anchor = nextSibling(node);
-          vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+        // Normalize slot to plain children for plain element and Teleport
+        var slot = children.default;
+
+        if (slot) {
+          // _c marker is added by withCtx() indicating this is a compiled slot
+          slot._c && (slot._d = false);
+          normalizeChildren(vnode, slot());
+          slot._c && (slot._d = true);
         }
 
-        target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+        return;
+      } else {
+        type = 32
+        /* SLOTS_CHILDREN */
+        ;
+        var slotFlag = children._;
+
+        if (!slotFlag && !(InternalObjectKey in children)) {
+          children._ctx = currentRenderingInstance;
+        } else if (slotFlag === 3
+        /* FORWARDED */
+        && currentRenderingInstance) {
+          // a child component receives forwarded slots from the parent.
+          // its slot type is determined by its parent's slot type.
+          if (currentRenderingInstance.slots._ === 1
+          /* STABLE */
+          ) {
+            children._ = 1
+            /* STABLE */
+            ;
+          } else {
+            children._ = 2
+            /* DYNAMIC */
+            ;
+            vnode.patchFlag |= 1024
+            /* DYNAMIC_SLOTS */
+            ;
+          }
+        }
       }
-    }
+    } else if (isFunction(children)) {
+      children = {
+        default: children,
+        _ctx: currentRenderingInstance
+      };
+      type = 32
+      /* SLOTS_CHILDREN */
+      ;
+    } else {
+      children = String(children); // force teleport children to array so it can be moved around
 
-    return vnode.anchor && nextSibling(vnode.anchor);
-  } // Force-casted public typing for h and TSX props inference
+      if (shapeFlag & 64
+      /* TELEPORT */
+      ) {
+        type = 16
+        /* ARRAY_CHILDREN */
+        ;
+        children = [createTextVNode(children)];
+      } else {
+        type = 8
+        /* TEXT_CHILDREN */
+        ;
+      }
+    }
 
+    vnode.children = children;
+    vnode.shapeFlag |= type;
+  }
 
-  var Teleport = TeleportImpl;
-  var COMPONENTS = 'components';
-  var DIRECTIVES = 'directives';
-  /**
-   * @private
-   */
+  function mergeProps(...args) {
+    var ret = {};
 
-  function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
-  }
+    for (var i = 0; i < args.length; i++) {
+      var toMerge = args[i];
 
-  var NULL_DYNAMIC_COMPONENT = Symbol();
-  /**
-   * @private
-   */
+      for (var key in toMerge) {
+        if (key === 'class') {
+          if (ret.class !== toMerge.class) {
+            ret.class = normalizeClass([ret.class, toMerge.class]);
+          }
+        } else if (key === 'style') {
+          ret.style = normalizeStyle([ret.style, toMerge.style]);
+        } else if (isOn(key)) {
+          var existing = ret[key];
+          var incoming = toMerge[key];
 
-  function resolveDynamicComponent(component) {
-    if (isString(component)) {
-      return resolveAsset(COMPONENTS, component, false) || component;
-    } else {
-      // invalid types will fallthrough to createVNode and raise warning
-      return component || NULL_DYNAMIC_COMPONENT;
+          if (existing !== incoming) {
+            ret[key] = existing ? [].concat(existing, incoming) : incoming;
+          }
+        } else if (key !== '') {
+          ret[key] = toMerge[key];
+        }
+      }
     }
+
+    return ret;
   }
   /**
-   * @private
+   * Actual implementation
    */
 
 
-  function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
-  } // implementation
-
-
-  function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    var instance = currentRenderingInstance || currentInstance;
-
-    if (instance) {
-      var Component = instance.type; // explicit self name has highest priority
+  function renderList(source, renderItem, cache, index) {
+    var ret;
+    var cached = cache && cache[index];
 
-      if (type === COMPONENTS) {
-        var selfName = getComponentName(Component);
+    if (isArray(source) || isString(source)) {
+      ret = new Array(source.length);
 
-        if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
-          return Component;
-        }
+      for (var i = 0, l = source.length; i < l; i++) {
+        ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
       }
+    } else if (typeof source === 'number') {
+      ret = new Array(source);
 
-      var res = // local registration
-      // check instance[type] first which is resolved for options API
-      resolve(instance[type] || Component[type], name) || // window registration
-      resolve(instance.appContext[type], name);
+      for (var _i2 = 0; _i2 < source; _i2++) {
+        ret[_i2] = renderItem(_i2 + 1, _i2, undefined, cached && cached[_i2]);
+      }
+    } else if (isObject(source)) {
+      if (source[Symbol.iterator]) {
+        ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
+      } else {
+        var keys = Object.keys(source);
+        ret = new Array(keys.length);
 
-      if (!res && maybeSelfReference) {
-        // fallback to implicit self-reference
-        return Component;
+        for (var _i3 = 0, _l = keys.length; _i3 < _l; _i3++) {
+          var key = keys[_i3];
+          ret[_i3] = renderItem(source[key], key, _i3, cached && cached[_i3]);
+        }
       }
+    } else {
+      ret = [];
+    }
 
-      return res;
+    if (cache) {
+      cache[index] = ret;
     }
-  }
 
-  function resolve(registry, name) {
-    return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
+    return ret;
   }
-
-  var Fragment = Symbol(undefined);
-  var Text = Symbol(undefined);
-  var Comment$1 = Symbol(undefined);
-  var Static = Symbol(undefined); // Since v-if and v-for are the two possible ways node structure can dynamically
-  // change, once we consider v-if branches and each v-for fragment a block, we
-  // can divide a template into nested blocks, and within each block the node
-  // structure would be stable. This allows us to skip most children diffing
-  // and only worry about the dynamic nodes (indicated by patch flags).
-
-  var blockStack = [];
-  var currentBlock = null;
   /**
-   * Open a block.
-   * This must be called before `createBlock`. It cannot be part of `createBlock`
-   * because the children of the block are evaluated before `createBlock` itself
-   * is called. The generated code typically looks like this:
-   *
-   * ```js
-   * function render() {
-   *   return (openBlock(),createBlock('div', null, [...]))
-   * }
-   * ```
-   * disableTracking is true when creating a v-for fragment block, since a v-for
-   * fragment always diffs its children.
-   *
+   * Compiler runtime helper for creating dynamic slots object
    * @private
    */
 
-  function openBlock(disableTracking = false) {
-    blockStack.push(currentBlock = disableTracking ? null : []);
-  }
 
-  function closeBlock() {
-    blockStack.pop();
-    currentBlock = blockStack[blockStack.length - 1] || null;
-  } // Whether we should be tracking dynamic child nodes inside a block.
-  // Only tracks when this value is > 0
-  // We are not using a simple boolean because this value may need to be
-  // incremented/decremented by nested usage of v-once (see below)
+  function createSlots(slots, dynamicSlots) {
+    for (var i = 0; i < dynamicSlots.length; i++) {
+      var slot = dynamicSlots[i]; // array of dynamic slot generated by <template v-for="..." #[...]>
 
+      if (isArray(slot)) {
+        for (var j = 0; j < slot.length; j++) {
+          slots[slot[j].name] = slot[j].fn;
+        }
+      } else if (slot) {
+        // conditional single slot generated by <template v-if="..." #foo>
+        slots[slot.name] = slot.fn;
+      }
+    }
 
-  var isBlockTreeEnabled = 1;
+    return slots;
+  }
   /**
-   * Block tracking sometimes needs to be disabled, for example during the
-   * creation of a tree that needs to be cached by v-once. The compiler generates
-   * code like this:
-   *
-   * ``` js
-   * _cache[1] || (
-   *   setBlockTracking(-1),
-   *   _cache[1] = createVNode(...),
-   *   setBlockTracking(1),
-   *   _cache[1]
-   * )
-   * ```
-   *
+   * Compiler runtime helper for rendering `<slot/>`
    * @private
    */
 
-  function setBlockTracking(value) {
-    isBlockTreeEnabled += value;
-  }
-  /**
-   * Create a block root vnode. Takes the same exact arguments as `createVNode`.
-   * A block root keeps track of dynamic nodes within the block in the
-   * `dynamicChildren` array.
-   *
-   * @private
-   */
 
+  function renderSlot(slots, name, props = {}, // this is not a user-facing function, so the fallback is always generated by
+  // the compiler and guaranteed to be a function returning an array
+  fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+      return createVNode('slot', name === 'default' ? null : {
+        name
+      }, fallback && fallback());
+    }
 
-  function createBlock(type, props, children, patchFlag, dynamicProps) {
-    var vnode = createVNode(type, props, children, patchFlag, dynamicProps, true
-    /* isBlock: prevent a block from tracking itself */
-    ); // save current block children on the block vnode
+    var slot = slots[name]; // a compiled slot disables block tracking by default to avoid manual
+    // invocation interfering with template-based block tracking, but in
+    // `renderSlot` we can be sure that it's template-based so we can force
+    // enable it.
 
-    vnode.dynamicChildren = isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null; // close block
+    if (slot && slot._c) {
+      slot._d = false;
+    }
 
-    closeBlock(); // a block is always going to be patched, so track it as a child of its
-    // parent block
+    openBlock();
+    var validSlotContent = slot && ensureValidVNode(slot(props));
+    var rendered = createBlock(Fragment, {
+      key: props.key || "_".concat(name)
+    }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1
+    /* STABLE */
+    ? 64
+    /* STABLE_FRAGMENT */
+    : -2
+    /* BAIL */
+    );
 
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-      currentBlock.push(vnode);
+    if (!noSlotted && rendered.scopeId) {
+      rendered.slotScopeIds = [rendered.scopeId + '-s'];
     }
 
-    return vnode;
-  }
+    if (slot && slot._c) {
+      slot._d = true;
+    }
 
-  function isVNode(value) {
-    return value ? value.__v_isVNode === true : false;
+    return rendered;
   }
 
-  function isSameVNodeType(n1, n2) {
-    return n1.type === n2.type && n1.key === n2.key;
+  function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+      if (!isVNode(child)) return true;
+      if (child.type === Comment$1) return false;
+      if (child.type === Fragment && !ensureValidVNode(child.children)) return false;
+      return true;
+    }) ? vnodes : null;
   }
   /**
-   * Internal API for registering an arguments transform for createVNode
-   * used for creating stubs in the test-utils
-   * It is *internal* but needs to be exposed for test-utils to pick up proper
-   * typings
+   * For prefixing keys in v-on="obj" with "on"
+   * @private
    */
 
 
-  function transformVNodeArgs(transformer) {}
+  function toHandlers(obj) {
+    var ret = {};
 
-  var InternalObjectKey = "__vInternal";
+    for (var key in obj) {
+      ret[toHandlerKey(key)] = obj[key];
+    }
 
-  var normalizeKey = ({
-    key
-  }) => key != null ? key : null;
+    return ret;
+  }
+  /**
+   * #2437 In Vue 3, functional components do not have a public instance proxy but
+   * they exist in the internal parent chain. For code that relies on traversing
+   * public $parent chains, skip functional ones and go to the parent instead.
+   */
 
-  var normalizeRef = ({
-    ref
-  }) => {
-    return ref != null ? isString(ref) || isRef(ref) || isFunction(ref) ? {
-      i: currentRenderingInstance,
-      r: ref
-    } : ref : null;
+
+  var getPublicInstance = i => {
+    if (!i) return null;
+    if (isStatefulComponent(i)) return getExposeProxy(i) || i.proxy;
+    return getPublicInstance(i.parent);
   };
 
-  var createVNode = _createVNode;
+  var publicPropertiesMap = extend(Object.create(null), {
+    $: i => i,
+    $el: i => i.vnode.el,
+    $data: i => i.data,
+    $props: i => i.props,
+    $attrs: i => i.attrs,
+    $slots: i => i.slots,
+    $refs: i => i.refs,
+    $parent: i => getPublicInstance(i.parent),
+    $root: i => getPublicInstance(i.root),
+    $emit: i => i.emit,
+    $options: i => resolveMergedOptions(i),
+    $forceUpdate: i => () => queueJob(i.update),
+    $nextTick: i => nextTick.bind(i.proxy),
+    $watch: i => instanceWatch.bind(i)
+  });
+  var PublicInstanceProxyHandlers = {
+    get({
+      _: instance
+    }, key) {
+      var {
+        ctx,
+        setupState,
+        data,
+        props,
+        accessCache,
+        type,
+        appContext
+      } = instance; // data / props / ctx
+      // This getter gets called for every property access on the render context
+      // during render and is a major hotspot. The most expensive part of this
+      // is the multiple hasOwn() calls. It's much faster to do a simple property
+      // access on a plain object, so we use an accessCache object (with null
+      // prototype) to memoize what access type a key corresponds to.
 
-  function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-      type = Comment$1;
-    }
+      var normalizedProps;
 
-    if (isVNode(type)) {
-      // createVNode receiving an existing vnode. This happens in cases like
-      // <component :is="vnode"/>
-      // #2078 make sure to merge refs during the clone instead of overwriting it
-      var cloned = cloneVNode(type, props, true
-      /* mergeRef: true */
-      );
+      if (key[0] !== '$') {
+        var n = accessCache[key];
 
-      if (children) {
-        normalizeChildren(cloned, children);
-      }
+        if (n !== undefined) {
+          switch (n) {
+            case 0
+            /* SETUP */
+            :
+              return setupState[key];
 
-      return cloned;
-    } // class component normalization.
+            case 1
+            /* DATA */
+            :
+              return data[key];
 
+            case 3
+            /* CONTEXT */
+            :
+              return ctx[key];
 
-    if (isClassComponent(type)) {
-      type = type.__vccOpts;
-    } // class & style normalization.
+            case 2
+            /* PROPS */
+            :
+              return props[key];
+            // default: just fallthrough
+          }
+        } else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+          accessCache[key] = 0
+          /* SETUP */
+          ;
+          return setupState[key];
+        } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+          accessCache[key] = 1
+          /* DATA */
+          ;
+          return data[key];
+        } else if ( // only cache other properties when instance has declared (thus stable)
+        // props
+        (normalizedProps = instance.propsOptions[0]) && hasOwn(normalizedProps, key)) {
+          accessCache[key] = 2
+          /* PROPS */
+          ;
+          return props[key];
+        } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+          accessCache[key] = 3
+          /* CONTEXT */
+          ;
+          return ctx[key];
+        } else if (shouldCacheAccess) {
+          accessCache[key] = 4
+          /* OTHER */
+          ;
+        }
+      }
 
+      var publicGetter = publicPropertiesMap[key];
+      var cssModule, globalProperties; // public $xxx properties
 
-    if (props) {
-      // for reactive or proxy objects, we need to clone it to enable mutation.
-      if (isProxy(props) || InternalObjectKey in props) {
-        props = extend({}, props);
-      }
+      if (publicGetter) {
+        if (key === '$attrs') {
+          track(instance, "get"
+          /* GET */
+          , key);
+        }
+
+        return publicGetter(instance);
+      } else if ( // css module (injected by vue-loader)
+      (cssModule = type.__cssModules) && (cssModule = cssModule[key])) {
+        return cssModule;
+      } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+        // user may set custom properties to `this` that start with `$`
+        accessCache[key] = 3
+        /* CONTEXT */
+        ;
+        return ctx[key];
+      } else if (globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key)) {
+        {
+          return globalProperties[key];
+        }
+      } else ;
+    },
 
+    set({
+      _: instance
+    }, key, value) {
       var {
-        class: klass,
-        style
-      } = props;
+        data,
+        setupState,
+        ctx
+      } = instance;
 
-      if (klass && !isString(klass)) {
-        props.class = normalizeClass(klass);
+      if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+        setupState[key] = value;
+      } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+        data[key] = value;
+      } else if (hasOwn(instance.props, key)) {
+        return false;
       }
 
-      if (isObject(style)) {
-        // reactive state objects need to be cloned since they are likely to be
-        // mutated
-        if (isProxy(style) && !isArray(style)) {
-          style = extend({}, style);
+      if (key[0] === '$' && key.slice(1) in instance) {
+        return false;
+      } else {
+        {
+          ctx[key] = value;
         }
+      }
 
-        props.style = normalizeStyle(style);
+      return true;
+    },
+
+    has({
+      _: {
+        data,
+        setupState,
+        accessCache,
+        ctx,
+        appContext,
+        propsOptions
       }
-    } // encode the vnode type information into a bitmap
+    }, key) {
+      var normalizedProps;
+      return accessCache[key] !== undefined || data !== EMPTY_OBJ && hasOwn(data, key) || setupState !== EMPTY_OBJ && hasOwn(setupState, key) || (normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key) || hasOwn(ctx, key) || hasOwn(publicPropertiesMap, key) || hasOwn(appContext.config.globalProperties, key);
+    }
 
+  };
+  var RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/extend({}, PublicInstanceProxyHandlers, {
+    get(target, key) {
+      // fast path for unscopables when using `with` block
+      if (key === Symbol.unscopables) {
+        return;
+      }
 
-    var shapeFlag = isString(type) ? 1
-    /* ELEMENT */
-    : isSuspense(type) ? 128
-    /* SUSPENSE */
-    : isTeleport(type) ? 64
-    /* TELEPORT */
-    : isObject(type) ? 4
-    /* STATEFUL_COMPONENT */
-    : isFunction(type) ? 2
-    /* FUNCTIONAL_COMPONENT */
-    : 0;
-    var vnode = {
-      __v_isVNode: true,
-      __v_skip: true,
+      return PublicInstanceProxyHandlers.get(target, key, target);
+    },
+
+    has(_, key) {
+      var has = key[0] !== '_' && !isGloballyWhitelisted(key);
+      return has;
+    }
+
+  });
+  var emptyAppContext = createAppContext();
+  var uid$1 = 0;
+
+  function createComponentInstance(vnode, parent, suspense) {
+    var type = vnode.type; // inherit parent app context - or - if root, adopt from root vnode
+
+    var appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
+    var instance = {
+      uid: uid$1++,
+      vnode,
       type,
-      props,
-      key: props && normalizeKey(props),
-      ref: props && normalizeRef(props),
-      scopeId: currentScopeId,
-      slotScopeIds: null,
-      children: null,
-      component: null,
-      suspense: null,
-      ssContent: null,
-      ssFallback: null,
-      dirs: null,
-      transition: null,
-      el: null,
-      anchor: null,
-      target: null,
-      targetAnchor: null,
-      shapeFlag,
-      patchFlag,
-      dynamicProps,
-      dynamicChildren: null,
-      appContext: null
+      parent,
+      appContext,
+      root: null,
+      next: null,
+      subTree: null,
+      update: null,
+      scope: new EffectScope(true
+      /* detached */
+      ),
+      render: null,
+      proxy: null,
+      exposed: null,
+      exposeProxy: null,
+      withProxy: null,
+      provides: parent ? parent.provides : Object.create(appContext.provides),
+      accessCache: null,
+      renderCache: [],
+      // local resovled assets
+      components: null,
+      directives: null,
+      // resolved props and emits options
+      propsOptions: normalizePropsOptions(type, appContext),
+      emitsOptions: normalizeEmitsOptions(type, appContext),
+      // emit
+      emit: null,
+      emitted: null,
+      // props default value
+      propsDefaults: EMPTY_OBJ,
+      // inheritAttrs
+      inheritAttrs: type.inheritAttrs,
+      // state
+      ctx: EMPTY_OBJ,
+      data: EMPTY_OBJ,
+      props: EMPTY_OBJ,
+      attrs: EMPTY_OBJ,
+      slots: EMPTY_OBJ,
+      refs: EMPTY_OBJ,
+      setupState: EMPTY_OBJ,
+      setupContext: null,
+      // suspense related
+      suspense,
+      suspenseId: suspense ? suspense.pendingId : 0,
+      asyncDep: null,
+      asyncResolved: false,
+      // lifecycle hooks
+      // not using enums here because it results in computed properties
+      isMounted: false,
+      isUnmounted: false,
+      isDeactivated: false,
+      bc: null,
+      c: null,
+      bm: null,
+      m: null,
+      bu: null,
+      u: null,
+      um: null,
+      bum: null,
+      da: null,
+      a: null,
+      rtg: null,
+      rtc: null,
+      ec: null,
+      sp: null
     };
-    normalizeChildren(vnode, children); // normalize suspense children
-
-    if (shapeFlag & 128
-    /* SUSPENSE */
-    ) {
-      type.normalize(vnode);
+    {
+      instance.ctx = {
+        _: instance
+      };
     }
+    instance.root = parent ? parent.root : instance;
+    instance.emit = emit.bind(null, instance); // apply custom element special handling
 
-    if (isBlockTreeEnabled > 0 && // avoid a block node from tracking itself
-    !isBlockNode && // has current parent block
-    currentBlock && (patchFlag > 0 || shapeFlag & 6
-    /* COMPONENT */
-    ) && // the EVENTS flag is only for hydration and if it is the only flag, the
-    // vnode should not be considered dynamic due to handler caching.
-    patchFlag !== 32
-    /* HYDRATE_EVENTS */
-    ) {
-      currentBlock.push(vnode);
+    if (vnode.ce) {
+      vnode.ce(instance);
     }
 
-    return vnode;
+    return instance;
   }
 
-  function cloneVNode(vnode, extraProps, mergeRef = false) {
-    // This is intentionally NOT using spread or extend to avoid the runtime
-    // key enumeration cost.
+  var currentInstance = null;
+
+  var getCurrentInstance = () => currentInstance || currentRenderingInstance;
+
+  var setCurrentInstance = instance => {
+    currentInstance = instance;
+    instance.scope.on();
+  };
+
+  var unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
+  };
+
+  function isStatefulComponent(instance) {
+    return instance.vnode.shapeFlag & 4
+    /* STATEFUL_COMPONENT */
+    ;
+  }
+
+  var isInSSRComponentSetup = false;
+
+  function setupComponent(instance, isSSR = false) {
+    isInSSRComponentSetup = isSSR;
     var {
       props,
-      ref,
-      patchFlag,
       children
-    } = vnode;
-    var mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    var cloned = {
-      __v_isVNode: true,
-      __v_skip: true,
-      type: vnode.type,
-      props: mergedProps,
-      key: mergedProps && normalizeKey(mergedProps),
-      ref: extraProps && extraProps.ref ? // #2078 in the case of <component :is="vnode" ref="extra"/>
-      // if the vnode itself already has a ref, cloneVNode will need to merge
-      // the refs so the single vnode can be set on multiple refs
-      mergeRef && ref ? isArray(ref) ? ref.concat(normalizeRef(extraProps)) : [ref, normalizeRef(extraProps)] : normalizeRef(extraProps) : ref,
-      scopeId: vnode.scopeId,
-      slotScopeIds: vnode.slotScopeIds,
-      children: children,
-      target: vnode.target,
-      targetAnchor: vnode.targetAnchor,
-      staticCount: vnode.staticCount,
-      staticCache: vnode.staticCache,
-      shapeFlag: vnode.shapeFlag,
-      // if the vnode is cloned with extra props, we can no longer assume its
-      // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-      // note: perserve flag for fragments since they use the flag for children
-      // fast paths only.
-      patchFlag: extraProps && vnode.type !== Fragment ? patchFlag === -1 // hoisted node
-      ? 16
-      /* FULL_PROPS */
-      : patchFlag | 16
-      /* FULL_PROPS */
-      : patchFlag,
-      dynamicProps: vnode.dynamicProps,
-      dynamicChildren: vnode.dynamicChildren,
-      appContext: vnode.appContext,
-      dirs: vnode.dirs,
-      transition: vnode.transition,
-      // These should technically only be non-null on mounted VNodes. However,
-      // they *should* be copied for kept-alive vnodes. So we just always copy
-      // them since them being non-null during a mount doesn't affect the logic as
-      // they will simply be overwritten.
-      component: vnode.component,
-      suspense: vnode.suspense,
-      ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
-      ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
-      el: vnode.el,
-      anchor: vnode.anchor
-    };
-    return cloned;
+    } = instance.vnode;
+    var isStateful = isStatefulComponent(instance);
+    initProps(instance, props, isStateful, isSSR);
+    initSlots(instance, children);
+    var setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : undefined;
+    isInSSRComponentSetup = false;
+    return setupResult;
+  }
+
+  function setupStatefulComponent(instance, isSSR) {
+    var Component = instance.type; // 0. create render proxy property access cache
+
+    instance.accessCache = Object.create(null); // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
+
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers)); // 2. call setup()
+
+    var {
+      setup
+    } = Component;
+
+    if (setup) {
+      var setupContext = instance.setupContext = setup.length > 1 ? createSetupContext(instance) : null;
+      setCurrentInstance(instance);
+      pauseTracking();
+      var setupResult = callWithErrorHandling(setup, instance, 0
+      /* SETUP_FUNCTION */
+      , [instance.props, setupContext]);
+      resetTracking();
+      unsetCurrentInstance();
+
+      if (isPromise(setupResult)) {
+        setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+
+        if (isSSR) {
+          // return the promise so server-renderer can wait on it
+          return setupResult.then(resolvedResult => {
+            handleSetupResult(instance, resolvedResult);
+          }).catch(e => {
+            handleError(e, instance, 0
+            /* SETUP_FUNCTION */
+            );
+          });
+        } else {
+          // async setup returned Promise.
+          // bail here and wait for re-entry.
+          instance.asyncDep = setupResult;
+        }
+      } else {
+        handleSetupResult(instance, setupResult);
+      }
+    } else {
+      finishComponentSetup(instance);
+    }
   }
-  /**
-   * @private
-   */
 
+  function handleSetupResult(instance, setupResult, isSSR) {
+    if (isFunction(setupResult)) {
+      // setup returned an inline render function
+      {
+        instance.render = setupResult;
+      }
+    } else if (isObject(setupResult)) {
+      instance.setupState = proxyRefs(setupResult);
+    } else ;
 
-  function createTextVNode(text = ' ', flag = 0) {
-    return createVNode(Text, null, text, flag);
+    finishComponentSetup(instance);
   }
+
+  var compile;
+  var installWithProxy;
   /**
-   * @private
+   * For runtime-dom to register the compiler.
+   * Note the exported method uses any to avoid d.ts relying on the compiler types.
    */
 
+  function registerRuntimeCompiler(_compile) {
+    compile = _compile;
 
-  function createStaticVNode(content, numberOfNodes) {
-    // A static vnode can contain multiple stringified elements, and the number
-    // of elements is necessary for hydration.
-    var vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
+    installWithProxy = i => {
+      if (i.render._rc) {
+        i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
+      }
+    };
+  } // dev only
+
+
+  var isRuntimeOnly = () => !compile;
+
+  function finishComponentSetup(instance, isSSR, skipOptions) {
+    var Component = instance.type; // template / render function normalization
+
+    if (!instance.render) {
+      // could be set from setup()
+      if (compile && !Component.render) {
+        var template = Component.template;
+
+        if (template) {
+          var {
+            isCustomElement,
+            compilerOptions
+          } = instance.appContext.config;
+          var {
+            delimiters,
+            compilerOptions: componentCompilerOptions
+          } = Component;
+          var finalCompilerOptions = extend(extend({
+            isCustomElement,
+            delimiters
+          }, compilerOptions), componentCompilerOptions);
+          Component.render = compile(template, finalCompilerOptions);
+        }
+      }
+
+      instance.render = Component.render || NOOP; // for runtime-compiled render functions using `with` blocks, the render
+      // proxy used needs a different `has` handler which is more performant and
+      // also only allows a whitelist of globals to fallthrough.
+
+      if (installWithProxy) {
+        installWithProxy(instance);
+      }
+    } // support for 2.x options
+
+
+    {
+      setCurrentInstance(instance);
+      pauseTracking();
+      applyOptions(instance);
+      resetTracking();
+      unsetCurrentInstance();
+    }
   }
-  /**
-   * @private
-   */
 
+  function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, {
+      get(target, key) {
+        track(instance, "get"
+        /* GET */
+        , '$attrs');
+        return target[key];
+      }
 
-  function createCommentVNode(text = '', // when used as the v-else branch, the comment node must be created as a
-  // block to ensure correct updates.
-  asBlock = false) {
-    return asBlock ? (openBlock(), createBlock(Comment$1, null, text)) : createVNode(Comment$1, null, text);
+    });
   }
 
-  function normalizeVNode(child) {
-    if (child == null || typeof child === 'boolean') {
-      // empty placeholder
-      return createVNode(Comment$1);
-    } else if (isArray(child)) {
-      // fragment
-      return createVNode(Fragment, null, // #3666, avoid reference pollution when reusing vnode
-      child.slice());
-    } else if (typeof child === 'object') {
-      // already vnode, this should be the most common since compiled templates
-      // always produce all-vnode children arrays
-      return cloneIfMounted(child);
-    } else {
-      // strings and numbers
-      return createVNode(Text, null, String(child));
+  function createSetupContext(instance) {
+    var expose = exposed => {
+      instance.exposed = exposed || {};
+    };
+
+    var attrs;
+    {
+      return {
+        get attrs() {
+          return attrs || (attrs = createAttrsProxy(instance));
+        },
+
+        slots: instance.slots,
+        emit: instance.emit,
+        expose
+      };
     }
-  } // optimized normalization for template-compiled render fns
+  }
+
+  function getExposeProxy(instance) {
+    if (instance.exposed) {
+      return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+        get(target, key) {
+          if (key in target) {
+            return target[key];
+          } else if (key in publicPropertiesMap) {
+            return publicPropertiesMap[key](instance);
+          }
+        }
+
+      }));
+    }
+  }
 
+  var classifyRE = /(?:^|[-_])(\w)/g;
 
-  function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
+  var classify = str => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+
+  function getComponentName(Component) {
+    return isFunction(Component) ? Component.displayName || Component.name : Component.name;
   }
+  /* istanbul ignore next */
 
-  function normalizeChildren(vnode, children) {
-    var type = 0;
-    var {
-      shapeFlag
-    } = vnode;
 
-    if (children == null) {
-      children = null;
-    } else if (isArray(children)) {
-      type = 16
-      /* ARRAY_CHILDREN */
-      ;
-    } else if (typeof children === 'object') {
-      if (shapeFlag & 1
-      /* ELEMENT */
-      || shapeFlag & 64
-      /* TELEPORT */
-      ) {
-        // Normalize slot to plain children for plain element and Teleport
-        var slot = children.default;
+  function formatComponentName(instance, Component, isRoot = false) {
+    var name = getComponentName(Component);
 
-        if (slot) {
-          // _c marker is added by withCtx() indicating this is a compiled slot
-          slot._c && (slot._d = false);
-          normalizeChildren(vnode, slot());
-          slot._c && (slot._d = true);
-        }
+    if (!name && Component.__file) {
+      var match = Component.__file.match(/([^/\\]+)\.\w+$/);
 
-        return;
-      } else {
-        type = 32
-        /* SLOTS_CHILDREN */
-        ;
-        var slotFlag = children._;
+      if (match) {
+        name = match[1];
+      }
+    }
 
-        if (!slotFlag && !(InternalObjectKey in children)) {
-          children._ctx = currentRenderingInstance;
-        } else if (slotFlag === 3
-        /* FORWARDED */
-        && currentRenderingInstance) {
-          // a child component receives forwarded slots from the parent.
-          // its slot type is determined by its parent's slot type.
-          if (currentRenderingInstance.slots._ === 1
-          /* STABLE */
-          ) {
-            children._ = 1
-            /* STABLE */
-            ;
-          } else {
-            children._ = 2
-            /* DYNAMIC */
-            ;
-            vnode.patchFlag |= 1024
-            /* DYNAMIC_SLOTS */
-            ;
+    if (!name && instance && instance.parent) {
+      // try to infer the name based on reverse resolution
+      var inferFromRegistry = registry => {
+        for (var key in registry) {
+          if (registry[key] === Component) {
+            return key;
           }
         }
-      }
-    } else if (isFunction(children)) {
-      children = {
-        default: children,
-        _ctx: currentRenderingInstance
       };
-      type = 32
-      /* SLOTS_CHILDREN */
-      ;
+
+      name = inferFromRegistry(instance.components || instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    }
+
+    return name ? classify(name) : isRoot ? "App" : "Anonymous";
+  }
+
+  function isClassComponent(value) {
+    return isFunction(value) && '__vccOpts' in value;
+  }
+
+  var stack = [];
+
+  function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    var instance = stack.length ? stack[stack.length - 1].component : null;
+    var appWarnHandler = instance && instance.appContext.config.warnHandler;
+    var trace = getComponentTrace();
+
+    if (appWarnHandler) {
+      callWithErrorHandling(appWarnHandler, instance, 11
+      /* APP_WARN_HANDLER */
+      , [msg + args.join(''), instance && instance.proxy, trace.map(({
+        vnode
+      }) => "at <".concat(formatComponentName(instance, vnode.type), ">")).join('\n'), trace]);
     } else {
-      children = String(children); // force teleport children to array so it can be moved around
+      var warnArgs = ["[Vue warn]: ".concat(msg), ...args];
+      /* istanbul ignore if */
+
+      if (trace.length && // avoid spamming console during tests
+      !false) {
+        warnArgs.push("\n", ...formatTrace(trace));
+      }
+
+      console.warn(...warnArgs);
+    }
+
+    resetTracking();
+  }
+
+  function getComponentTrace() {
+    var currentVNode = stack[stack.length - 1];
 
-      if (shapeFlag & 64
-      /* TELEPORT */
-      ) {
-        type = 16
-        /* ARRAY_CHILDREN */
-        ;
-        children = [createTextVNode(children)];
+    if (!currentVNode) {
+      return [];
+    } // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
+
+
+    var normalizedStack = [];
+
+    while (currentVNode) {
+      var last = normalizedStack[0];
+
+      if (last && last.vnode === currentVNode) {
+        last.recurseCount++;
       } else {
-        type = 8
-        /* TEXT_CHILDREN */
-        ;
+        normalizedStack.push({
+          vnode: currentVNode,
+          recurseCount: 0
+        });
       }
+
+      var parentInstance = currentVNode.component && currentVNode.component.parent;
+      currentVNode = parentInstance && parentInstance.vnode;
     }
 
-    vnode.children = children;
-    vnode.shapeFlag |= type;
+    return normalizedStack;
   }
+  /* istanbul ignore next */
 
-  function mergeProps(...args) {
-    var ret = extend({}, args[0]);
 
-    for (var i = 1; i < args.length; i++) {
-      var toMerge = args[i];
+  function formatTrace(trace) {
+    var logs = [];
+    trace.forEach((entry, i) => {
+      logs.push(...(i === 0 ? [] : ["\n"]), ...formatTraceEntry(entry));
+    });
+    return logs;
+  }
 
-      for (var key in toMerge) {
-        if (key === 'class') {
-          if (ret.class !== toMerge.class) {
-            ret.class = normalizeClass([ret.class, toMerge.class]);
-          }
-        } else if (key === 'style') {
-          ret.style = normalizeStyle([ret.style, toMerge.style]);
-        } else if (isOn(key)) {
-          var existing = ret[key];
-          var incoming = toMerge[key];
+  function formatTraceEntry({
+    vnode,
+    recurseCount
+  }) {
+    var postfix = recurseCount > 0 ? "... (".concat(recurseCount, " recursive calls)") : "";
+    var isRoot = vnode.component ? vnode.component.parent == null : false;
+    var open = " at <".concat(formatComponentName(vnode.component, vnode.type, isRoot));
+    var close = ">" + postfix;
+    return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close];
+  }
+  /* istanbul ignore next */
 
-          if (existing !== incoming) {
-            ret[key] = existing ? [].concat(existing, incoming) : incoming;
-          }
-        } else if (key !== '') {
-          ret[key] = toMerge[key];
-        }
-      }
+
+  function formatProps(props) {
+    var res = [];
+    var keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+      res.push(...formatProp(key, props[key]));
+    });
+
+    if (keys.length > 3) {
+      res.push(" ...");
     }
 
-    return ret;
+    return res;
   }
-  /**
-   * Actual implementation
-   */
+  /* istanbul ignore next */
 
 
-  function renderList(source, renderItem) {
-    var ret;
+  function formatProp(key, value, raw) {
+    if (isString(value)) {
+      value = JSON.stringify(value);
+      return raw ? value : ["".concat(key, "=").concat(value)];
+    } else if (typeof value === 'number' || typeof value === 'boolean' || value == null) {
+      return raw ? value : ["".concat(key, "=").concat(value)];
+    } else if (isRef(value)) {
+      value = formatProp(key, toRaw(value.value), true);
+      return raw ? value : ["".concat(key, "=Ref<"), value, ">"];
+    } else if (isFunction(value)) {
+      return ["".concat(key, "=fn").concat(value.name ? "<".concat(value.name, ">") : "")];
+    } else {
+      value = toRaw(value);
+      return raw ? value : ["".concat(key, "="), value];
+    }
+  }
 
-    if (isArray(source) || isString(source)) {
-      ret = new Array(source.length);
+  function callWithErrorHandling(fn, instance, type, args) {
+    var res;
 
-      for (var i = 0, l = source.length; i < l; i++) {
-        ret[i] = renderItem(source[i], i);
-      }
-    } else if (typeof source === 'number') {
-      ret = new Array(source);
+    try {
+      res = args ? fn(...args) : fn();
+    } catch (err) {
+      handleError(err, instance, type);
+    }
 
-      for (var _i2 = 0; _i2 < source; _i2++) {
-        ret[_i2] = renderItem(_i2 + 1, _i2);
-      }
-    } else if (isObject(source)) {
-      if (source[Symbol.iterator]) {
-        ret = Array.from(source, renderItem);
-      } else {
-        var keys = Object.keys(source);
-        ret = new Array(keys.length);
+    return res;
+  }
 
-        for (var _i3 = 0, _l = keys.length; _i3 < _l; _i3++) {
-          var key = keys[_i3];
-          ret[_i3] = renderItem(source[key], key, _i3);
-        }
+  function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (isFunction(fn)) {
+      var res = callWithErrorHandling(fn, instance, type, args);
+
+      if (res && isPromise(res)) {
+        res.catch(err => {
+          handleError(err, instance, type);
+        });
       }
-    } else {
-      ret = [];
+
+      return res;
     }
 
-    return ret;
+    var values = [];
+
+    for (var i = 0; i < fn.length; i++) {
+      values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    }
+
+    return values;
   }
-  /**
-   * Compiler runtime helper for creating dynamic slots object
-   * @private
-   */
 
+  function handleError(err, instance, type, throwInDev = true) {
+    var contextVNode = instance ? instance.vnode : null;
 
-  function createSlots(slots, dynamicSlots) {
-    for (var i = 0; i < dynamicSlots.length; i++) {
-      var slot = dynamicSlots[i]; // array of dynamic slot generated by <template v-for="..." #[...]>
+    if (instance) {
+      var cur = instance.parent; // the exposed instance is the render proxy to keep it consistent with 2.x
 
-      if (isArray(slot)) {
-        for (var j = 0; j < slot.length; j++) {
-          slots[slot[j].name] = slot[j].fn;
+      var exposedInstance = instance.proxy; // in production the hook receives only the error code
+
+      var errorInfo = type;
+
+      while (cur) {
+        var errorCapturedHooks = cur.ec;
+
+        if (errorCapturedHooks) {
+          for (var i = 0; i < errorCapturedHooks.length; i++) {
+            if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+              return;
+            }
+          }
         }
-      } else if (slot) {
-        // conditional single slot generated by <template v-if="..." #foo>
-        slots[slot.name] = slot.fn;
+
+        cur = cur.parent;
+      } // app-level handling
+
+
+      var appErrorHandler = instance.appContext.config.errorHandler;
+
+      if (appErrorHandler) {
+        callWithErrorHandling(appErrorHandler, null, 10
+        /* APP_ERROR_HANDLER */
+        , [err, exposedInstance, errorInfo]);
+        return;
       }
     }
 
-    return slots;
+    logError(err, type, contextVNode, throwInDev);
   }
-  /**
-   * Compiler runtime helper for rendering `<slot/>`
-   * @private
-   */
 
+  function logError(err, type, contextVNode, throwInDev = true) {
+    {
+      // recover in prod to reduce the impact on end-user
+      console.error(err);
+    }
+  }
 
-  function renderSlot(slots, name, props = {}, // this is not a user-facing function, so the fallback is always generated by
-  // the compiler and guaranteed to be a function returning an array
-  fallback, noSlotted) {
-    var slot = slots[name]; // a compiled slot disables block tracking by default to avoid manual
-    // invocation interfering with template-based block tracking, but in
-    // `renderSlot` we can be sure that it's template-based so we can force
-    // enable it.
+  var isFlushing = false;
+  var isFlushPending = false;
+  var queue = [];
+  var flushIndex = 0;
+  var pendingPreFlushCbs = [];
+  var activePreFlushCbs = null;
+  var preFlushIndex = 0;
+  var pendingPostFlushCbs = [];
+  var activePostFlushCbs = null;
+  var postFlushIndex = 0; // fixed by xxxxxx iOS
 
-    if (slot && slot._c) {
-      slot._d = false;
+  var iOSPromise = {
+    then(callback) {
+      setTimeout(() => callback(), 0);
     }
 
-    openBlock();
-    var validSlotContent = slot && ensureValidVNode(slot(props));
-    var rendered = createBlock(Fragment, {
-      key: props.key || "_".concat(name)
-    }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1
-    /* STABLE */
-    ? 64
-    /* STABLE_FRAGMENT */
-    : -2
-    /* BAIL */
-    );
+  };
+  var isIOS = exports.platform === 'iOS';
+  var resolvedPromise = isIOS ? iOSPromise : Promise.resolve();
+  var currentFlushPromise = null;
+  var currentPreFlushParentJob = null;
+  var RECURSION_LIMIT = 100;
+
+  function nextTick(fn) {
+    var p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+  } // #2768
+  // Use binary-search to find a suitable position in the queue,
+  // so that the queue maintains the increasing order of job's id,
+  // which can prevent the job from being skipped and also can avoid repeated patching.
+
+
+  function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    var start = flushIndex + 1;
+    var end = queue.length;
 
-    if (!noSlotted && rendered.scopeId) {
-      rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    while (start < end) {
+      var middle = start + end >>> 1;
+      var middleJobId = getId(queue[middle]);
+      middleJobId < id ? start = middle + 1 : end = middle;
     }
 
-    if (slot && slot._c) {
-      slot._d = true;
-    }
+    return start;
+  }
 
-    return rendered;
+  function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length || !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && job !== currentPreFlushParentJob) {
+      if (job.id == null) {
+        queue.push(job);
+      } else {
+        queue.splice(findInsertionIndex(job.id), 0, job);
+      }
+
+      queueFlush();
+    }
   }
 
-  function ensureValidVNode(vnodes) {
-    return vnodes.some(child => {
-      if (!isVNode(child)) return true;
-      if (child.type === Comment$1) return false;
-      if (child.type === Fragment && !ensureValidVNode(child.children)) return false;
-      return true;
-    }) ? vnodes : null;
+  function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+      isFlushPending = true;
+      currentFlushPromise = resolvedPromise.then(flushJobs);
+    }
   }
-  /**
-   * For prefixing keys in v-on="obj" with "on"
-   * @private
-   */
 
+  function invalidateJob(job) {
+    var i = queue.indexOf(job);
 
-  function toHandlers(obj) {
-    var ret = {};
+    if (i > flushIndex) {
+      queue.splice(i, 1);
+    }
+  }
 
-    for (var key in obj) {
-      ret[toHandlerKey(key)] = obj[key];
+  function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!isArray(cb)) {
+      if (!activeQueue || !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+        pendingQueue.push(cb);
+      }
+    } else {
+      // if cb is an array, it is a component lifecycle hook which can only be
+      // triggered by a job, which is already deduped in the main queue, so
+      // we can skip duplicate check here to improve perf
+      pendingQueue.push(...cb);
     }
 
-    return ret;
+    queueFlush();
   }
-  /**
-   * #2437 In Vue 3, functional components do not have a public instance proxy but
-   * they exist in the internal parent chain. For code that relies on traversing
-   * public $parent chains, skip functional ones and go to the parent instead.
-   */
 
+  function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+  }
 
-  var getPublicInstance = i => {
-    if (!i) return null;
-    if (isStatefulComponent(i)) return getExposeProxy(i) || i.proxy;
-    return getPublicInstance(i.parent);
-  };
+  function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+  }
 
-  var publicPropertiesMap = extend(Object.create(null), {
-    $: i => i,
-    $el: i => i.vnode.el,
-    $data: i => i.data,
-    $props: i => i.props,
-    $attrs: i => i.attrs,
-    $slots: i => i.slots,
-    $refs: i => i.refs,
-    $parent: i => getPublicInstance(i.parent),
-    $root: i => getPublicInstance(i.root),
-    $emit: i => i.emit,
-    $options: i => resolveMergedOptions(i),
-    $forceUpdate: i => () => queueJob(i.update),
-    $nextTick: i => nextTick.bind(i.proxy),
-    $watch: i => instanceWatch.bind(i)
-  });
-  var PublicInstanceProxyHandlers = {
-    get({
-      _: instance
-    }, key) {
-      var {
-        ctx,
-        setupState,
-        data,
-        props,
-        accessCache,
-        type,
-        appContext
-      } = instance; // data / props / ctx
-      // This getter gets called for every property access on the render context
-      // during render and is a major hotspot. The most expensive part of this
-      // is the multiple hasOwn() calls. It's much faster to do a simple property
-      // access on a plain object, so we use an accessCache object (with null
-      // prototype) to memoize what access type a key corresponds to.
+  function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+      currentPreFlushParentJob = parentJob;
+      activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+      pendingPreFlushCbs.length = 0;
 
-      var normalizedProps;
+      for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+        activePreFlushCbs[preFlushIndex]();
+      }
 
-      if (key[0] !== '$') {
-        var n = accessCache[key];
+      activePreFlushCbs = null;
+      preFlushIndex = 0;
+      currentPreFlushParentJob = null; // recursively flush until it drains
 
-        if (n !== undefined) {
-          switch (n) {
-            case 0
-            /* SETUP */
-            :
-              return setupState[key];
+      flushPreFlushCbs(seen, parentJob);
+    }
+  }
 
-            case 1
-            /* DATA */
-            :
-              return data[key];
+  function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+      var deduped = [...new Set(pendingPostFlushCbs)];
+      pendingPostFlushCbs.length = 0; // #1947 already has active queue, nested flushPostFlushCbs call
 
-            case 3
-            /* CONTEXT */
-            :
-              return ctx[key];
+      if (activePostFlushCbs) {
+        activePostFlushCbs.push(...deduped);
+        return;
+      }
 
-            case 2
-            /* PROPS */
-            :
-              return props[key];
-            // default: just fallthrough
-          }
-        } else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-          accessCache[key] = 0
-          /* SETUP */
-          ;
-          return setupState[key];
-        } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-          accessCache[key] = 1
-          /* DATA */
-          ;
-          return data[key];
-        } else if ( // only cache other properties when instance has declared (thus stable)
-        // props
-        (normalizedProps = instance.propsOptions[0]) && hasOwn(normalizedProps, key)) {
-          accessCache[key] = 2
-          /* PROPS */
-          ;
-          return props[key];
-        } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-          accessCache[key] = 3
-          /* CONTEXT */
-          ;
-          return ctx[key];
-        } else if (shouldCacheAccess) {
-          accessCache[key] = 4
-          /* OTHER */
-          ;
-        }
+      activePostFlushCbs = deduped;
+      activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+
+      for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+        activePostFlushCbs[postFlushIndex]();
       }
 
-      var publicGetter = publicPropertiesMap[key];
-      var cssModule, globalProperties; // public $xxx properties
+      activePostFlushCbs = null;
+      postFlushIndex = 0;
+    }
+  }
 
-      if (publicGetter) {
-        if (key === '$attrs') {
-          track(instance, "get"
-          /* GET */
-          , key);
-        }
+  var getId = job => job.id == null ? Infinity : job.id;
 
-        return publicGetter(instance);
-      } else if ( // css module (injected by vue-loader)
-      (cssModule = type.__cssModules) && (cssModule = cssModule[key])) {
-        return cssModule;
-      } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-        // user may set custom properties to `this` that start with `$`
-        accessCache[key] = 3
-        /* CONTEXT */
-        ;
-        return ctx[key];
-      } else if (globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key)) {
-        {
-          return globalProperties[key];
-        }
-      } else ;
-    },
+  function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
+    flushPreFlushCbs(seen); // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
 
-    set({
-      _: instance
-    }, key, value) {
-      var {
-        data,
-        setupState,
-        ctx
-      } = instance;
+    queue.sort((a, b) => getId(a) - getId(b));
 
-      if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-        setupState[key] = value;
-      } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-        data[key] = value;
-      } else if (hasOwn(instance.props, key)) {
-        return false;
-      }
+    try {
+      for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+        var job = queue[flushIndex];
 
-      if (key[0] === '$' && key.slice(1) in instance) {
-        return false;
-      } else {
-        {
-          ctx[key] = value;
+        if (job && job.active !== false) {
+          if ("production" !== 'production' && checkRecursiveUpdates(seen, job)) ; // console.log(`running:`, job.id)
+
+          callWithErrorHandling(job, null, 14
+          /* SCHEDULER */
+          );
         }
       }
+    } finally {
+      flushIndex = 0;
+      queue.length = 0;
+      flushPostFlushCbs();
+      isFlushing = false;
+      currentFlushPromise = null; // some postFlushCb queued jobs!
+      // keep flushing until it drains.
 
-      return true;
-    },
-
-    has({
-      _: {
-        data,
-        setupState,
-        accessCache,
-        ctx,
-        appContext,
-        propsOptions
+      if (queue.length || pendingPreFlushCbs.length || pendingPostFlushCbs.length) {
+        flushJobs(seen);
       }
-    }, key) {
-      var normalizedProps;
-      return accessCache[key] !== undefined || data !== EMPTY_OBJ && hasOwn(data, key) || setupState !== EMPTY_OBJ && hasOwn(setupState, key) || (normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key) || hasOwn(ctx, key) || hasOwn(publicPropertiesMap, key) || hasOwn(appContext.config.globalProperties, key);
     }
+  }
 
-  };
-  var RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-      // fast path for unscopables when using `with` block
-      if (key === Symbol.unscopables) {
-        return;
-      }
-
-      return PublicInstanceProxyHandlers.get(target, key, target);
-    },
+  function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+      seen.set(fn, 1);
+    } else {
+      var count = seen.get(fn);
 
-    has(_, key) {
-      var has = key[0] !== '_' && !isGloballyWhitelisted(key);
-      return has;
+      if (count > RECURSION_LIMIT) {
+        var instance = fn.ownerInstance;
+        var componentName = instance && getComponentName(instance.type);
+        warn$1("Maximum recursive updates exceeded".concat(componentName ? " in component <".concat(componentName, ">") : "", ". ") + "This means you have a reactive effect that is mutating its own " + "dependencies and thus recursively triggering itself. Possible sources " + "include component template, render function, updated hook or " + "watcher source function.");
+        return true;
+      } else {
+        seen.set(fn, count + 1);
+      }
     }
+  } // Simple effect.
 
-  });
-  var emptyAppContext = createAppContext();
-  var uid$2 = 0;
 
-  function createComponentInstance(vnode, parent, suspense) {
-    var type = vnode.type; // inherit parent app context - or - if root, adopt from root vnode
+  function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
+  }
 
-    var appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    var instance = {
-      uid: uid$2++,
-      vnode,
-      type,
-      parent,
-      appContext,
-      root: null,
-      next: null,
-      subTree: null,
-      update: null,
-      render: null,
-      proxy: null,
-      exposed: null,
-      exposeProxy: null,
-      withProxy: null,
-      effects: null,
-      provides: parent ? parent.provides : Object.create(appContext.provides),
-      accessCache: null,
-      renderCache: [],
-      // local resovled assets
-      components: null,
-      directives: null,
-      // resolved props and emits options
-      propsOptions: normalizePropsOptions(type, appContext),
-      emitsOptions: normalizeEmitsOptions(type, appContext),
-      // emit
-      emit: null,
-      emitted: null,
-      // props default value
-      propsDefaults: EMPTY_OBJ,
-      // inheritAttrs
-      inheritAttrs: type.inheritAttrs,
-      // state
-      ctx: EMPTY_OBJ,
-      data: EMPTY_OBJ,
-      props: EMPTY_OBJ,
-      attrs: EMPTY_OBJ,
-      slots: EMPTY_OBJ,
-      refs: EMPTY_OBJ,
-      setupState: EMPTY_OBJ,
-      setupContext: null,
-      // suspense related
-      suspense,
-      suspenseId: suspense ? suspense.pendingId : 0,
-      asyncDep: null,
-      asyncResolved: false,
-      // lifecycle hooks
-      // not using enums here because it results in computed properties
-      isMounted: false,
-      isUnmounted: false,
-      isDeactivated: false,
-      bc: null,
-      c: null,
-      bm: null,
-      m: null,
-      bu: null,
-      u: null,
-      um: null,
-      bum: null,
-      da: null,
-      a: null,
-      rtg: null,
-      rtc: null,
-      ec: null,
-      sp: null
-    };
-    {
-      instance.ctx = {
-        _: instance
-      };
-    }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit.bind(null, instance);
-    return instance;
+  function watchPostEffect(effect, options) {
+    return doWatch(effect, null, {
+      flush: 'post'
+    });
   }
 
-  var currentInstance = null;
+  function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, {
+      flush: 'sync'
+    });
+  } // initial value for watchers to trigger on undefined initial values
 
-  var getCurrentInstance = () => currentInstance || currentRenderingInstance;
 
-  var setCurrentInstance = instance => {
-    currentInstance = instance;
-  };
+  var INITIAL_WATCHER_VALUE = {}; // implementation
 
-  function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4
-    /* STATEFUL_COMPONENT */
-    ;
+  function watch(source, cb, options) {
+    return doWatch(source, cb, options);
   }
 
-  var isInSSRComponentSetup = false;
-
-  function setupComponent(instance, isSSR = false) {
-    isInSSRComponentSetup = isSSR;
-    var {
-      props,
-      children
-    } = instance.vnode;
-    var isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children);
-    var setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : undefined;
-    isInSSRComponentSetup = false;
-    return setupResult;
-  }
+  function doWatch(source, cb, {
+    immediate,
+    deep,
+    flush,
+    onTrack,
+    onTrigger
+  } = EMPTY_OBJ) {
+    var instance = currentInstance;
+    var getter;
+    var forceTrigger = false;
+    var isMultiSource = false;
 
-  function setupStatefulComponent(instance, isSSR) {
-    var Component = instance.type; // 0. create render proxy property access cache
+    if (isRef(source)) {
+      getter = () => source.value;
 
-    instance.accessCache = Object.create(null); // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
+      forceTrigger = !!source._shallow;
+    } else if (isReactive(source)) {
+      getter = () => source;
 
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers)); // 2. call setup()
+      deep = true;
+    } else if (isArray(source)) {
+      isMultiSource = true;
+      forceTrigger = source.some(isReactive);
 
-    var {
-      setup
-    } = Component;
+      getter = () => source.map(s => {
+        if (isRef(s)) {
+          return s.value;
+        } else if (isReactive(s)) {
+          return traverse(s);
+        } else if (isFunction(s)) {
+          return callWithErrorHandling(s, instance, 2
+          /* WATCH_GETTER */
+          );
+        } else ;
+      });
+    } else if (isFunction(source)) {
+      if (cb) {
+        // getter with cb
+        getter = () => callWithErrorHandling(source, instance, 2
+        /* WATCH_GETTER */
+        );
+      } else {
+        // no cb -> simple effect
+        getter = () => {
+          if (instance && instance.isUnmounted) {
+            return;
+          }
 
-    if (setup) {
-      var setupContext = instance.setupContext = setup.length > 1 ? createSetupContext(instance) : null;
-      currentInstance = instance;
-      pauseTracking();
-      var setupResult = callWithErrorHandling(setup, instance, 0
-      /* SETUP_FUNCTION */
-      , [instance.props, setupContext]);
-      resetTracking();
-      currentInstance = null;
+          if (cleanup) {
+            cleanup();
+          }
 
-      if (isPromise(setupResult)) {
-        var unsetInstance = () => {
-          currentInstance = null;
+          return callWithAsyncErrorHandling(source, instance, 3
+          /* WATCH_CALLBACK */
+          , [onInvalidate]);
         };
-
-        setupResult.then(unsetInstance, unsetInstance);
-
-        if (isSSR) {
-          // return the promise so server-renderer can wait on it
-          return setupResult.then(resolvedResult => {
-            handleSetupResult(instance, resolvedResult);
-          }).catch(e => {
-            handleError(e, instance, 0
-            /* SETUP_FUNCTION */
-            );
-          });
-        } else {
-          // async setup returned Promise.
-          // bail here and wait for re-entry.
-          instance.asyncDep = setupResult;
-        }
-      } else {
-        handleSetupResult(instance, setupResult);
-      }
-    } else {
-      finishComponentSetup(instance);
-    }
-  }
-
-  function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction(setupResult)) {
-      // setup returned an inline render function
-      {
-        instance.render = setupResult;
       }
-    } else if (isObject(setupResult)) {
-      instance.setupState = proxyRefs(setupResult);
-    } else ;
+    } else {
+      getter = NOOP;
+    }
 
-    finishComponentSetup(instance);
-  }
+    if (cb && deep) {
+      var baseGetter = getter;
 
-  var compile; // dev only
+      getter = () => traverse(baseGetter());
+    }
 
-  var isRuntimeOnly = () => !compile;
-  /**
-   * For runtime-dom to register the compiler.
-   * Note the exported method uses any to avoid d.ts relying on the compiler types.
-   */
+    var cleanup;
 
+    var onInvalidate = fn => {
+      cleanup = effect.onStop = () => {
+        callWithErrorHandling(fn, instance, 4
+        /* WATCH_CLEANUP */
+        );
+      };
+    };
 
-  function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-  }
+    var oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
 
-  function finishComponentSetup(instance, isSSR, skipOptions) {
-    var Component = instance.type; // template / render function normalization
+    var job = () => {
+      if (!effect.active) {
+        return;
+      }
 
-    if (!instance.render) {
-      // could be set from setup()
-      if (compile && !Component.render) {
-        var template = Component.template;
+      if (cb) {
+        // watch(source, cb)
+        var newValue = effect.run();
 
-        if (template) {
-          var {
-            isCustomElement,
-            compilerOptions
-          } = instance.appContext.config;
-          var {
-            delimiters,
-            compilerOptions: componentCompilerOptions
-          } = Component;
-          var finalCompilerOptions = extend(extend({
-            isCustomElement,
-            delimiters
-          }, compilerOptions), componentCompilerOptions);
-          Component.render = compile(template, finalCompilerOptions);
+        if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || false) {
+          // cleanup before running cb again
+          if (cleanup) {
+            cleanup();
+          }
+
+          callWithAsyncErrorHandling(cb, instance, 3
+          /* WATCH_CALLBACK */
+          , [newValue, // pass undefined as the old value when it's changed for the first time
+          oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue, onInvalidate]);
+          oldValue = newValue;
         }
+      } else {
+        // watchEffect
+        effect.run();
       }
+    }; // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
 
-      instance.render = Component.render || NOOP; // for runtime-compiled render functions using `with` blocks, the render
-      // proxy used needs a different `has` handler which is more performant and
-      // also only allows a whitelist of globals to fallthrough.
-
-      if (instance.render._rc) {
-        instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-      }
-    } // support for 2.x options
 
+    job.allowRecurse = !!cb;
+    var scheduler;
 
-    {
-      currentInstance = instance;
-      pauseTracking();
-      applyOptions(instance);
-      resetTracking();
-      currentInstance = null;
+    if (flush === 'sync') {
+      scheduler = job; // the scheduler function gets called directly
+    } else if (flush === 'post') {
+      scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
+    } else {
+      // default: 'pre'
+      scheduler = () => {
+        if (!instance || instance.isMounted) {
+          queuePreFlushCb(job);
+        } else {
+          // with 'pre' option, the first call must happen before
+          // the component is mounted so it is called synchronously.
+          job();
+        }
+      };
     }
-  }
 
-  function createSetupContext(instance) {
-    var expose = exposed => {
-      instance.exposed = exposed || {};
-    };
+    var effect = new ReactiveEffect(getter, scheduler); // initial run
 
-    {
-      return {
-        attrs: instance.attrs,
-        slots: instance.slots,
-        emit: instance.emit,
-        expose
-      };
+    if (cb) {
+      if (immediate) {
+        job();
+      } else {
+        oldValue = effect.run();
+      }
+    } else if (flush === 'post') {
+      queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
+    } else {
+      effect.run();
     }
-  }
 
-  function getExposeProxy(instance) {
-    if (instance.exposed) {
-      return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-        get(target, key) {
-          if (key in target) {
-            return target[key];
-          } else if (key in publicPropertiesMap) {
-            return publicPropertiesMap[key](instance);
-          }
-        }
+    return () => {
+      effect.stop();
 
-      }));
-    }
-  } // record effects created during a component's setup() so that they can be
-  // stopped when the component unmounts
+      if (instance && instance.scope) {
+        remove(instance.scope.effects, effect);
+      }
+    };
+  } // this.$watch
 
 
-  function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-      (instance.effects || (instance.effects = [])).push(effect);
+  function instanceWatch(source, value, options) {
+    var publicThis = this.proxy;
+    var getter = isString(source) ? source.includes('.') ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
+    var cb;
+
+    if (isFunction(value)) {
+      cb = value;
+    } else {
+      cb = value.handler;
+      options = value;
     }
-  }
 
-  var classifyRE = /(?:^|[-_])(\w)/g;
+    var cur = currentInstance;
+    setCurrentInstance(this);
+    var res = doWatch(getter, cb.bind(publicThis), options);
 
-  var classify = str => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+    if (cur) {
+      setCurrentInstance(cur);
+    } else {
+      unsetCurrentInstance();
+    }
 
-  function getComponentName(Component) {
-    return isFunction(Component) ? Component.displayName || Component.name : Component.name;
+    return res;
   }
-  /* istanbul ignore next */
 
+  function createPathGetter(ctx, path) {
+    var segments = path.split('.');
+    return () => {
+      var cur = ctx;
 
-  function formatComponentName(instance, Component, isRoot = false) {
-    var name = getComponentName(Component);
+      for (var i = 0; i < segments.length && cur; i++) {
+        cur = cur[segments[i]];
+      }
 
-    if (!name && Component.__file) {
-      var match = Component.__file.match(/([^/\\]+)\.\w+$/);
+      return cur;
+    };
+  }
 
-      if (match) {
-        name = match[1];
-      }
+  function traverse(value, seen = new Set()) {
+    if (!isObject(value) || value["__v_skip"
+    /* SKIP */
+    ]) {
+      return value;
     }
 
-    if (!name && instance && instance.parent) {
-      // try to infer the name based on reverse resolution
-      var inferFromRegistry = registry => {
-        for (var key in registry) {
-          if (registry[key] === Component) {
-            return key;
-          }
-        }
-      };
+    seen = seen || new Set();
 
-      name = inferFromRegistry(instance.components || instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    if (seen.has(value)) {
+      return value;
     }
 
-    return name ? classify(name) : isRoot ? "App" : "Anonymous";
-  }
+    seen.add(value);
 
-  function isClassComponent(value) {
-    return isFunction(value) && '__vccOpts' in value;
-  }
+    if (isRef(value)) {
+      traverse(value.value, seen);
+    } else if (isArray(value)) {
+      for (var i = 0; i < value.length; i++) {
+        traverse(value[i], seen);
+      }
+    } else if (isSet(value) || isMap(value)) {
+      value.forEach(v => {
+        traverse(v, seen);
+      });
+    } else if (isPlainObject(value)) {
+      for (var key in value) {
+        traverse(value[key], seen);
+      }
+    }
 
-  function computed$1(getterOrOptions) {
-    var c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    return value;
   } // implementation
 
 
@@ -9025,12 +9378,6 @@ export default function vueFactory(exports) {
   function defineEmits() {
     return null;
   }
-  /**
-   * @deprecated use `defineEmits` instead.
-   */
-
-
-  var defineEmit = defineEmits;
   /**
    * Vue `<script setup>` compiler macro for declaring a component's exposed
    * instance properties when it is accessed by a parent component via template
@@ -9044,6 +9391,7 @@ export default function vueFactory(exports) {
    * output and should **not** be actually called at runtime.
    */
 
+
   function defineExpose(exposed) {}
   /**
    * Vue `<script setup>` compiler macro for providing props default values when
@@ -9068,14 +9416,6 @@ export default function vueFactory(exports) {
   function withDefaults(props, defaults) {
     return null;
   }
-  /**
-   * @deprecated use `useSlots` and `useAttrs` instead.
-   */
-
-
-  function useContext() {
-    return getContext();
-  }
 
   function useSlots() {
     return getContext().slots;
@@ -9113,22 +9453,38 @@ export default function vueFactory(exports) {
     return props;
   }
   /**
-   * Runtime helper for storing and resuming current instance context in
-   * async setup().
+   * `<script setup>` helper for persisting the current instance context over
+   * async/await flows.
+   *
+   * `@vue/compiler-sfc` converts the following:
+   *
+   * ```ts
+   * const x = await foo()
+   * ```
+   *
+   * into:
+   *
+   * ```ts
+   * let __temp, __restore
+   * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+   * ```
+   * @internal
    */
 
 
-  function withAsyncContext(awaitable) {
+  function withAsyncContext(getAwaitable) {
     var ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
+    var awaitable = getAwaitable();
+    unsetCurrentInstance();
 
-    return isPromise(awaitable) ? awaitable.then(res => {
-      setCurrentInstance(ctx);
-      return res;
-    }, err => {
-      setCurrentInstance(ctx);
-      throw err;
-    }) : awaitable;
+    if (isPromise(awaitable)) {
+      awaitable = awaitable.catch(e => {
+        setCurrentInstance(ctx);
+        throw e;
+      });
+    }
+
+    return [awaitable, () => setCurrentInstance(ctx)];
   } // Actual implementation
 
 
@@ -9166,7 +9522,7 @@ export default function vueFactory(exports) {
       var ctx = inject(ssrContextKey);
 
       if (!ctx) {
-        warn("Server rendering context not provided. Make sure to only call " + "useSSRContext() conditionally in the server build.");
+        warn$1("Server rendering context not provided. Make sure to only call " + "useSSRContext() conditionally in the server build.");
       }
 
       return ctx;
@@ -9178,16 +9534,74 @@ export default function vueFactory(exports) {
     {
       return;
     }
+  }
+
+  function withMemo(memo, render, cache, index) {
+    var cached = cache[index];
+
+    if (cached && isMemoSame(cached, memo)) {
+      return cached;
+    }
+
+    var ret = render(); // shallow clone
+
+    ret.memo = memo.slice();
+    return cache[index] = ret;
+  }
+
+  function isMemoSame(cached, memo) {
+    var prev = cached.memo;
+
+    if (prev.length != memo.length) {
+      return false;
+    }
+
+    for (var i = 0; i < prev.length; i++) {
+      if (prev[i] !== memo[i]) {
+        return false;
+      }
+    } // make sure to let parent block track it when returning cached
+
+
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+      currentBlock.push(cached);
+    }
+
+    return true;
+  }
+
+  function $ref() {}
+
+  function $shallowRef(arg) {
+    return arg;
+  }
+
+  function $computed() {}
+
+  function $fromRefs() {
+    return null;
+  }
+
+  function $raw() {
+    return null;
   } // Core API ------------------------------------------------------------------
 
 
-  var version = "3.1.4";
+  var version = "3.2.2";
+  var _ssrUtils = {
+    createComponentInstance,
+    setupComponent,
+    renderComponentRoot,
+    setCurrentRenderingInstance,
+    isVNode,
+    normalizeVNode
+  };
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
    */
 
-  var ssrUtils = null;
+  var ssrUtils = _ssrUtils;
   /**
    * @internal only exposed in compat builds
    */
@@ -10234,10 +10648,17 @@ export default function vueFactory(exports) {
 
   var Vue = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    $computed: $computed,
+    $fromRefs: $fromRefs,
+    $raw: $raw,
+    $ref: $ref,
+    $shallowRef: $shallowRef,
     BaseTransition: BaseTransition,
     Comment: Comment$1,
+    EffectScope: EffectScope,
     Fragment: Fragment,
     KeepAlive: KeepAlive,
+    ReactiveEffect: ReactiveEffect,
     Static: Static,
     Suspense: Suspense,
     Teleport: Teleport,
@@ -10250,12 +10671,14 @@ export default function vueFactory(exports) {
     capitalize: capitalize,
     cloneVNode: cloneVNode,
     compatUtils: compatUtils,
-    computed: computed$1,
+    computed: computed,
     createApp: createApp,
     createBlock: createBlock,
     createComment: createComment,
     createCommentVNode: createCommentVNode,
     createElement: createElement,
+    createElementBlock: createElementBlock,
+    createElementVNode: createBaseVNode,
     createHydrationRenderer: createHydrationRenderer,
     createRenderer: createRenderer,
     createSSRApp: createSSRApp,
@@ -10268,7 +10691,6 @@ export default function vueFactory(exports) {
     customRef: customRef,
     defineAsyncComponent: defineAsyncComponent,
     defineComponent: defineComponent,
-    defineEmit: defineEmit,
     defineEmits: defineEmits,
     defineExpose: defineExpose,
     defineProps: defineProps,
@@ -10277,8 +10699,12 @@ export default function vueFactory(exports) {
       return devtools;
     },
 
+    effect: effect,
+    effectScope: effectScope,
     getCurrentInstance: getCurrentInstance,
+    getCurrentScope: getCurrentScope,
     getTransitionRawChildren: getTransitionRawChildren,
+    guardReactiveProps: guardReactiveProps,
     h: h,
     handleError: handleError,
     initCustomFormatter: initCustomFormatter,
@@ -10289,6 +10715,7 @@ export default function vueFactory(exports) {
       return isInSSRComponentSetup;
     },
 
+    isMemoSame: isMemoSame,
     isProxy: isProxy,
     isReactive: isReactive,
     isReadonly: isReadonly,
@@ -10299,6 +10726,9 @@ export default function vueFactory(exports) {
     mergeDefaults: mergeDefaults,
     mergeProps: mergeProps,
     nextTick: nextTick,
+    normalizeClass: normalizeClass,
+    normalizeProps: normalizeProps,
+    normalizeStyle: normalizeStyle,
     onActivated: onActivated,
     onBeforeActivate: onBeforeActivate,
     onBeforeDeactivate: onBeforeDeactivate,
@@ -10310,6 +10740,7 @@ export default function vueFactory(exports) {
     onMounted: onMounted,
     onRenderTracked: onRenderTracked,
     onRenderTriggered: onRenderTriggered,
+    onScopeDispose: onScopeDispose,
     onServerPrefetch: onServerPrefetch,
     onUnmounted: onUnmounted,
     onUpdated: onUpdated,
@@ -10339,6 +10770,7 @@ export default function vueFactory(exports) {
     shallowRef: shallowRef,
     ssrContextKey: ssrContextKey,
     ssrUtils: ssrUtils,
+    stop: stop,
     toDisplayString: toDisplayString,
     toHandlerKey: toHandlerKey,
     toHandlers: toHandlers,
@@ -10349,7 +10781,6 @@ export default function vueFactory(exports) {
     triggerRef: triggerRef,
     unref: unref,
     useAttrs: useAttrs,
-    useContext: useContext,
     useCssModule: useCssModule,
     useCssVars: useCssVars,
     useSSRContext: useSSRContext,
@@ -10358,14 +10789,17 @@ export default function vueFactory(exports) {
     vModelText: vModelText,
     vShow: vShow,
     version: version,
-    warn: warn,
+    warn: warn$1,
     watch: watch,
     watchEffect: watchEffect,
+    watchPostEffect: watchPostEffect,
+    watchSyncEffect: watchSyncEffect,
     withAsyncContext: withAsyncContext,
     withCtx: withCtx,
     withDefaults: withDefaults,
     withDirectives: withDirectives,
     withKeys: withKeys,
+    withMemo: withMemo,
     withModifiers: withModifiers,
     withScopeId: withScopeId
   });
diff --git a/packages/uni-app-vue/dist/view.runtime.esm.js b/packages/uni-app-vue/dist/view.runtime.esm.js
index 6523b4c58..8e38a9dff 100644
--- a/packages/uni-app-vue/dist/view.runtime.esm.js
+++ b/packages/uni-app-vue/dist/view.runtime.esm.js
@@ -38,7 +38,9 @@ function normalizeStyle(value) {
         const res = {};
         for (let i = 0; i < value.length; i++) {
             const item = value[i];
-            const normalized = normalizeStyle(isString(item) ? parseStringStyle(item) : item);
+            const normalized = isString(item)
+                ? parseStringStyle(item)
+                : normalizeStyle(item);
             if (normalized) {
                 for (const key in normalized) {
                     res[key] = normalized[key];
@@ -47,6 +49,9 @@ function normalizeStyle(value) {
         }
         return res;
     }
+    else if (isString(value)) {
+        return value;
+    }
     else if (isObject$1(value)) {
         return value;
     }
@@ -84,14 +89,26 @@ function normalizeClass(value) {
         }
     }
     return res.trim();
+}
+function normalizeProps(props) {
+    if (!props)
+        return null;
+    let { class: klass, style } = props;
+    if (klass && !isString(klass)) {
+        props.class = normalizeClass(klass);
+    }
+    if (style) {
+        props.style = normalizeStyle(style);
+    }
+    return props;
 }
 
 // These tag configs are shared between compiler-dom and runtime-dom, so they
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' +
-    'header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,' +
+    'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
     'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' +
-    'data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,' +
+    'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' +
     'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' +
     'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' +
     'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' +
@@ -168,12 +185,16 @@ function looseIndexOf(arr, val) {
 const toDisplayString = (val) => {
     return val == null
         ? ''
-        : isObject$1(val)
+        : isArray(val) || (isObject$1(val) && val.toString === objectToString)
             ? JSON.stringify(val, replacer, 2)
             : String(val);
 };
 const replacer = (_key, val) => {
-    if (isMap(val)) {
+    // can't use isRef here since @vue/shared has no deps
+    if (val && val.__v_isRef) {
+        return replacer(_key, val.value);
+    }
+    else if (isMap(val)) {
         return {
             [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => {
                 entries[`${key} =>`] = val;
@@ -266,9 +287,9 @@ const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + st
 /**
  * @private
  */
-const toHandlerKey = cacheStringFunction((str) => (str ? `on${capitalize(str)}` : ``));
+const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``);
 // compare whether a value has changed, accounting for NaN.
-const hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 const invokeArrayFns = (fns, arg) => {
     for (let i = 0; i < fns.length; i++) {
         fns[i](arg);
@@ -300,64 +321,188 @@ const getGlobalThis = () => {
                             : {}));
 };
 
-const targetMap = new WeakMap();
-const effectStack = [];
-let activeEffect;
-const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
-const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
-function isEffect(fn) {
-    return fn && fn._isEffect === true;
-}
-function effect(fn, options = EMPTY_OBJ) {
-    if (isEffect(fn)) {
-        fn = fn.raw;
+function warn(msg, ...args) {
+    console.warn(`[Vue warn] ${msg}`, ...args);
+}
+
+let activeEffectScope;
+const effectScopeStack = [];
+class EffectScope {
+    constructor(detached = false) {
+        this.active = true;
+        this.effects = [];
+        this.cleanups = [];
+        if (!detached && activeEffectScope) {
+            this.parent = activeEffectScope;
+            this.index =
+                (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+        }
+    }
+    run(fn) {
+        if (this.active) {
+            try {
+                this.on();
+                return fn();
+            }
+            finally {
+                this.off();
+            }
+        }
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn(`cannot run an inactive effect scope.`);
+        }
     }
-    const effect = createReactiveEffect(fn, options);
-    if (!options.lazy) {
-        effect();
+    on() {
+        if (this.active) {
+            effectScopeStack.push(this);
+            activeEffectScope = this;
+        }
     }
-    return effect;
-}
-function stop(effect) {
-    if (effect.active) {
-        cleanup(effect);
-        if (effect.options.onStop) {
-            effect.options.onStop();
+    off() {
+        if (this.active) {
+            effectScopeStack.pop();
+            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+        }
+    }
+    stop(fromParent) {
+        if (this.active) {
+            this.effects.forEach(e => e.stop());
+            this.cleanups.forEach(cleanup => cleanup());
+            if (this.scopes) {
+                this.scopes.forEach(e => e.stop(true));
+            }
+            // nested scope, dereference from parent to avoid memory leaks
+            if (this.parent && !fromParent) {
+                // optimized O(1) removal
+                const last = this.parent.scopes.pop();
+                if (last && last !== this) {
+                    this.parent.scopes[this.index] = last;
+                    last.index = this.index;
+                }
+            }
+            this.active = false;
         }
-        effect.active = false;
     }
 }
-let uid = 0;
-function createReactiveEffect(fn, options) {
-    const effect = function reactiveEffect() {
-        if (!effect.active) {
-            return fn();
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+    }
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn(`onDispose() is called when there is no active effect scope` +
+            ` to be associated with.`);
+    }
+}
+
+const createDep = (effects) => {
+    const dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+    if (deps.length) {
+        for (let i = 0; i < deps.length; i++) {
+            deps[i].w |= trackOpBit; // set was tracked
+        }
+    }
+};
+const finalizeDepMarkers = (effect) => {
+    const { deps } = effect;
+    if (deps.length) {
+        let ptr = 0;
+        for (let i = 0; i < deps.length; i++) {
+            const dep = deps[i];
+            if (wasTracked(dep) && !newTracked(dep)) {
+                dep.delete(effect);
+            }
+            else {
+                deps[ptr++] = dep;
+            }
+            // clear bits
+            dep.w &= ~trackOpBit;
+            dep.n &= ~trackOpBit;
         }
-        if (!effectStack.includes(effect)) {
-            cleanup(effect);
+        deps.length = ptr;
+    }
+};
+
+const targetMap = new WeakMap();
+// The number of effects currently being tracked recursively.
+let effectTrackDepth = 0;
+let trackOpBit = 1;
+/**
+ * The bitwise track markers support at most 30 levels op recursion.
+ * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+ * When recursion depth is greater, fall back to using a full cleanup.
+ */
+const maxMarkerBits = 30;
+const effectStack = [];
+let activeEffect;
+const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
+const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
+class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+        this.fn = fn;
+        this.scheduler = scheduler;
+        this.active = true;
+        this.deps = [];
+        recordEffectScope(this, scope);
+    }
+    run() {
+        if (!this.active) {
+            return this.fn();
+        }
+        if (!effectStack.includes(this)) {
             try {
+                effectStack.push((activeEffect = this));
                 enableTracking();
-                effectStack.push(effect);
-                activeEffect = effect;
-                return fn();
+                trackOpBit = 1 << ++effectTrackDepth;
+                if (effectTrackDepth <= maxMarkerBits) {
+                    initDepMarkers(this);
+                }
+                else {
+                    cleanupEffect(this);
+                }
+                return this.fn();
             }
             finally {
-                effectStack.pop();
+                if (effectTrackDepth <= maxMarkerBits) {
+                    finalizeDepMarkers(this);
+                }
+                trackOpBit = 1 << --effectTrackDepth;
                 resetTracking();
-                activeEffect = effectStack[effectStack.length - 1];
+                effectStack.pop();
+                const n = effectStack.length;
+                activeEffect = n > 0 ? effectStack[n - 1] : undefined;
             }
         }
-    };
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
-}
-function cleanup(effect) {
+    }
+    stop() {
+        if (this.active) {
+            cleanupEffect(this);
+            if (this.onStop) {
+                this.onStop();
+            }
+            this.active = false;
+        }
+    }
+}
+function cleanupEffect(effect) {
     const { deps } = effect;
     if (deps.length) {
         for (let i = 0; i < deps.length; i++) {
@@ -366,6 +511,26 @@ function cleanup(effect) {
         deps.length = 0;
     }
 }
+function effect(fn, options) {
+    if (fn.effect) {
+        fn = fn.effect.fn;
+    }
+    const _effect = new ReactiveEffect(fn);
+    if (options) {
+        extend(_effect, options);
+        if (options.scope)
+            recordEffectScope(_effect, options.scope);
+    }
+    if (!options || !options.lazy) {
+        _effect.run();
+    }
+    const runner = _effect.run.bind(_effect);
+    runner.effect = _effect;
+    return runner;
+}
+function stop(runner) {
+    runner.effect.stop();
+}
 let shouldTrack = true;
 const trackStack = [];
 function pauseTracking() {
@@ -381,7 +546,7 @@ function resetTracking() {
     shouldTrack = last === undefined ? true : last;
 }
 function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
         return;
     }
     let depsMap = targetMap.get(target);
@@ -390,18 +555,35 @@ function track(target, type, key) {
     }
     let dep = depsMap.get(key);
     if (!dep) {
-        depsMap.set(key, (dep = new Set()));
+        depsMap.set(key, (dep = createDep()));
+    }
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { effect: activeEffect, target, type, key }
+        : undefined;
+    trackEffects(dep, eventInfo);
+}
+function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+}
+function trackEffects(dep, debuggerEventExtraInfo) {
+    let shouldTrack = false;
+    if (effectTrackDepth <= maxMarkerBits) {
+        if (!newTracked(dep)) {
+            dep.n |= trackOpBit; // set newly tracked
+            shouldTrack = !wasTracked(dep);
+        }
     }
-    if (!dep.has(activeEffect)) {
+    else {
+        // Full cleanup mode.
+        shouldTrack = !dep.has(activeEffect);
+    }
+    if (shouldTrack) {
         dep.add(activeEffect);
         activeEffect.deps.push(dep);
-        if ((process.env.NODE_ENV !== 'production') && activeEffect.options.onTrack) {
-            activeEffect.options.onTrack({
-                effect: activeEffect,
-                target,
-                type,
-                key
-            });
+        if ((process.env.NODE_ENV !== 'production') && activeEffect.onTrack) {
+            activeEffect.onTrack(Object.assign({
+                effect: activeEffect
+            }, debuggerEventExtraInfo));
         }
     }
 }
@@ -411,82 +593,96 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         // never been tracked
         return;
     }
-    const effects = new Set();
-    const add = (effectsToAdd) => {
-        if (effectsToAdd) {
-            effectsToAdd.forEach(effect => {
-                if (effect !== activeEffect || effect.allowRecurse) {
-                    effects.add(effect);
-                }
-            });
-        }
-    };
+    let deps = [];
     if (type === "clear" /* CLEAR */) {
         // collection being cleared
         // trigger all effects for target
-        depsMap.forEach(add);
+        deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newValue) {
-                add(dep);
+                deps.push(dep);
             }
         });
     }
     else {
         // schedule runs for SET | ADD | DELETE
         if (key !== void 0) {
-            add(depsMap.get(key));
+            deps.push(depsMap.get(key));
         }
         // also run for iteration key on ADD | DELETE | Map.SET
         switch (type) {
             case "add" /* ADD */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 else if (isIntegerKey(key)) {
                     // new index added to array -> length changes
-                    add(depsMap.get('length'));
+                    deps.push(depsMap.get('length'));
                 }
                 break;
             case "delete" /* DELETE */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 break;
             case "set" /* SET */:
                 if (isMap(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                 }
                 break;
         }
     }
-    const run = (effect) => {
-        if ((process.env.NODE_ENV !== 'production') && effect.options.onTrigger) {
-            effect.options.onTrigger({
-                effect,
-                target,
-                key,
-                type,
-                newValue,
-                oldValue,
-                oldTarget
-            });
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { target, type, key, newValue, oldValue, oldTarget }
+        : undefined;
+    if (deps.length === 1) {
+        if (deps[0]) {
+            if ((process.env.NODE_ENV !== 'production')) {
+                triggerEffects(deps[0], eventInfo);
+            }
+            else {
+                triggerEffects(deps[0]);
+            }
+        }
+    }
+    else {
+        const effects = [];
+        for (const dep of deps) {
+            if (dep) {
+                effects.push(...dep);
+            }
         }
-        if (effect.options.scheduler) {
-            effect.options.scheduler(effect);
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(createDep(effects), eventInfo);
         }
         else {
-            effect();
+            triggerEffects(createDep(effects));
         }
-    };
-    effects.forEach(run);
+    }
+}
+function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (const effect of isArray(dep) ? dep : [...dep]) {
+        if (effect !== activeEffect || effect.allowRecurse) {
+            if ((process.env.NODE_ENV !== 'production') && effect.onTrigger) {
+                effect.onTrigger(extend({ effect }, debuggerEventExtraInfo));
+            }
+            if (effect.scheduler) {
+                effect.scheduler();
+            }
+            else {
+                effect.run();
+            }
+        }
+    }
 }
 
 const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -501,17 +697,16 @@ const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
 function createArrayInstrumentations() {
     const instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             const arr = toRaw(this);
             for (let i = 0, l = this.length; i < l; i++) {
                 track(arr, "get" /* GET */, i + '');
             }
             // we run the method using the original args first (which may be reactive)
-            const res = method.apply(arr, args);
+            const res = arr[key](...args);
             if (res === -1 || res === false) {
                 // if that didn't work, run it again using raw values.
-                return method.apply(arr, args.map(toRaw));
+                return arr[key](...args.map(toRaw));
             }
             else {
                 return res;
@@ -519,10 +714,9 @@ function createArrayInstrumentations() {
         };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             pauseTracking();
-            const res = method.apply(this, args);
+            const res = toRaw(this)[key].apply(this, args);
             resetTracking();
             return res;
         };
@@ -1042,13 +1236,48 @@ function isProxy(value) {
     return isReactive(value) || isReadonly(value);
 }
 function toRaw(observed) {
-    return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
+    const raw = observed && observed["__v_raw" /* RAW */];
+    return raw ? toRaw(raw) : observed;
 }
 function markRaw(value) {
     def(value, "__v_skip" /* SKIP */, true);
     return value;
 }
 
+function trackRefValue(ref) {
+    if (isTracking()) {
+        ref = toRaw(ref);
+        if (!ref.dep) {
+            ref.dep = createDep();
+        }
+        if ((process.env.NODE_ENV !== 'production')) {
+            trackEffects(ref.dep, {
+                target: ref,
+                type: "get" /* GET */,
+                key: 'value'
+            });
+        }
+        else {
+            trackEffects(ref.dep);
+        }
+    }
+}
+function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+    if (ref.dep) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(ref.dep, {
+                target: ref,
+                type: "set" /* SET */,
+                key: 'value',
+                newValue: newVal
+            });
+        }
+        else {
+            triggerEffects(ref.dep);
+        }
+    }
+}
 const convert = (val) => isObject$1(val) ? reactive(val) : val;
 function isRef(r) {
     return Boolean(r && r.__v_isRef === true);
@@ -1060,21 +1289,23 @@ function shallowRef(value) {
     return createRef(value, true);
 }
 class RefImpl {
-    constructor(_rawValue, _shallow) {
-        this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
         this._shallow = _shallow;
+        this.dep = undefined;
         this.__v_isRef = true;
-        this._value = _shallow ? _rawValue : convert(_rawValue);
+        this._rawValue = _shallow ? value : toRaw(value);
+        this._value = _shallow ? value : convert(value);
     }
     get value() {
-        track(toRaw(this), "get" /* GET */, 'value');
+        trackRefValue(this);
         return this._value;
     }
     set value(newVal) {
-        if (hasChanged(toRaw(newVal), this._rawValue)) {
+        newVal = this._shallow ? newVal : toRaw(newVal);
+        if (hasChanged(newVal, this._rawValue)) {
             this._rawValue = newVal;
             this._value = this._shallow ? newVal : convert(newVal);
-            trigger(toRaw(this), "set" /* SET */, 'value', newVal);
+            triggerRefValue(this, newVal);
         }
     }
 }
@@ -1085,7 +1316,7 @@ function createRef(rawValue, shallow = false) {
     return new RefImpl(rawValue, shallow);
 }
 function triggerRef(ref) {
-    trigger(toRaw(ref), "set" /* SET */, 'value', (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
+    triggerRefValue(ref, (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
 }
 function unref(ref) {
     return isRef(ref) ? ref.value : ref;
@@ -1110,8 +1341,9 @@ function proxyRefs(objectWithRefs) {
 }
 class CustomRefImpl {
     constructor(factory) {
+        this.dep = undefined;
         this.__v_isRef = true;
-        const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
+        const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
         this._get = get;
         this._set = set;
     }
@@ -1157,15 +1389,13 @@ function toRef(object, key) {
 class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
         this._setter = _setter;
+        this.dep = undefined;
         this._dirty = true;
         this.__v_isRef = true;
-        this.effect = effect(getter, {
-            lazy: true,
-            scheduler: () => {
-                if (!this._dirty) {
-                    this._dirty = true;
-                    trigger(toRaw(this), "set" /* SET */, 'value');
-                }
+        this.effect = new ReactiveEffect(getter, () => {
+            if (!this._dirty) {
+                this._dirty = true;
+                triggerRefValue(this);
             }
         });
         this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
@@ -1173,18 +1403,18 @@ class ComputedRefImpl {
     get value() {
         // the computed ref may get wrapped by other proxies e.g. readonly() #3376
         const self = toRaw(this);
+        trackRefValue(self);
         if (self._dirty) {
-            self._value = this.effect();
             self._dirty = false;
+            self._value = self.effect.run();
         }
-        track(self, "get" /* GET */, 'value');
         return self._value;
     }
     set value(newValue) {
         this._setter(newValue);
     }
 }
-function computed(getterOrOptions) {
+function computed(getterOrOptions, debugOptions) {
     let getter;
     let setter;
     if (isFunction$1(getterOrOptions)) {
@@ -1199,715 +1429,308 @@ function computed(getterOrOptions) {
         getter = getterOrOptions.get;
         setter = getterOrOptions.set;
     }
-    return new ComputedRefImpl(getter, setter, isFunction$1(getterOrOptions) || !getterOrOptions.set);
+    const cRef = new ComputedRefImpl(getter, setter, isFunction$1(getterOrOptions) || !getterOrOptions.set);
+    if ((process.env.NODE_ENV !== 'production') && debugOptions) {
+        cRef.effect.onTrack = debugOptions.onTrack;
+        cRef.effect.onTrigger = debugOptions.onTrigger;
+    }
+    return cRef;
 }
 
-const stack = [];
-function pushWarningContext(vnode) {
-    stack.push(vnode);
-}
-function popWarningContext() {
-    stack.pop();
+/* eslint-disable no-restricted-globals */
+let isHmrUpdating = false;
+const hmrDirtyComponents = new Set();
+// Expose the HMR runtime on the window object
+// This makes it entirely tree-shakable without polluting the exports and makes
+// it easier to be used in toolings like vue-loader
+// Note: for a component to be eligible for HMR it also needs the __hmrId option
+// to be set so that its instances can be registered / removed.
+if ((process.env.NODE_ENV !== 'production')) {
+    const globalObject = typeof window !== 'undefined'
+        ? window
+        : typeof self !== 'undefined'
+            ? self
+            : typeof window !== 'undefined'
+                ? window
+                : {};
+    globalObject.__VUE_HMR_RUNTIME__ = {
+        createRecord: tryWrap(createRecord),
+        rerender: tryWrap(rerender),
+        reload: tryWrap(reload)
+    };
 }
-function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    const instance = stack.length ? stack[stack.length - 1].component : null;
-    const appWarnHandler = instance && instance.appContext.config.warnHandler;
-    const trace = getComponentTrace();
-    if (appWarnHandler) {
-        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
-            msg + args.join(''),
-            instance && instance.proxy,
-            trace
-                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
-                .join('\n'),
-            trace
-        ]);
-    }
-    else {
-        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-        /* istanbul ignore if */
-        if (trace.length &&
-            // avoid spamming console during tests
-            !false) {
-            warnArgs.push(`\n`, ...formatTrace(trace));
-        }
-        console.warn(...warnArgs);
+const map = new Map();
+function registerHMR(instance) {
+    const id = instance.type.__hmrId;
+    let record = map.get(id);
+    if (!record) {
+        createRecord(id, instance.type);
+        record = map.get(id);
     }
-    resetTracking();
+    record.instances.add(instance);
 }
-function getComponentTrace() {
-    let currentVNode = stack[stack.length - 1];
-    if (!currentVNode) {
-        return [];
+function unregisterHMR(instance) {
+    map.get(instance.type.__hmrId).instances.delete(instance);
+}
+function createRecord(id, component) {
+    if (!component) {
+        warn$1(`HMR API usage is out of date.\n` +
+            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
+            `dependency that handles Vue SFC compilation.`);
+        component = {};
     }
-    // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
-    const normalizedStack = [];
-    while (currentVNode) {
-        const last = normalizedStack[0];
-        if (last && last.vnode === currentVNode) {
-            last.recurseCount++;
-        }
-        else {
-            normalizedStack.push({
-                vnode: currentVNode,
-                recurseCount: 0
-            });
-        }
-        const parentInstance = currentVNode.component && currentVNode.component.parent;
-        currentVNode = parentInstance && parentInstance.vnode;
+    if (map.has(id)) {
+        return false;
     }
-    return normalizedStack;
+    map.set(id, {
+        component: isClassComponent(component) ? component.__vccOpts : component,
+        instances: new Set()
+    });
+    return true;
 }
-/* istanbul ignore next */
-function formatTrace(trace) {
-    const logs = [];
-    trace.forEach((entry, i) => {
-        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+function rerender(id, newRender) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    if (newRender)
+        record.component.render = newRender;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    Array.from(record.instances).forEach(instance => {
+        if (newRender) {
+            instance.render = newRender;
+        }
+        instance.renderCache = [];
+        // this flag forces child components with slot content to update
+        isHmrUpdating = true;
+        instance.update();
+        isHmrUpdating = false;
     });
-    return logs;
 }
-function formatTraceEntry({ vnode, recurseCount }) {
-    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-    const isRoot = vnode.component ? vnode.component.parent == null : false;
-    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
-    const close = `>` + postfix;
-    return vnode.props
-        ? [open, ...formatProps(vnode.props), close]
-        : [open + close];
-}
-/* istanbul ignore next */
-function formatProps(props) {
-    const res = [];
-    const keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-        res.push(...formatProp(key, props[key]));
-    });
-    if (keys.length > 3) {
-        res.push(` ...`);
-    }
-    return res;
-}
-/* istanbul ignore next */
-function formatProp(key, value, raw) {
-    if (isString(value)) {
-        value = JSON.stringify(value);
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (typeof value === 'number' ||
-        typeof value === 'boolean' ||
-        value == null) {
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (isRef(value)) {
-        value = formatProp(key, toRaw(value.value), true);
-        return raw ? value : [`${key}=Ref<`, value, `>`];
-    }
-    else if (isFunction$1(value)) {
-        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-    }
-    else {
-        value = toRaw(value);
-        return raw ? value : [`${key}=`, value];
-    }
-}
-
-const ErrorTypeStrings = {
-    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
-    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
-    ["c" /* CREATED */]: 'created hook',
-    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
-    ["m" /* MOUNTED */]: 'mounted hook',
-    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
-    ["u" /* UPDATED */]: 'updated',
-    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
-    ["um" /* UNMOUNTED */]: 'unmounted hook',
-    ["a" /* ACTIVATED */]: 'activated hook',
-    ["da" /* DEACTIVATED */]: 'deactivated hook',
-    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
-    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
-    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
-    [0 /* SETUP_FUNCTION */]: 'setup function',
-    [1 /* RENDER_FUNCTION */]: 'render function',
-    [2 /* WATCH_GETTER */]: 'watcher getter',
-    [3 /* WATCH_CALLBACK */]: 'watcher callback',
-    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
-    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
-    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
-    [7 /* VNODE_HOOK */]: 'vnode hook',
-    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
-    [9 /* TRANSITION_HOOK */]: 'transition hook',
-    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
-    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
-    [12 /* FUNCTION_REF */]: 'ref function',
-    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
-    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-};
-function callWithErrorHandling(fn, instance, type, args) {
-    let res;
-    try {
-        res = args ? fn(...args) : fn();
-    }
-    catch (err) {
-        handleError(err, instance, type);
-    }
-    return res;
-}
-function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction$1(fn)) {
-        const res = callWithErrorHandling(fn, instance, type, args);
-        if (res && isPromise$1(res)) {
-            res.catch(err => {
-                handleError(err, instance, type);
-            });
-        }
-        return res;
-    }
-    const values = [];
-    for (let i = 0; i < fn.length; i++) {
-        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
-    }
-    return values;
-}
-function handleError(err, instance, type, throwInDev = true) {
-    const contextVNode = instance ? instance.vnode : null;
-    if (instance) {
-        let cur = instance.parent;
-        // the exposed instance is the render proxy to keep it consistent with 2.x
-        const exposedInstance = instance.proxy;
-        // in production the hook receives only the error code
-        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
-        while (cur) {
-            const errorCapturedHooks = cur.ec;
-            if (errorCapturedHooks) {
-                for (let i = 0; i < errorCapturedHooks.length; i++) {
-                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-                        return;
-                    }
-                }
+function reload(id, newComp) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    const { component, instances } = record;
+    if (!hmrDirtyComponents.has(component)) {
+        // 1. Update existing comp definition to match new one
+        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+        extend(component, newComp);
+        for (const key in component) {
+            if (key !== '__file' && !(key in newComp)) {
+                delete component[key];
             }
-            cur = cur.parent;
-        }
-        // app-level handling
-        const appErrorHandler = instance.appContext.config.errorHandler;
-        if (appErrorHandler) {
-            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
-            return;
         }
+        // 2. Mark component dirty. This forces the renderer to replace the component
+        // on patch.
+        hmrDirtyComponents.add(component);
+        // 3. Make sure to unmark the component after the reload.
+        queuePostFlushCb(() => {
+            hmrDirtyComponents.delete(component);
+        });
     }
-    logError(err, type, contextVNode, throwInDev);
-}
-function logError(err, type, contextVNode, throwInDev = true) {
-    if ((process.env.NODE_ENV !== 'production')) {
-        const info = ErrorTypeStrings[type];
-        if (contextVNode) {
-            pushWarningContext(contextVNode);
+    Array.from(instances).forEach(instance => {
+        // invalidate options resolution cache
+        instance.appContext.optionsCache.delete(instance.type);
+        if (instance.ceReload) {
+            // custom element
+            hmrDirtyComponents.add(component);
+            instance.ceReload(newComp.styles);
+            hmrDirtyComponents.delete(component);
         }
-        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-        if (contextVNode) {
-            popWarningContext();
+        else if (instance.parent) {
+            // 4. Force the parent instance to re-render. This will cause all updated
+            // components to be unmounted and re-mounted. Queue the update so that we
+            // don't end up forcing the same parent to re-render multiple times.
+            queueJob(instance.parent.update);
+            // instance is the inner component of an async custom element
+            // invoke to reset styles
+            if (instance.parent.type.__asyncLoader &&
+                instance.parent.ceReload) {
+                instance.parent.ceReload(newComp.styles);
+            }
         }
-        // crash in dev by default so it's more noticeable
-        if (throwInDev) {
-            throw err;
+        else if (instance.appContext.reload) {
+            // root instance mounted via createApp() has a reload method
+            instance.appContext.reload();
+        }
+        else if (typeof window !== 'undefined') {
+            // root instance inside tree created via raw render(). Force reload.
+            window.location.reload();
         }
         else {
-            console.error(err);
+            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
         }
-    }
-    else {
-        // recover in prod to reduce the impact on end-user
-        // fixed by xxxxxx
-        if (err instanceof Error) {
-            console.error(err.message + '\n' + err.stack);
+    });
+}
+function tryWrap(fn) {
+    return (id, arg) => {
+        try {
+            return fn(id, arg);
         }
-        else {
-            console.error(err);
+        catch (e) {
+            console.error(e);
+            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
+                `Full reload required.`);
         }
-    }
+    };
 }
 
-let isFlushing = false;
-let isFlushPending = false;
-const queue = [];
-let flushIndex = 0;
-const pendingPreFlushCbs = [];
-let activePreFlushCbs = null;
-let preFlushIndex = 0;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
-let postFlushIndex = 0;
-const resolvedPromise = Promise.resolve();
-let currentFlushPromise = null;
-let currentPreFlushParentJob = null;
-const RECURSION_LIMIT = 100;
-function nextTick(fn) {
-    const p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+let devtools;
+function setDevtoolsHook(hook) {
+    devtools = hook;
 }
-// #2768
-// Use binary-search to find a suitable position in the queue,
-// so that the queue maintains the increasing order of job's id,
-// which can prevent the job from being skipped and also can avoid repeated patching.
-function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    let start = flushIndex + 1;
-    let end = queue.length;
-    const jobId = getId(job);
-    while (start < end) {
-        const middle = (start + end) >>> 1;
-        const middleJobId = getId(queue[middle]);
-        middleJobId < jobId ? (start = middle + 1) : (end = middle);
-    }
-    return start;
+function devtoolsInitApp(app, version) {
+    // TODO queue if devtools is undefined
+    if (!devtools)
+        return;
+    devtools.emit("app:init" /* APP_INIT */, app, version, {
+        Fragment,
+        Text,
+        Comment: Comment$1,
+        Static
+    });
 }
-function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length ||
-        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
-        job !== currentPreFlushParentJob) {
-        const pos = findInsertionIndex(job);
-        if (pos > -1) {
-            queue.splice(pos, 0, job);
-        }
-        else {
-            queue.push(job);
-        }
-        queueFlush();
-    }
+function devtoolsUnmountApp(app) {
+    if (!devtools)
+        return;
+    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
 }
-function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-        isFlushPending = true;
-        currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
+const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
+const devtoolsComponentUpdated = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
+const devtoolsComponentRemoved = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
+function createDevtoolsComponentHook(hook) {
+    return (component) => {
+        if (!devtools)
+            return;
+        devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+    };
 }
-function invalidateJob(job) {
-    const i = queue.indexOf(job);
-    if (i > flushIndex) {
-        queue.splice(i, 1);
+const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
+const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
+function createDevtoolsPerformanceHook(hook) {
+    return (component, type, time) => {
+        if (!devtools)
+            return;
+        devtools.emit(hook, component.appContext.app, component.uid, component, type, time);
+    };
+}
+function devtoolsComponentEmit(component, event, params) {
+    if (!devtools)
+        return;
+    devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params);
+}
+const globalCompatConfig = {
+    MODE: 2
+};
+function getCompatConfigForKey(key, instance) {
+    const instanceConfig = instance && instance.type.compatConfig;
+    if (instanceConfig && key in instanceConfig) {
+        return instanceConfig[key];
     }
+    return globalCompatConfig[key];
 }
-function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!isArray(cb)) {
-        if (!activeQueue ||
-            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-            pendingQueue.push(cb);
-        }
+function isCompatEnabled(key, instance, enableForBuiltIn = false) {
+    // skip compat for built-in components
+    if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
+        return false;
+    }
+    const rawMode = getCompatConfigForKey('MODE', instance) || 2;
+    const val = getCompatConfigForKey(key, instance);
+    const mode = isFunction$1(rawMode)
+        ? rawMode(instance && instance.type)
+        : rawMode;
+    if (mode === 2) {
+        return val !== false;
     }
     else {
-        // if cb is an array, it is a component lifecycle hook which can only be
-        // triggered by a job, which is already deduped in the main queue, so
-        // we can skip duplicate check here to improve perf
-        pendingQueue.push(...cb);
+        return val === true || val === 'suppress-warning';
     }
-    queueFlush();
-}
-function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-}
-function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-}
-function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-        currentPreFlushParentJob = parentJob;
-        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-        pendingPreFlushCbs.length = 0;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
-                continue;
+}
+
+function emit(instance, event, ...rawArgs) {
+    const props = instance.vnode.props || EMPTY_OBJ;
+    if ((process.env.NODE_ENV !== 'production')) {
+        const { emitsOptions, propsOptions: [propsOptions] } = instance;
+        if (emitsOptions) {
+            if (!(event in emitsOptions) &&
+                !(false )) {
+                if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
+                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
+                        `the emits option nor as an "${toHandlerKey(event)}" prop.`);
+                }
+            }
+            else {
+                const validator = emitsOptions[event];
+                if (isFunction$1(validator)) {
+                    const isValid = validator(...rawArgs);
+                    if (!isValid) {
+                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+                    }
+                }
             }
-            activePreFlushCbs[preFlushIndex]();
         }
-        activePreFlushCbs = null;
-        preFlushIndex = 0;
-        currentPreFlushParentJob = null;
-        // recursively flush until it drains
-        flushPreFlushCbs(seen, parentJob);
     }
-}
-function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-        const deduped = [...new Set(pendingPostFlushCbs)];
-        pendingPostFlushCbs.length = 0;
-        // #1947 already has active queue, nested flushPostFlushCbs call
-        if (activePostFlushCbs) {
-            activePostFlushCbs.push(...deduped);
-            return;
-        }
-        activePostFlushCbs = deduped;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
+    let args = rawArgs;
+    const isModelListener = event.startsWith('update:');
+    // for v-model update:xxx events, apply modifiers on args
+    const modelArg = isModelListener && event.slice(7);
+    if (modelArg && modelArg in props) {
+        const modifiersKey = `${modelArg === 'modelValue' ? 'model' : modelArg}Modifiers`;
+        const { number, trim } = props[modifiersKey] || EMPTY_OBJ;
+        if (trim) {
+            args = rawArgs.map(a => a.trim());
         }
-        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
-                continue;
-            }
-            activePostFlushCbs[postFlushIndex]();
+        else if (number) {
+            args = rawArgs.map(toNumber);
         }
-        activePostFlushCbs = null;
-        postFlushIndex = 0;
     }
-}
-const getId = (job) => job.id == null ? Infinity : job.id;
-function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    if ((process.env.NODE_ENV !== 'production')) {
-        seen = seen || new Map();
+    if ((process.env.NODE_ENV !== 'production') || false) {
+        devtoolsComponentEmit(instance, event, args);
     }
-    flushPreFlushCbs(seen);
-    // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
-    queue.sort((a, b) => getId(a) - getId(b));
-    try {
-        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
-            if (job && job.active !== false) {
-                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
-                    continue;
-                }
-                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
-            }
+    if ((process.env.NODE_ENV !== 'production')) {
+        const lowerCaseEvent = event.toLowerCase();
+        if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
+            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
+                `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
+                `Note that HTML attributes are case-insensitive and you cannot use ` +
+                `v-on to listen to camelCase events when using in-DOM templates. ` +
+                `You should probably use "${hyphenate(event)}" instead of "${event}".`);
         }
     }
-    finally {
-        flushIndex = 0;
-        queue.length = 0;
-        flushPostFlushCbs(seen);
-        isFlushing = false;
-        currentFlushPromise = null;
-        // some postFlushCb queued jobs!
-        // keep flushing until it drains.
-        if (queue.length ||
-            pendingPreFlushCbs.length ||
-            pendingPostFlushCbs.length) {
-            flushJobs(seen);
-        }
+    let handlerName;
+    let handler = props[(handlerName = toHandlerKey(event))] ||
+        // also try camelCase event handler (#2249)
+        props[(handlerName = toHandlerKey(camelize(event)))];
+    // for v-model update:xxx events, also trigger kebab-case equivalent
+    // for props passed via kebab-case
+    if (!handler && isModelListener) {
+        handler = props[(handlerName = toHandlerKey(hyphenate(event)))];
     }
-}
-function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-        seen.set(fn, 1);
+    if (handler) {
+        callWithAsyncErrorHandling(handler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args);
     }
-    else {
-        const count = seen.get(fn);
-        if (count > RECURSION_LIMIT) {
-            const instance = fn.ownerInstance;
-            const componentName = instance && getComponentName(instance.type);
-            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
-                `This means you have a reactive effect that is mutating its own ` +
-                `dependencies and thus recursively triggering itself. Possible sources ` +
-                `include component template, render function, updated hook or ` +
-                `watcher source function.`);
-            return true;
+    const onceHandler = props[handlerName + `Once`];
+    if (onceHandler) {
+        if (!instance.emitted) {
+            instance.emitted = {};
         }
-        else {
-            seen.set(fn, count + 1);
+        else if (instance.emitted[handlerName]) {
+            return;
         }
+        instance.emitted[handlerName] = true;
+        callWithAsyncErrorHandling(onceHandler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args);
     }
-}
-
-/* eslint-disable no-restricted-globals */
-let isHmrUpdating = false;
-const hmrDirtyComponents = new Set();
-// Expose the HMR runtime on the window object
-// This makes it entirely tree-shakable without polluting the exports and makes
-// it easier to be used in toolings like vue-loader
-// Note: for a component to be eligible for HMR it also needs the __hmrId option
-// to be set so that its instances can be registered / removed.
-if ((process.env.NODE_ENV !== 'production')) {
-    const globalObject = typeof window !== 'undefined'
-        ? window
-        : typeof self !== 'undefined'
-            ? self
-            : typeof window !== 'undefined'
-                ? window
-                : {};
-    globalObject.__VUE_HMR_RUNTIME__ = {
-        createRecord: tryWrap(createRecord),
-        rerender: tryWrap(rerender),
-        reload: tryWrap(reload)
-    };
 }
-const map = new Map();
-function registerHMR(instance) {
-    const id = instance.type.__hmrId;
-    let record = map.get(id);
-    if (!record) {
-        createRecord(id, instance.type);
-        record = map.get(id);
-    }
-    record.instances.add(instance);
-}
-function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-}
-function createRecord(id, component) {
-    if (!component) {
-        warn(`HMR API usage is out of date.\n` +
-            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-            `dependency that handles Vue SFC compilation.`);
-        component = {};
-    }
-    if (map.has(id)) {
-        return false;
-    }
-    map.set(id, {
-        component: isClassComponent(component) ? component.__vccOpts : component,
-        instances: new Set()
-    });
-    return true;
-}
-function rerender(id, newRender) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    if (newRender)
-        record.component.render = newRender;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    Array.from(record.instances).forEach(instance => {
-        if (newRender) {
-            instance.render = newRender;
-        }
-        instance.renderCache = [];
-        // this flag forces child components with slot content to update
-        isHmrUpdating = true;
-        instance.update();
-        isHmrUpdating = false;
-    });
-}
-function reload(id, newComp) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    const { component, instances } = record;
-    if (!hmrDirtyComponents.has(component)) {
-        // 1. Update existing comp definition to match new one
-        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-        extend(component, newComp);
-        for (const key in component) {
-            if (key !== '__file' && !(key in newComp)) {
-                delete component[key];
-            }
-        }
-        // 2. Mark component dirty. This forces the renderer to replace the component
-        // on patch.
-        hmrDirtyComponents.add(component);
-        // 3. Make sure to unmark the component after the reload.
-        queuePostFlushCb(() => {
-            hmrDirtyComponents.delete(component);
-        });
-    }
-    Array.from(instances).forEach(instance => {
-        if (instance.parent) {
-            // 4. Force the parent instance to re-render. This will cause all updated
-            // components to be unmounted and re-mounted. Queue the update so that we
-            // don't end up forcing the same parent to re-render multiple times.
-            queueJob(instance.parent.update);
-        }
-        else if (instance.appContext.reload) {
-            // root instance mounted via createApp() has a reload method
-            instance.appContext.reload();
-        }
-        else if (typeof window !== 'undefined') {
-            // root instance inside tree created via raw render(). Force reload.
-            window.location.reload();
-        }
-        else {
-            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
-        }
-    });
-}
-function tryWrap(fn) {
-    return (id, arg) => {
-        try {
-            return fn(id, arg);
-        }
-        catch (e) {
-            console.error(e);
-            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
-                `Full reload required.`);
-        }
-    };
-}
-
-let devtools;
-function setDevtoolsHook(hook) {
-    devtools = hook;
-}
-function devtoolsInitApp(app, version) {
-    // TODO queue if devtools is undefined
-    if (!devtools)
-        return;
-    devtools.emit("app:init" /* APP_INIT */, app, version, {
-        Fragment,
-        Text,
-        Comment: Comment$1,
-        Static
-    });
-}
-function devtoolsUnmountApp(app) {
-    if (!devtools)
-        return;
-    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
-}
-const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-const devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
-function createDevtoolsComponentHook(hook) {
-    return (component) => {
-        if (!devtools)
-            return;
-        devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
-    };
-}
-const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
-const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
-function createDevtoolsPerformanceHook(hook) {
-    return (component, type, time) => {
-        if (!devtools)
-            return;
-        devtools.emit(hook, component.appContext.app, component.uid, component, type, time);
-    };
-}
-function devtoolsComponentEmit(component, event, params) {
-    if (!devtools)
-        return;
-    devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params);
-}
-const globalCompatConfig = {
-    MODE: 2
-};
-function getCompatConfigForKey(key, instance) {
-    const instanceConfig = instance && instance.type.compatConfig;
-    if (instanceConfig && key in instanceConfig) {
-        return instanceConfig[key];
-    }
-    return globalCompatConfig[key];
-}
-function isCompatEnabled(key, instance, enableForBuiltIn = false) {
-    // skip compat for built-in components
-    if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
-        return false;
-    }
-    const rawMode = getCompatConfigForKey('MODE', instance) || 2;
-    const val = getCompatConfigForKey(key, instance);
-    const mode = isFunction$1(rawMode)
-        ? rawMode(instance && instance.type)
-        : rawMode;
-    if (mode === 2) {
-        return val !== false;
-    }
-    else {
-        return val === true || val === 'suppress-warning';
-    }
-}
-
-function emit(instance, event, ...rawArgs) {
-    const props = instance.vnode.props || EMPTY_OBJ;
-    if ((process.env.NODE_ENV !== 'production')) {
-        const { emitsOptions, propsOptions: [propsOptions] } = instance;
-        if (emitsOptions) {
-            if (!(event in emitsOptions) &&
-                !(false )) {
-                if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                    warn(`Component emitted event "${event}" but it is neither declared in ` +
-                        `the emits option nor as an "${toHandlerKey(event)}" prop.`);
-                }
-            }
-            else {
-                const validator = emitsOptions[event];
-                if (isFunction$1(validator)) {
-                    const isValid = validator(...rawArgs);
-                    if (!isValid) {
-                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
-                    }
-                }
-            }
-        }
-    }
-    let args = rawArgs;
-    const isModelListener = event.startsWith('update:');
-    // for v-model update:xxx events, apply modifiers on args
-    const modelArg = isModelListener && event.slice(7);
-    if (modelArg && modelArg in props) {
-        const modifiersKey = `${modelArg === 'modelValue' ? 'model' : modelArg}Modifiers`;
-        const { number, trim } = props[modifiersKey] || EMPTY_OBJ;
-        if (trim) {
-            args = rawArgs.map(a => a.trim());
-        }
-        else if (number) {
-            args = rawArgs.map(toNumber);
-        }
-    }
-    if ((process.env.NODE_ENV !== 'production') || false) {
-        devtoolsComponentEmit(instance, event, args);
-    }
-    if ((process.env.NODE_ENV !== 'production')) {
-        const lowerCaseEvent = event.toLowerCase();
-        if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-            warn(`Event "${lowerCaseEvent}" is emitted in component ` +
-                `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
-                `Note that HTML attributes are case-insensitive and you cannot use ` +
-                `v-on to listen to camelCase events when using in-DOM templates. ` +
-                `You should probably use "${hyphenate(event)}" instead of "${event}".`);
-        }
-    }
-    let handlerName;
-    let handler = props[(handlerName = toHandlerKey(event))] ||
-        // also try camelCase event handler (#2249)
-        props[(handlerName = toHandlerKey(camelize(event)))];
-    // for v-model update:xxx events, also trigger kebab-case equivalent
-    // for props passed via kebab-case
-    if (!handler && isModelListener) {
-        handler = props[(handlerName = toHandlerKey(hyphenate(event)))];
-    }
-    if (handler) {
-        callWithAsyncErrorHandling(handler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args);
-    }
-    const onceHandler = props[handlerName + `Once`];
-    if (onceHandler) {
-        if (!instance.emitted) {
-            instance.emitted = {};
-        }
-        else if (instance.emitted[handlerName]) {
-            return;
-        }
-        instance.emitted[handlerName] = true;
-        callWithAsyncErrorHandling(onceHandler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args);
-    }
-}
-function normalizeEmitsOptions(comp, appContext, asMixin = false) {
-    const cache = appContext.emitsCache;
-    const cached = cache.get(comp);
-    if (cached !== undefined) {
-        return cached;
+function normalizeEmitsOptions(comp, appContext, asMixin = false) {
+    const cache = appContext.emitsCache;
+    const cached = cache.get(comp);
+    if (cached !== undefined) {
+        return cached;
     }
     const raw = comp.emits;
     let normalized = {};
@@ -2135,13 +1958,13 @@ function renderComponentRoot(instance) {
                         }
                     }
                     if (extraAttrs.length) {
-                        warn(`Extraneous non-props attributes (` +
+                        warn$1(`Extraneous non-props attributes (` +
                             `${extraAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes.`);
                     }
                     if (eventAttrs.length) {
-                        warn(`Extraneous non-emits event listeners (` +
+                        warn$1(`Extraneous non-emits event listeners (` +
                             `${eventAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes. ` +
@@ -2159,7 +1982,7 @@ function renderComponentRoot(instance) {
         // inherit directives
         if (vnode.dirs) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Runtime directive used on component with non-element root node. ` +
+                warn$1(`Runtime directive used on component with non-element root node. ` +
                     `The directives will not function as intended.`);
             }
             root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
@@ -2167,7 +1990,7 @@ function renderComponentRoot(instance) {
         // inherit transition data
         if (vnode.transition) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Component inside <Transition> renders non-element root node ` +
+                warn$1(`Component inside <Transition> renders non-element root node ` +
                     `that cannot be animated.`);
             }
             root.transition = vnode.transition;
@@ -2368,8 +2191,7 @@ const SuspenseImpl = {
     normalize: normalizeSuspenseChildren
 };
 // Force-casted public typing for h and TSX props inference
-const Suspense = (SuspenseImpl
-    );
+const Suspense = (SuspenseImpl );
 function triggerEvent(vnode, name) {
     const eventListener = vnode.props && vnode.props[name];
     if (isFunction$1(eventListener)) {
@@ -2737,12 +2559,12 @@ function normalizeSuspenseSlot(s) {
     if (isArray(s)) {
         const singleChild = filterSingleRoot(s);
         if ((process.env.NODE_ENV !== 'production') && !singleChild) {
-            warn(`<Suspense> slots expect a single root node.`);
+            warn$1(`<Suspense> slots expect a single root node.`);
         }
         s = singleChild;
     }
     s = normalizeVNode(s);
-    if (block) {
+    if (block && !s.dynamicChildren) {
         s.dynamicChildren = block.filter(c => c !== s);
     }
     return s;
@@ -2775,7 +2597,7 @@ function setActiveBranch(suspense, branch) {
 function provide(key, value) {
     if (!currentInstance) {
         if ((process.env.NODE_ENV !== 'production')) {
-            warn(`provide() can only be used inside setup().`);
+            warn$1(`provide() can only be used inside setup().`);
         }
     }
     else {
@@ -2814,245 +2636,14 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
                 : defaultValue;
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`injection "${String(key)}" not found.`);
+            warn$1(`injection "${String(key)}" not found.`);
         }
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`inject() can only be used inside setup() or functional components.`);
+        warn$1(`inject() can only be used inside setup() or functional components.`);
     }
 }
 
-// Simple effect.
-function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-}
-// initial value for watchers to trigger on undefined initial values
-const INITIAL_WATCHER_VALUE = {};
-// implementation
-function watch(source, cb, options) {
-    if ((process.env.NODE_ENV !== 'production') && !isFunction$1(cb)) {
-        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
-            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-            `supports \`watch(source, cb, options?) signature.`);
-    }
-    return doWatch(source, cb, options);
-}
-function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ, instance = currentInstance) {
-    if ((process.env.NODE_ENV !== 'production') && !cb) {
-        if (immediate !== undefined) {
-            warn(`watch() "immediate" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-        if (deep !== undefined) {
-            warn(`watch() "deep" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-    }
-    const warnInvalidSource = (s) => {
-        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
-            `a reactive object, or an array of these types.`);
-    };
-    let getter;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef(source)) {
-        getter = () => source.value;
-        forceTrigger = !!source._shallow;
-    }
-    else if (isReactive(source)) {
-        getter = () => source;
-        deep = true;
-    }
-    else if (isArray(source)) {
-        isMultiSource = true;
-        forceTrigger = source.some(isReactive);
-        getter = () => source.map(s => {
-            if (isRef(s)) {
-                return s.value;
-            }
-            else if (isReactive(s)) {
-                return traverse(s);
-            }
-            else if (isFunction$1(s)) {
-                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
-            }
-            else {
-                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
-            }
-        });
-    }
-    else if (isFunction$1(source)) {
-        if (cb) {
-            // getter with cb
-            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
-        }
-        else {
-            // no cb -> simple effect
-            getter = () => {
-                if (instance && instance.isUnmounted) {
-                    return;
-                }
-                if (cleanup) {
-                    cleanup();
-                }
-                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
-            };
-        }
-    }
-    else {
-        getter = NOOP;
-        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
-    }
-    if (cb && deep) {
-        const baseGetter = getter;
-        getter = () => traverse(baseGetter());
-    }
-    let cleanup;
-    let onInvalidate = (fn) => {
-        cleanup = runner.options.onStop = () => {
-            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
-        };
-    };
-    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
-    const job = () => {
-        if (!runner.active) {
-            return;
-        }
-        if (cb) {
-            // watch(source, cb)
-            const newValue = runner();
-            if (deep ||
-                forceTrigger ||
-                (isMultiSource
-                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
-                    : hasChanged(newValue, oldValue)) ||
-                (false  )) {
-                // cleanup before running cb again
-                if (cleanup) {
-                    cleanup();
-                }
-                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                    newValue,
-                    // pass undefined as the old value when it's changed for the first time
-                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
-                    onInvalidate
-                ]);
-                oldValue = newValue;
-            }
-        }
-        else {
-            // watchEffect
-            runner();
-        }
-    };
-    // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
-    job.allowRecurse = !!cb;
-    let scheduler;
-    if (flush === 'sync') {
-        scheduler = job; // the scheduler function gets called directly
-    }
-    else if (flush === 'post') {
-        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-    }
-    else {
-        // default: 'pre'
-        scheduler = () => {
-            if (!instance || instance.isMounted) {
-                queuePreFlushCb(job);
-            }
-            else {
-                // with 'pre' option, the first call must happen before
-                // the component is mounted so it is called synchronously.
-                job();
-            }
-        };
-    }
-    const runner = effect(getter, {
-        lazy: true,
-        onTrack,
-        onTrigger,
-        scheduler
-    });
-    recordInstanceBoundEffect(runner, instance);
-    // initial run
-    if (cb) {
-        if (immediate) {
-            job();
-        }
-        else {
-            oldValue = runner();
-        }
-    }
-    else if (flush === 'post') {
-        queuePostRenderEffect(runner, instance && instance.suspense);
-    }
-    else {
-        runner();
-    }
-    return () => {
-        stop(runner);
-        if (instance) {
-            remove(instance.effects, runner);
-        }
-    };
-}
-// this.$watch
-function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source)
-        ? source.includes('.')
-            ? createPathGetter(publicThis, source)
-            : () => publicThis[source]
-        : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction$1(value)) {
-        cb = value;
-    }
-    else {
-        cb = value.handler;
-        options = value;
-    }
-    return doWatch(getter, cb.bind(publicThis), options, this);
-}
-function createPathGetter(ctx, path) {
-    const segments = path.split('.');
-    return () => {
-        let cur = ctx;
-        for (let i = 0; i < segments.length && cur; i++) {
-            cur = cur[segments[i]];
-        }
-        return cur;
-    };
-}
-function traverse(value, seen = new Set()) {
-    if (!isObject$1(value) ||
-        seen.has(value) ||
-        value["__v_skip" /* SKIP */]) {
-        return value;
-    }
-    seen.add(value);
-    if (isRef(value)) {
-        traverse(value.value, seen);
-    }
-    else if (isArray(value)) {
-        for (let i = 0; i < value.length; i++) {
-            traverse(value[i], seen);
-        }
-    }
-    else if (isSet(value) || isMap(value)) {
-        value.forEach((v) => {
-            traverse(v, seen);
-        });
-    }
-    else if (isPlainObject(value)) {
-        for (const key in value) {
-            traverse(value[key], seen);
-        }
-    }
-    return value;
-}
-
 function useTransitionState() {
     const state = {
         isMounted: false,
@@ -3102,7 +2693,7 @@ const BaseTransitionImpl = {
             }
             // warn multiple elements
             if ((process.env.NODE_ENV !== 'production') && children.length > 1) {
-                warn('<transition> can only be used on a single element or component. Use ' +
+                warn$1('<transition> can only be used on a single element or component. Use ' +
                     '<transition-group> for lists.');
             }
             // there's no need to track reactivity for these props so use the raw
@@ -3111,7 +2702,7 @@ const BaseTransitionImpl = {
             const { mode } = rawProps;
             // check mode
             if ((process.env.NODE_ENV !== 'production') && mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-                warn(`invalid <transition> mode: ${mode}`);
+                warn$1(`invalid <transition> mode: ${mode}`);
             }
             // at this point children has a guaranteed length of 1.
             const child = children[0];
@@ -3388,39 +2979,40 @@ function defineAsyncComponent(source) {
     const load = () => {
         let thisRequest;
         return (pendingRequest ||
-            (thisRequest = pendingRequest = loader()
-                .catch(err => {
-                err = err instanceof Error ? err : new Error(String(err));
-                if (userOnError) {
-                    return new Promise((resolve, reject) => {
-                        const userRetry = () => resolve(retry());
-                        const userFail = () => reject(err);
-                        userOnError(err, userRetry, userFail, retries + 1);
-                    });
-                }
-                else {
-                    throw err;
-                }
-            })
-                .then((comp) => {
-                if (thisRequest !== pendingRequest && pendingRequest) {
-                    return pendingRequest;
-                }
-                if ((process.env.NODE_ENV !== 'production') && !comp) {
-                    warn(`Async component loader resolved to undefined. ` +
-                        `If you are using retry(), make sure to return its return value.`);
-                }
-                // interop module default
-                if (comp &&
-                    (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-                    comp = comp.default;
-                }
-                if ((process.env.NODE_ENV !== 'production') && comp && !isObject$1(comp) && !isFunction$1(comp)) {
-                    throw new Error(`Invalid async component load result: ${comp}`);
-                }
-                resolvedComp = comp;
-                return comp;
-            })));
+            (thisRequest = pendingRequest =
+                loader()
+                    .catch(err => {
+                    err = err instanceof Error ? err : new Error(String(err));
+                    if (userOnError) {
+                        return new Promise((resolve, reject) => {
+                            const userRetry = () => resolve(retry());
+                            const userFail = () => reject(err);
+                            userOnError(err, userRetry, userFail, retries + 1);
+                        });
+                    }
+                    else {
+                        throw err;
+                    }
+                })
+                    .then((comp) => {
+                    if (thisRequest !== pendingRequest && pendingRequest) {
+                        return pendingRequest;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && !comp) {
+                        warn$1(`Async component loader resolved to undefined. ` +
+                            `If you are using retry(), make sure to return its return value.`);
+                    }
+                    // interop module default
+                    if (comp &&
+                        (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                        comp = comp.default;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && comp && !isObject$1(comp) && !isFunction$1(comp)) {
+                        throw new Error(`Invalid async component load result: ${comp}`);
+                    }
+                    resolvedComp = comp;
+                    return comp;
+                })));
     };
     return defineComponent({
         name: 'AsyncComponentWrapper',
@@ -3646,7 +3238,7 @@ const KeepAliveImpl = {
             const rawVNode = children[0];
             if (children.length > 1) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`KeepAlive should contain exactly one component child.`);
+                    warn$1(`KeepAlive should contain exactly one component child.`);
                 }
                 current = null;
                 return children;
@@ -3808,7 +3400,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
                 // can only be false when the user does something really funky.
                 setCurrentInstance(target);
                 const res = callWithAsyncErrorHandling(hook, target, type, args);
-                setCurrentInstance(null);
+                unsetCurrentInstance();
                 resetTracking();
                 return res;
             });
@@ -3822,7 +3414,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else if ((process.env.NODE_ENV !== 'production')) {
         const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn(`${apiName} is called when there is no active component instance to be ` +
+        warn$1(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -3851,7 +3443,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -3896,14 +3488,15 @@ function applyOptions(instance) {
     // - computed
     // - watch (deferred since it relies on `this` access)
     if (injectOptions) {
-        resolveInjections(injectOptions, ctx, checkDuplicateProperties);
+        resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
     }
     if (methods) {
         for (const key in methods) {
             const methodHandler = methods[key];
             if (isFunction$1(methodHandler)) {
-                // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-                // and those are read-only but reconfigurable, so it needs to be redefined here
+                // In dev mode, we use the `createRenderContext` function to define
+                // methods to the proxy target, and those are read-only but
+                // reconfigurable, so it needs to be redefined here
                 if ((process.env.NODE_ENV !== 'production')) {
                     Object.defineProperty(ctx, key, {
                         value: methodHandler.bind(publicThis),
@@ -3920,24 +3513,24 @@ function applyOptions(instance) {
                 }
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if ((process.env.NODE_ENV !== 'production') && !isFunction$1(dataOptions)) {
-            warn(`The data option must be a function. ` +
+            warn$1(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if ((process.env.NODE_ENV !== 'production') && isPromise$1(data)) {
-            warn(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!isObject$1(data)) {
-            (process.env.NODE_ENV !== 'production') && warn(`data() should return an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -3968,16 +3561,16 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : NOOP;
             if ((process.env.NODE_ENV !== 'production') && get === NOOP) {
-                warn(`Computed property "${key}" has no getter.`);
+                warn$1(`Computed property "${key}" has no getter.`);
             }
             const set = !isFunction$1(opt) && isFunction$1(opt.set)
                 ? opt.set.bind(publicThis)
                 : (process.env.NODE_ENV !== 'production')
                     ? () => {
-                        warn(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     : NOOP;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -4056,22 +3649,47 @@ function applyOptions(instance) {
     if (directives)
         instance.directives = directives;
 }
-function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
+function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
     if (isArray(injectOptions)) {
         injectOptions = normalizeInject(injectOptions);
     }
     for (const key in injectOptions) {
         const opt = injectOptions[key];
+        let injected;
         if (isObject$1(opt)) {
             if ('default' in opt) {
-                ctx[key] = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+                injected = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+            }
+            else {
+                injected = inject(opt.from || key);
+            }
+        }
+        else {
+            injected = inject(opt);
+        }
+        if (isRef(injected)) {
+            // TODO remove the check in 3.3
+            if (unwrapRef) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    get: () => injected.value,
+                    set: v => (injected.value = v)
+                });
             }
             else {
-                ctx[key] = inject(opt.from || key);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                        `and no longer needs \`.value\` in the next minor release. ` +
+                        `To opt-in to the new behavior now, ` +
+                        `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
+                        `temporary and will not be needed in the future.)`);
+                }
+                ctx[key] = injected;
             }
         }
         else {
-            ctx[key] = inject(opt);
+            ctx[key] = injected;
         }
         if ((process.env.NODE_ENV !== 'production')) {
             checkDuplicateProperties("Inject" /* INJECT */, key);
@@ -4093,7 +3711,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (isFunction$1(raw)) {
@@ -4111,12 +3729,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid watch option: "${key}"`, raw);
+        warn$1(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -4159,7 +3777,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     for (const key in from) {
         if (asMixin && key === 'expose') {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`"expose" option is ignored when declared in mixins or extends. ` +
+                warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -4421,7 +4039,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
                 else {
                     setCurrentInstance(instance);
                     value = propsDefaults[key] = defaultValue.call(null, props);
-                    setCurrentInstance(null);
+                    unsetCurrentInstance();
                 }
             }
             else {
@@ -4477,7 +4095,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if ((process.env.NODE_ENV !== 'production') && !isString(raw[i])) {
-                warn(`props must be strings when using array syntax.`, raw[i]);
+                warn$1(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -4487,7 +4105,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if ((process.env.NODE_ENV !== 'production') && !isObject$1(raw)) {
-            warn(`invalid props options`, raw);
+            warn$1(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = camelize(key);
@@ -4518,7 +4136,7 @@ function validatePropName(key) {
         return true;
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid prop name: "${key}" is a reserved property.`);
+        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
@@ -4526,7 +4144,7 @@ function validatePropName(key) {
 // so that it works across vms / iframes.
 function getType(ctor) {
     const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
+    return match ? match[1] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -4560,7 +4178,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn('Missing required prop: "' + name + '"');
+        warn$1('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -4579,13 +4197,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn(getInvalidTypeMessage(name, value, expectedTypes));
+            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -4609,6 +4227,9 @@ function assertType(value, type) {
     else if (expectedType === 'Array') {
         valid = isArray(value);
     }
+    else if (expectedType === 'null') {
+        valid = value === null;
+    }
     else {
         valid = value instanceof type;
     }
@@ -4622,7 +4243,7 @@ function assertType(value, type) {
  */
 function getInvalidTypeMessage(name, value, expectedTypes) {
     let message = `Invalid prop: type check failed for prop "${name}".` +
-        ` Expected ${expectedTypes.map(capitalize).join(', ')}`;
+        ` Expected ${expectedTypes.map(capitalize).join(' | ')}`;
     const expectedType = expectedTypes[0];
     const receivedType = toRawType(value);
     const expectedValue = styleValue(value, expectedType);
@@ -4675,7 +4296,7 @@ const normalizeSlotValue = (value) => isArray(value)
 const normalizeSlot = (key, rawSlot, ctx) => {
     const normalized = withCtx((props) => {
         if ((process.env.NODE_ENV !== 'production') && currentInstance) {
-            warn(`Slot "${key}" invoked outside of the render function: ` +
+            warn$1(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -4696,7 +4317,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
         else if (value != null) {
             if ((process.env.NODE_ENV !== 'production') &&
                 !(false )) {
-                warn(`Non-function value encountered for slot "${key}". ` +
+                warn$1(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -4708,7 +4329,7 @@ const normalizeVNodeSlots = (instance, children) => {
     if ((process.env.NODE_ENV !== 'production') &&
         !isKeepAlive(instance.vnode) &&
         !(false )) {
-        warn(`Non-function value encountered for default slot. ` +
+        warn$1(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -4803,7 +4424,7 @@ return withDirectives(h(comp), [
 const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn('Do not use built-in directive ids as custom directive id: ' + name);
+        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 /**
@@ -4812,7 +4433,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-        (process.env.NODE_ENV !== 'production') && warn(`withDirectives can only be used inside render functions.`);
+        (process.env.NODE_ENV !== 'production') && warn$1(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
     const instance = internalInstance.proxy;
@@ -4825,6 +4446,9 @@ function withDirectives(vnode, directives) {
                 updated: dir
             };
         }
+        if (dir.deep) {
+            traverse(value);
+        }
         bindings.push({
             dir,
             instance,
@@ -4881,18 +4505,18 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid$1 = 0;
+let uid = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (rootProps != null && !isObject$1(rootProps)) {
-            (process.env.NODE_ENV !== 'production') && warn(`root props passed to app.mount() must be an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid$1++,
+            _uid: uid++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -4904,12 +4528,12 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    (process.env.NODE_ENV !== 'production') && warn(`Plugin has already been applied to target app.`);
+                    (process.env.NODE_ENV !== 'production') && warn$1(`Plugin has already been applied to target app.`);
                 }
                 else if (plugin && isFunction$1(plugin.install)) {
                     installedPlugins.add(plugin);
@@ -4920,7 +4544,7 @@ function createAppAPI(render, hydrate) {
                     plugin(app, ...options);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`A plugin must either be a function or an object with an "install" ` +
+                    warn$1(`A plugin must either be a function or an object with an "install" ` +
                         `function.`);
                 }
                 return app;
@@ -4931,7 +4555,7 @@ function createAppAPI(render, hydrate) {
                         context.mixins.push(mixin);
                     }
                     else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Mixin has already been applied to target app' +
+                        warn$1('Mixin has already been applied to target app' +
                             (mixin.name ? `: ${mixin.name}` : ''));
                     }
                 }
@@ -4945,7 +4569,7 @@ function createAppAPI(render, hydrate) {
                     return context.components[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.components[name]) {
-                    warn(`Component "${name}" has already been registered in target app.`);
+                    warn$1(`Component "${name}" has already been registered in target app.`);
                 }
                 context.components[name] = component;
                 return app;
@@ -4958,7 +4582,7 @@ function createAppAPI(render, hydrate) {
                     return context.directives[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.directives[name]) {
-                    warn(`Directive "${name}" has already been registered in target app.`);
+                    warn$1(`Directive "${name}" has already been registered in target app.`);
                 }
                 context.directives[name] = directive;
                 return app;
@@ -4991,7 +4615,7 @@ function createAppAPI(render, hydrate) {
                     return vnode.component.proxy;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`App has already been mounted.\n` +
+                    warn$1(`App has already been mounted.\n` +
                         `If you want to remount the same app, move your app creation logic ` +
                         `into a factory function and create fresh app instances for each ` +
                         `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -5007,12 +4631,12 @@ function createAppAPI(render, hydrate) {
                     delete app._container.__vue_app__;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`Cannot unmount an app that is not mounted.`);
+                    warn$1(`Cannot unmount an app that is not mounted.`);
                 }
             },
             provide(key, value) {
                 if ((process.env.NODE_ENV !== 'production') && key in context.provides) {
-                    warn(`App already provides property with key "${String(key)}". ` +
+                    warn$1(`App already provides property with key "${String(key)}". ` +
                         `It will be overwritten with the new value.`);
                 }
                 // TypeScript doesn't allow symbols as index type
@@ -5038,7 +4662,7 @@ function createHydrationFunctions(rendererInternals) {
     const hydrate = (vnode, container) => {
         if (!container.hasChildNodes()) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to hydrate existing markup but container is empty. ` +
+                warn$1(`Attempting to hydrate existing markup but container is empty. ` +
                     `Performing full mount instead.`);
             patch(null, vnode, container);
             flushPostFlushCbs();
@@ -5068,7 +4692,7 @@ function createHydrationFunctions(rendererInternals) {
                     if (node.data !== vnode.children) {
                         hasMismatch = true;
                         (process.env.NODE_ENV !== 'production') &&
-                            warn(`Hydration text mismatch:` +
+                            warn$1(`Hydration text mismatch:` +
                                 `\n- Client: ${JSON.stringify(node.data)}` +
                                 `\n- Server: ${JSON.stringify(vnode.children)}`);
                         node.data = vnode.children;
@@ -5169,7 +4793,7 @@ function createHydrationFunctions(rendererInternals) {
                     nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid HostVNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
                 }
         }
         if (ref != null) {
@@ -5192,8 +4816,8 @@ function createHydrationFunctions(rendererInternals) {
             if (props) {
                 if (forcePatchValue ||
                     !optimized ||
-                    (patchFlag & 16 /* FULL_PROPS */ ||
-                        patchFlag & 32 /* HYDRATE_EVENTS */)) {
+                    patchFlag & 16 /* FULL_PROPS */ ||
+                    patchFlag & 32 /* HYDRATE_EVENTS */) {
                     for (const key in props) {
                         if ((forcePatchValue && key.endsWith('value')) ||
                             (isOn(key) && !isReservedProp(key))) {
@@ -5230,7 +4854,7 @@ function createHydrationFunctions(rendererInternals) {
                 while (next) {
                     hasMismatch = true;
                     if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                        warn(`Hydration children mismatch in <${vnode.type}>: ` +
+                        warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
                             `server rendered element contains more child nodes than client vdom.`);
                         hasWarned = true;
                     }
@@ -5244,7 +4868,7 @@ function createHydrationFunctions(rendererInternals) {
                 if (el.textContent !== vnode.children) {
                     hasMismatch = true;
                     (process.env.NODE_ENV !== 'production') &&
-                        warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                        warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
                             `- Client: ${el.textContent}\n` +
                             `- Server: ${vnode.children}`);
                     el.textContent = vnode.children;
@@ -5271,7 +4895,7 @@ function createHydrationFunctions(rendererInternals) {
             else {
                 hasMismatch = true;
                 if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                    warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                    warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
                         `server rendered element contains fewer child nodes than client vdom.`);
                     hasWarned = true;
                 }
@@ -5305,7 +4929,7 @@ function createHydrationFunctions(rendererInternals) {
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
         hasMismatch = true;
         (process.env.NODE_ENV !== 'production') &&
-            warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
+            warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
                 ? `(text)`
                 : isComment(node) && node.data === '['
                     ? `(start of fragment)`
@@ -5408,95 +5032,8 @@ function initFeatureFlags() {
     }
 }
 
-const prodEffectOptions = {
-    scheduler: queueJob,
-    // #1801, #2043 component render effects should allow recursive updates
-    allowRecurse: true
-};
-function createDevEffectOptions(instance) {
-    return {
-        scheduler: queueJob,
-        allowRecurse: true,
-        onTrack: instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0,
-        onTrigger: instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0
-    };
-}
 const queuePostRenderEffect = queueEffectWithSuspense
     ;
-const setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (isArray(rawRef)) {
-        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-        return;
-    }
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-        // when mounting async components, nothing needs to be done,
-        // because the template ref is forwarded to inner component
-        return;
-    }
-    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
-        ? getExposeProxy(vnode.component) || vnode.component.proxy
-        : vnode.el;
-    const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref } = rawRef;
-    if ((process.env.NODE_ENV !== 'production') && !owner) {
-        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-            `A vnode with ref must be created inside the render function.`);
-        return;
-    }
-    const oldRef = oldRawRef && oldRawRef.r;
-    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
-    const setupState = owner.setupState;
-    // dynamic ref changed. unset old ref
-    if (oldRef != null && oldRef !== ref) {
-        if (isString(oldRef)) {
-            refs[oldRef] = null;
-            if (hasOwn(setupState, oldRef)) {
-                setupState[oldRef] = null;
-            }
-        }
-        else if (isRef(oldRef)) {
-            oldRef.value = null;
-        }
-    }
-    if (isString(ref)) {
-        const doSet = () => {
-            {
-                refs[ref] = value;
-            }
-            if (hasOwn(setupState, ref)) {
-                setupState[ref] = value;
-            }
-        };
-        // #1789: for non-null values, set them after render
-        // null values means this is unmount and it should not overwrite another
-        // ref with the same key
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
-        }
-    }
-    else if (isRef(ref)) {
-        const doSet = () => {
-            ref.value = value;
-        };
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
-        }
-    }
-    else if (isFunction$1(ref)) {
-        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
-    }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn('Invalid template ref type:', value, `(${typeof value})`);
-    }
-};
 /**
  * The createRenderer function accepts two generic arguments:
  * HostNode and HostElement, corresponding to Node and Element types in the
@@ -5532,10 +5069,13 @@ function baseCreateRenderer(options, createHydrationFns) {
         target.__VUE__ = true;
         setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
     }
-    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
     // Note: functions inside this closure should use `const xxx = () => {}`
     // style in order to prevent being inlined by minifiers.
-    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
+    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = (process.env.NODE_ENV !== 'production') && isHmrUpdating ? false : !!n2.dynamicChildren) => {
+        if (n1 === n2) {
+            return;
+        }
         // patching & not same type, unmount old tree
         if (n1 && !isSameVNodeType(n1, n2)) {
             anchor = getNextHostNode(n1);
@@ -5579,7 +5119,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid VNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
                 }
         }
         // set ref
@@ -5608,19 +5148,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const mountStaticNode = (n2, container, anchor, isSVG) => {
-        // static nodes are only present when used with compiler-dom/runtime-dom
-        // which guarantees presence of hostInsertStaticContent.
-        const nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, 
-        // pass cached nodes if the static node is being mounted multiple times
-        // so that runtime-dom can simply cloneNode() instead of inserting new
-        // HTML
-        n2.staticCache);
-        // first mount - this is the orignal hoisted vnode. cache nodes.
-        if (!n2.el) {
-            n2.staticCache = nodes;
-        }
-        n2.el = nodes[0];
-        n2.anchor = nodes[nodes.length - 1];
+        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
     };
     /**
      * Dev / HMR only
@@ -5687,7 +5215,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 hostSetElementText(el, vnode.children);
             }
             else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
             }
             if (dirs) {
                 invokeDirectiveHook(vnode, null, parentComponent, 'created');
@@ -5695,10 +5223,22 @@ function baseCreateRenderer(options, createHydrationFns) {
             // props
             if (props) {
                 for (const key in props) {
-                    if (!isReservedProp(key)) {
+                    if (key !== 'value' && !isReservedProp(key)) {
                         hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                     }
                 }
+                /**
+                 * Special case for setting value on DOM elements:
+                 * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+                 * - it needs to be forced (#1471)
+                 * #2353 proposes adding another renderer option to configure this, but
+                 * the properties affects are so finite it is worth special casing it
+                 * here to reduce the complexity. (Special casing it also should not
+                 * affect non-DOM renderers)
+                 */
+                if ('value' in props) {
+                    hostPatchProp(el, 'value', null, props.value);
+                }
                 if ((vnodeHook = props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parentComponent, vnode);
                 }
@@ -5830,8 +5370,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                         const key = propsToUpdate[i];
                         const prev = oldProps[key];
                         const next = newProps[key];
-                        if (next !== prev ||
-                            (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                        // #1471 force patch value
+                        if (next !== prev || key === 'value') {
                             hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
                         }
                     }
@@ -5901,8 +5441,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                     continue;
                 const next = newProps[key];
                 const prev = oldProps[key];
-                if (next !== prev ||
-                    (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                // defer patching value
+                if (next !== prev && key !== 'value') {
                     hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                 }
             }
@@ -5913,14 +5453,20 @@ function baseCreateRenderer(options, createHydrationFns) {
                     }
                 }
             }
+            if ('value' in newProps) {
+                hostPatchProp(el, 'value', oldProps.value, newProps.value);
+            }
         }
     };
     const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
         const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
         const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
         let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-        if (dynamicChildren) {
-            optimized = true;
+        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
+            // HMR updated, force full diff
+            patchFlag = 0;
+            optimized = false;
+            dynamicChildren = null;
         }
         // check if this is a slot fragment with :slotted scope ids
         if (fragmentSlotScopeIds) {
@@ -5928,12 +5474,6 @@ function baseCreateRenderer(options, createHydrationFns) {
                 ? slotScopeIds.concat(fragmentSlotScopeIds)
                 : fragmentSlotScopeIds;
         }
-        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
-            // HMR updated, force full diff
-            patchFlag = 0;
-            optimized = false;
-            dynamicChildren = null;
-        }
         if (n1 == null) {
             hostInsert(fragmentStartAnchor, container, anchor);
             hostInsert(fragmentEndAnchor, container, anchor);
@@ -6051,7 +5591,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 // in case the child component is also queued, remove it to avoid
                 // double updating the same child component in the same flush.
                 invalidateJob(instance.update);
-                // instance.update is the reactive effect runner.
+                // instance.update is the reactive effect.
                 instance.update();
             }
         }
@@ -6063,12 +5603,12 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-        // create reactive effect for rendering
-        instance.update = effect(function componentEffect() {
+        const componentUpdateFn = () => {
             if (!instance.isMounted) {
                 let vnodeHook;
                 const { el, props } = initialVNode;
                 const { bm, m, parent } = instance;
+                effect.allowRecurse = false;
                 // beforeMount hook
                 if (bm) {
                     invokeArrayFns(bm);
@@ -6077,6 +5617,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = props && props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parent, initialVNode);
                 }
+                effect.allowRecurse = true;
                 if (el && hydrateNode) {
                     // vnode has adopted host node - perform hydration instead of mount.
                     const hydrateSubTree = () => {
@@ -6163,6 +5704,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                 else {
                     next = vnode;
                 }
+                // Disallow component effect recursion during pre-lifecycle hooks.
+                effect.allowRecurse = false;
                 // beforeUpdate hook
                 if (bu) {
                     invokeArrayFns(bu);
@@ -6171,6 +5714,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
                     invokeVNodeHook(vnodeHook, parent, next, vnode);
                 }
+                effect.allowRecurse = true;
                 // render
                 if ((process.env.NODE_ENV !== 'production')) {
                     startMeasure(instance, `render`);
@@ -6214,11 +5758,26 @@ function baseCreateRenderer(options, createHydrationFns) {
                     popWarningContext();
                 }
             }
-        }, (process.env.NODE_ENV !== 'production') ? createDevEffectOptions(instance) : prodEffectOptions);
+        };
+        // create reactive effect for rendering
+        const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+        );
+        const update = (instance.update = effect.run.bind(effect));
+        update.id = instance.uid;
+        // allowRecurse
+        // #1801, #2043 component render effects should allow recursive updates
+        effect.allowRecurse = update.allowRecurse = true;
         if ((process.env.NODE_ENV !== 'production')) {
-            // @ts-ignore
-            instance.update.ownerInstance = instance;
-        }
+            effect.onTrack = instance.rtc
+                ? e => invokeArrayFns(instance.rtc, e)
+                : void 0;
+            effect.onTrigger = instance.rtg
+                ? e => invokeArrayFns(instance.rtg, e)
+                : void 0;
+            // @ts-ignore (for scheduler)
+            update.ownerInstance = instance;
+        }
+        update();
     };
     const updateComponentPreRender = (instance, nextVNode, optimized) => {
         nextVNode.component = instance;
@@ -6395,7 +5954,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     : normalizeVNode(c2[i]));
                 if (nextChild.key != null) {
                     if ((process.env.NODE_ENV !== 'production') && keyToNewIndexMap.has(nextChild.key)) {
-                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                     }
                     keyToNewIndexMap.set(nextChild.key, i);
                 }
@@ -6639,20 +6198,18 @@ function baseCreateRenderer(options, createHydrationFns) {
         if ((process.env.NODE_ENV !== 'production') && instance.type.__hmrId) {
             unregisterHMR(instance);
         }
-        const { bum, effects, update, subTree, um } = instance;
+        const { bum, scope, update, subTree, um } = instance;
         // beforeUnmount hook
         if (bum) {
             invokeArrayFns(bum);
         }
-        if (effects) {
-            for (let i = 0; i < effects.length; i++) {
-                stop(effects[i]);
-            }
-        }
+        // stop effects in component scope
+        scope.stop();
         // update may be null if a component is unmounted before its async
         // setup has resolved.
         if (update) {
-            stop(update);
+            // so that scheduler will no longer invoke it
+            update.active = false;
             unmount(subTree, instance, parentSuspense, doRemove);
         }
         // unmounted hook
@@ -6732,6 +6289,80 @@ function baseCreateRenderer(options, createHydrationFns) {
         createApp: createAppAPI(render, hydrate)
     };
 }
+function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (isArray(rawRef)) {
+        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+        return;
+    }
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+        // when mounting async components, nothing needs to be done,
+        // because the template ref is forwarded to inner component
+        return;
+    }
+    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
+        ? getExposeProxy(vnode.component) || vnode.component.proxy
+        : vnode.el;
+    const value = isUnmount ? null : refValue;
+    const { i: owner, r: ref } = rawRef;
+    if ((process.env.NODE_ENV !== 'production') && !owner) {
+        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+            `A vnode with ref must be created inside the render function.`);
+        return;
+    }
+    const oldRef = oldRawRef && oldRawRef.r;
+    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
+    const setupState = owner.setupState;
+    // dynamic ref changed. unset old ref
+    if (oldRef != null && oldRef !== ref) {
+        if (isString(oldRef)) {
+            refs[oldRef] = null;
+            if (hasOwn(setupState, oldRef)) {
+                setupState[oldRef] = null;
+            }
+        }
+        else if (isRef(oldRef)) {
+            oldRef.value = null;
+        }
+    }
+    if (isString(ref)) {
+        const doSet = () => {
+            {
+                refs[ref] = value;
+            }
+            if (hasOwn(setupState, ref)) {
+                setupState[ref] = value;
+            }
+        };
+        // #1789: for non-null values, set them after render
+        // null values means this is unmount and it should not overwrite another
+        // ref with the same key
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isRef(ref)) {
+        const doSet = () => {
+            ref.value = value;
+        };
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isFunction$1(ref)) {
+        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1('Invalid template ref type:', value, `(${typeof value})`);
+    }
+}
 function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
     callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
         vnode,
@@ -6792,7 +6423,7 @@ function getSequence(arr) {
             u = 0;
             v = result.length - 1;
             while (u < v) {
-                c = ((u + v) / 2) | 0;
+                c = (u + v) >> 1;
                 if (arr[result[c]] < arrI) {
                     u = c + 1;
                 }
@@ -6825,7 +6456,7 @@ const resolveTarget = (props, select) => {
     if (isString(targetSelector)) {
         if (!select) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Current renderer does not support string target for Teleports. ` +
+                warn$1(`Current renderer does not support string target for Teleports. ` +
                     `(missing querySelector renderer option)`);
             return null;
         }
@@ -6833,7 +6464,7 @@ const resolveTarget = (props, select) => {
             const target = select(targetSelector);
             if (!target) {
                 (process.env.NODE_ENV !== 'production') &&
-                    warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                    warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
                         `Note the target element must exist before the component is mounted - ` +
                         `i.e. the target cannot be rendered by the component itself, and ` +
                         `ideally should be outside of the entire Vue component tree.`);
@@ -6843,7 +6474,7 @@ const resolveTarget = (props, select) => {
     }
     else {
         if ((process.env.NODE_ENV !== 'production') && !targetSelector && !isTeleportDisabled(props)) {
-            warn(`Invalid Teleport target: ${targetSelector}`);
+            warn$1(`Invalid Teleport target: ${targetSelector}`);
         }
         return targetSelector;
     }
@@ -6878,7 +6509,7 @@ const TeleportImpl = {
                 isSVG = isSVG || isTargetSVG(target);
             }
             else if ((process.env.NODE_ENV !== 'production') && !disabled) {
-                warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
+                warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
             }
             const mount = (container, anchor) => {
                 // Teleport *always* has Array children. This is enforced in both the
@@ -6930,7 +6561,7 @@ const TeleportImpl = {
                         moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
                     }
                     else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Invalid Teleport target on update:', target, `(${typeof target})`);
+                        warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
                     }
                 }
                 else if (wasDisabled) {
@@ -7064,12 +6695,12 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
             return Component;
         }
         if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
-            warn(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+            warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
         }
         return res;
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`resolve${capitalize(type.slice(0, -1))} ` +
+        warn$1(`resolve${capitalize(type.slice(0, -1))} ` +
             `can only be used in render() or setup().`);
     }
 }
@@ -7138,15 +6769,7 @@ let isBlockTreeEnabled = 1;
 function setBlockTracking(value) {
     isBlockTreeEnabled += value;
 }
-/**
- * Create a block root vnode. Takes the same exact arguments as `createVNode`.
- * A block root keeps track of dynamic nodes within the block in the
- * `dynamicChildren` array.
- *
- * @private
- */
-function createBlock(type, props, children, patchFlag, dynamicProps) {
-    const vnode = createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */);
+function setupBlock(vnode) {
     // save current block children on the block vnode
     vnode.dynamicChildren =
         isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
@@ -7159,6 +6782,22 @@ function createBlock(type, props, children, patchFlag, dynamicProps) {
     }
     return vnode;
 }
+/**
+ * @private
+ */
+function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */));
+}
+/**
+ * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+ * A block root keeps track of dynamic nodes within the block in the
+ * `dynamicChildren` array.
+ *
+ * @private
+ */
+function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */));
+}
 function isVNode(value) {
     return value ? value.__v_isVNode === true : false;
 }
@@ -7195,13 +6834,75 @@ const normalizeRef = ({ ref }) => {
             : ref
         : null);
 };
-const createVNode = ((process.env.NODE_ENV !== 'production')
-    ? createVNodeWithArgsTransform
-    : _createVNode);
+function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) {
+    const vnode = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type,
+        props,
+        key: props && normalizeKey(props),
+        ref: props && normalizeRef(props),
+        scopeId: currentScopeId,
+        slotScopeIds: null,
+        children,
+        component: null,
+        suspense: null,
+        ssContent: null,
+        ssFallback: null,
+        dirs: null,
+        transition: null,
+        el: null,
+        anchor: null,
+        target: null,
+        targetAnchor: null,
+        staticCount: 0,
+        shapeFlag,
+        patchFlag,
+        dynamicProps,
+        dynamicChildren: null,
+        appContext: null
+    };
+    if (needFullChildrenNormalization) {
+        normalizeChildren(vnode, children);
+        // normalize suspense children
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            type.normalize(vnode);
+        }
+    }
+    else if (children) {
+        // compiled element vnode - if children is passed, only possible types are
+        // string or Array.
+        vnode.shapeFlag |= isString(children)
+            ? 8 /* TEXT_CHILDREN */
+            : 16 /* ARRAY_CHILDREN */;
+    }
+    // validate key
+    if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
+        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    }
+    // track vnode for block tree
+    if (isBlockTreeEnabled > 0 &&
+        // avoid a block node from tracking itself
+        !isBlockNode &&
+        // has current parent block
+        currentBlock &&
+        // presence of a patch flag indicates this node needs patching on updates.
+        // component nodes also should always be patched, because even if the
+        // component doesn't need to update, it needs to persist the instance on to
+        // the next vnode so that it can be properly unmounted later.
+        (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
+        // the EVENTS flag is only for hydration and if it is the only flag, the
+        // vnode should not be considered dynamic due to handler caching.
+        vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) {
+        currentBlock.push(vnode);
+    }
+    return vnode;
+}
+const createVNode = ((process.env.NODE_ENV !== 'production') ? createVNodeWithArgsTransform : _createVNode);
 function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
     if (!type || type === NULL_DYNAMIC_COMPONENT) {
         if ((process.env.NODE_ENV !== 'production') && !type) {
-            warn(`Invalid vnode type when creating vnode: ${type}.`);
+            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
         }
         type = Comment$1;
     }
@@ -7222,9 +6923,7 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
     // class & style normalization.
     if (props) {
         // for reactive or proxy objects, we need to clone it to enable mutation.
-        if (isProxy(props) || InternalObjectKey in props) {
-            props = extend({}, props);
-        }
+        props = guardReactiveProps(props);
         let { class: klass, style } = props;
         if (klass && !isString(klass)) {
             props.class = normalizeClass(klass);
@@ -7252,69 +6951,26 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
                         : 0;
     if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
         type = toRaw(type);
-        warn(`Vue received a Component which was made a reactive object. This can ` +
+        warn$1(`Vue received a Component which was made a reactive object. This can ` +
             `lead to unnecessary performance overhead, and should be avoided by ` +
             `marking the component with \`markRaw\` or using \`shallowRef\` ` +
             `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
     }
-    const vnode = {
-        __v_isVNode: true,
-        __v_skip: true,
-        type,
-        props,
-        key: props && normalizeKey(props),
-        ref: props && normalizeRef(props),
-        scopeId: currentScopeId,
-        slotScopeIds: null,
-        children: null,
-        component: null,
-        suspense: null,
-        ssContent: null,
-        ssFallback: null,
-        dirs: null,
-        transition: null,
-        el: null,
-        anchor: null,
-        target: null,
-        targetAnchor: null,
-        shapeFlag,
-        patchFlag,
-        dynamicProps,
-        dynamicChildren: null,
-        appContext: null
-    };
-    // validate key
-    if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
-        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
-    }
-    normalizeChildren(vnode, children);
-    // normalize suspense children
-    if (shapeFlag & 128 /* SUSPENSE */) {
-        type.normalize(vnode);
-    }
-    if (isBlockTreeEnabled > 0 &&
-        // avoid a block node from tracking itself
-        !isBlockNode &&
-        // has current parent block
-        currentBlock &&
-        // presence of a patch flag indicates this node needs patching on updates.
-        // component nodes also should always be patched, because even if the
-        // component doesn't need to update, it needs to persist the instance on to
-        // the next vnode so that it can be properly unmounted later.
-        (patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
-        // the EVENTS flag is only for hydration and if it is the only flag, the
-        // vnode should not be considered dynamic due to handler caching.
-        patchFlag !== 32 /* HYDRATE_EVENTS */) {
-        currentBlock.push(vnode);
-    }
-    return vnode;
-}
-function cloneVNode(vnode, extraProps, mergeRef = false) {
-    // This is intentionally NOT using spread or extend to avoid the runtime
-    // key enumeration cost.
-    const { props, ref, patchFlag, children } = vnode;
-    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    const cloned = {
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+}
+function guardReactiveProps(props) {
+    if (!props)
+        return null;
+    return isProxy(props) || InternalObjectKey in props
+        ? extend({}, props)
+        : props;
+}
+function cloneVNode(vnode, extraProps, mergeRef = false) {
+    // This is intentionally NOT using spread or extend to avoid the runtime
+    // key enumeration cost.
+    const { props, ref, patchFlag, children } = vnode;
+    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
+    const cloned = {
         __v_isVNode: true,
         __v_skip: true,
         type: vnode.type,
@@ -7338,7 +6994,6 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
         target: vnode.target,
         targetAnchor: vnode.targetAnchor,
         staticCount: vnode.staticCount,
-        staticCache: vnode.staticCache,
         shapeFlag: vnode.shapeFlag,
         // if the vnode is cloned with extra props, we can no longer assume its
         // existing patch flag to be reliable and need to add the FULL_PROPS flag.
@@ -7428,7 +7083,7 @@ function normalizeVNode(child) {
 }
 // optimized normalization for template-compiled render fns
 function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
+    return child.el === null || child.memo ? child : cloneVNode(child);
 }
 function normalizeChildren(vnode, children) {
     let type = 0;
@@ -7489,8 +7144,8 @@ function normalizeChildren(vnode, children) {
     vnode.shapeFlag |= type;
 }
 function mergeProps(...args) {
-    const ret = extend({}, args[0]);
-    for (let i = 1; i < args.length; i++) {
+    const ret = {};
+    for (let i = 0; i < args.length; i++) {
         const toMerge = args[i];
         for (const key in toMerge) {
             if (key === 'class') {
@@ -7521,40 +7176,44 @@ function mergeProps(...args) {
 /**
  * Actual implementation
  */
-function renderList(source, renderItem) {
+function renderList(source, renderItem, cache, index) {
     let ret;
+    const cached = (cache && cache[index]);
     if (isArray(source) || isString(source)) {
         ret = new Array(source.length);
         for (let i = 0, l = source.length; i < l; i++) {
-            ret[i] = renderItem(source[i], i);
+            ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
         }
     }
     else if (typeof source === 'number') {
         if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
-            warn(`The v-for range expect an integer value but got ${source}.`);
+            warn$1(`The v-for range expect an integer value but got ${source}.`);
             return [];
         }
         ret = new Array(source);
         for (let i = 0; i < source; i++) {
-            ret[i] = renderItem(i + 1, i);
+            ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
         }
     }
     else if (isObject$1(source)) {
         if (source[Symbol.iterator]) {
-            ret = Array.from(source, renderItem);
+            ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
         }
         else {
             const keys = Object.keys(source);
             ret = new Array(keys.length);
             for (let i = 0, l = keys.length; i < l; i++) {
                 const key = keys[i];
-                ret[i] = renderItem(source[key], key, i);
+                ret[i] = renderItem(source[key], key, i, cached && cached[i]);
             }
         }
     }
     else {
         ret = [];
     }
+    if (cache) {
+        cache[index] = ret;
+    }
     return ret;
 }
 
@@ -7587,9 +7246,12 @@ function renderSlot(slots, name, props = {},
 // this is not a user-facing function, so the fallback is always generated by
 // the compiler and guaranteed to be a function returning an array
 fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+    }
     let slot = slots[name];
     if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
-        warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+        warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
             `function. You need to mark this component with $dynamic-slots in the ` +
             `parent template.`);
         slot = () => [];
@@ -7636,7 +7298,7 @@ function ensureValidVNode(vnodes) {
 function toHandlers(obj) {
     const ret = {};
     if ((process.env.NODE_ENV !== 'production') && !isObject$1(obj)) {
-        warn(`v-on with no argument expects an object value.`);
+        warn$1(`v-on with no argument expects an object value.`);
         return ret;
     }
     for (const key in obj) {
@@ -7774,11 +7436,11 @@ const PublicInstanceProxyHandlers = {
             if (data !== EMPTY_OBJ &&
                 (key[0] === '$' || key[0] === '_') &&
                 hasOwn(data, key)) {
-                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
                     `character ("$" or "_") and is not proxied on the render context.`);
             }
             else if (instance === currentRenderingInstance) {
-                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
+                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
                     `but is not defined on instance.`);
             }
         }
@@ -7793,12 +7455,12 @@ const PublicInstanceProxyHandlers = {
         }
         else if (hasOwn(instance.props, key)) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+                warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
             return false;
         }
         if (key[0] === '$' && key.slice(1) in instance) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate public property "${key}". ` +
+                warn$1(`Attempting to mutate public property "${key}". ` +
                     `Properties starting with $ are reserved and readonly.`, instance);
             return false;
         }
@@ -7829,12 +7491,12 @@ const PublicInstanceProxyHandlers = {
 };
 if ((process.env.NODE_ENV !== 'production') && !false) {
     PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
             `The keys will be empty in production mode to avoid performance overhead.`);
         return Reflect.ownKeys(target);
     };
 }
-const RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
+const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
     get(target, key) {
         // fast path for unscopables when using `with` block
         if (key === Symbol.unscopables) {
@@ -7845,15 +7507,16 @@ const RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProx
     has(_, key) {
         const has = key[0] !== '_' && !isGloballyWhitelisted(key);
         if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
-            warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+            warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
         }
         return has;
     }
 });
+// dev only
 // In dev mode, the proxy target exposes the same properties as seen on `this`
 // for easier console inspection. In prod mode it will be an empty object so
 // these properties definitions can be skipped.
-function createRenderContext(instance) {
+function createDevRenderContext(instance) {
     const target = {};
     // expose internal instance for proxy handlers
     Object.defineProperty(target, `_`, {
@@ -7893,7 +7556,7 @@ function exposeSetupStateOnRenderContext(instance) {
     const { ctx, setupState } = instance;
     Object.keys(toRaw(setupState)).forEach(key => {
         if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-            warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+            warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
                 `which are reserved prefixes for Vue internals.`);
             return;
         }
@@ -7907,13 +7570,13 @@ function exposeSetupStateOnRenderContext(instance) {
 }
 
 const emptyAppContext = createAppContext();
-let uid$2 = 0;
+let uid$1 = 0;
 function createComponentInstance(vnode, parent, suspense) {
     const type = vnode.type;
     // inherit parent app context - or - if root, adopt from root vnode
     const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
     const instance = {
-        uid: uid$2++,
+        uid: uid$1++,
         vnode,
         type,
         parent,
@@ -7922,12 +7585,12 @@ function createComponentInstance(vnode, parent, suspense) {
         next: null,
         subTree: null,
         update: null,
+        scope: new EffectScope(true /* detached */),
         render: null,
         proxy: null,
         exposed: null,
         exposeProxy: null,
         withProxy: null,
-        effects: null,
         provides: parent ? parent.provides : Object.create(appContext.provides),
         accessCache: null,
         renderCache: [],
@@ -7979,25 +7642,34 @@ function createComponentInstance(vnode, parent, suspense) {
         sp: null
     };
     if ((process.env.NODE_ENV !== 'production')) {
-        instance.ctx = createRenderContext(instance);
+        instance.ctx = createDevRenderContext(instance);
     }
     else {
         instance.ctx = { _: instance };
     }
     instance.root = parent ? parent.root : instance;
     instance.emit = emit.bind(null, instance);
+    // apply custom element special handling
+    if (vnode.ce) {
+        vnode.ce(instance);
+    }
     return instance;
 }
 let currentInstance = null;
 const getCurrentInstance = () => currentInstance || currentRenderingInstance;
 const setCurrentInstance = (instance) => {
     currentInstance = instance;
+    instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
 };
 const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
 function validateComponentName(name, config) {
     const appIsNativeTag = config.isNativeTag || NO;
     if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
+        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
 }
 function isStatefulComponent(instance) {
@@ -8034,258 +7706,938 @@ function setupStatefulComponent(instance, isSSR) {
                 validateDirectiveName(names[i]);
             }
         }
-        if (Component.compilerOptions && isRuntimeOnly()) {
-            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
-                `includes the runtime compiler. Since you are using a runtime-only ` +
-                `build, the options should be passed via your build tool config instead.`);
+        if (Component.compilerOptions && isRuntimeOnly()) {
+            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+                `includes the runtime compiler. Since you are using a runtime-only ` +
+                `build, the options should be passed via your build tool config instead.`);
+        }
+    }
+    // 0. create render proxy property access cache
+    instance.accessCache = Object.create(null);
+    // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    if ((process.env.NODE_ENV !== 'production')) {
+        exposePropsOnRenderContext(instance);
+    }
+    // 2. call setup()
+    const { setup } = Component;
+    if (setup) {
+        const setupContext = (instance.setupContext =
+            setup.length > 1 ? createSetupContext(instance) : null);
+        setCurrentInstance(instance);
+        pauseTracking();
+        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
+        resetTracking();
+        unsetCurrentInstance();
+        if (isPromise$1(setupResult)) {
+            setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+            if (isSSR) {
+                // return the promise so server-renderer can wait on it
+                return setupResult
+                    .then((resolvedResult) => {
+                    handleSetupResult(instance, resolvedResult, isSSR);
+                })
+                    .catch(e => {
+                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
+                });
+            }
+            else {
+                // async setup returned Promise.
+                // bail here and wait for re-entry.
+                instance.asyncDep = setupResult;
+            }
+        }
+        else {
+            handleSetupResult(instance, setupResult, isSSR);
+        }
+    }
+    else {
+        finishComponentSetup(instance, isSSR);
+    }
+}
+function handleSetupResult(instance, setupResult, isSSR) {
+    if (isFunction$1(setupResult)) {
+        // setup returned an inline render function
+        {
+            instance.render = setupResult;
+        }
+    }
+    else if (isObject$1(setupResult)) {
+        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
+            warn$1(`setup() should not return VNodes directly - ` +
+                `return a render function instead.`);
+        }
+        // setup returned bindings.
+        // assuming a render function compiled from template is present.
+        if ((process.env.NODE_ENV !== 'production') || false) {
+            instance.devtoolsRawSetupState = setupResult;
+        }
+        instance.setupState = proxyRefs(setupResult);
+        if ((process.env.NODE_ENV !== 'production')) {
+            exposeSetupStateOnRenderContext(instance);
+        }
+    }
+    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
+        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+    }
+    finishComponentSetup(instance, isSSR);
+}
+let compile;
+let installWithProxy;
+/**
+ * For runtime-dom to register the compiler.
+ * Note the exported method uses any to avoid d.ts relying on the compiler types.
+ */
+function registerRuntimeCompiler(_compile) {
+    compile = _compile;
+    installWithProxy = i => {
+        if (i.render._rc) {
+            i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
+        }
+    };
+}
+// dev only
+const isRuntimeOnly = () => !compile;
+function finishComponentSetup(instance, isSSR, skipOptions) {
+    const Component = instance.type;
+    // template / render function normalization
+    if (!instance.render) {
+        // could be set from setup()
+        if (compile && !Component.render) {
+            const template = Component.template;
+            if (template) {
+                if ((process.env.NODE_ENV !== 'production')) {
+                    startMeasure(instance, `compile`);
+                }
+                const { isCustomElement, compilerOptions } = instance.appContext.config;
+                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
+                const finalCompilerOptions = extend(extend({
+                    isCustomElement,
+                    delimiters
+                }, compilerOptions), componentCompilerOptions);
+                Component.render = compile(template, finalCompilerOptions);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    endMeasure(instance, `compile`);
+                }
+            }
+        }
+        instance.render = (Component.render || NOOP);
+        // for runtime-compiled render functions using `with` blocks, the render
+        // proxy used needs a different `has` handler which is more performant and
+        // also only allows a whitelist of globals to fallthrough.
+        if (installWithProxy) {
+            installWithProxy(instance);
+        }
+    }
+    // support for 2.x options
+    {
+        setCurrentInstance(instance);
+        pauseTracking();
+        applyOptions(instance);
+        resetTracking();
+        unsetCurrentInstance();
+    }
+    // warn missing template/render
+    // the runtime compilation of template in SSR is done by server-render
+    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
+        /* istanbul ignore if */
+        if (!compile && Component.template) {
+            warn$1(`Component provided template option but ` +
+                `runtime compilation is not supported in this build of Vue.` +
+                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
+                    ) /* should not happen */);
+        }
+        else {
+            warn$1(`Component is missing template or render function.`);
+        }
+    }
+}
+function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, (process.env.NODE_ENV !== 'production')
+        ? {
+            get(target, key) {
+                markAttrsAccessed();
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            },
+            set() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            },
+            deleteProperty() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            }
+        }
+        : {
+            get(target, key) {
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            }
+        });
+}
+function createSetupContext(instance) {
+    const expose = exposed => {
+        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
+            warn$1(`expose() should be called only once per setup().`);
+        }
+        instance.exposed = exposed || {};
+    };
+    let attrs;
+    if ((process.env.NODE_ENV !== 'production')) {
+        // We use getters in dev in case libs like test-utils overwrite instance
+        // properties (overwrites should not be done in prod)
+        return Object.freeze({
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            get slots() {
+                return shallowReadonly(instance.slots);
+            },
+            get emit() {
+                return (event, ...args) => instance.emit(event, ...args);
+            },
+            expose
+        });
+    }
+    else {
+        return {
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            slots: instance.slots,
+            emit: instance.emit,
+            expose
+        };
+    }
+}
+function getExposeProxy(instance) {
+    if (instance.exposed) {
+        return (instance.exposeProxy ||
+            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+                get(target, key) {
+                    if (key in target) {
+                        return target[key];
+                    }
+                    else if (key in publicPropertiesMap) {
+                        return publicPropertiesMap[key](instance);
+                    }
+                }
+            })));
+    }
+}
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return isFunction$1(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
+}
+/* istanbul ignore next */
+function formatComponentName(instance, Component, isRoot = false) {
+    let name = getComponentName(Component);
+    if (!name && Component.__file) {
+        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
+        if (match) {
+            name = match[1];
+        }
+    }
+    if (!name && instance && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
+                }
+            }
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    }
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+}
+function isClassComponent(value) {
+    return isFunction$1(value) && '__vccOpts' in value;
+}
+
+const stack = [];
+function pushWarningContext(vnode) {
+    stack.push(vnode);
+}
+function popWarningContext() {
+    stack.pop();
+}
+function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    const instance = stack.length ? stack[stack.length - 1].component : null;
+    const appWarnHandler = instance && instance.appContext.config.warnHandler;
+    const trace = getComponentTrace();
+    if (appWarnHandler) {
+        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
+            msg + args.join(''),
+            instance && instance.proxy,
+            trace
+                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
+                .join('\n'),
+            trace
+        ]);
+    }
+    else {
+        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
+        /* istanbul ignore if */
+        if (trace.length &&
+            // avoid spamming console during tests
+            !false) {
+            warnArgs.push(`\n`, ...formatTrace(trace));
+        }
+        console.warn(...warnArgs);
+    }
+    resetTracking();
+}
+function getComponentTrace() {
+    let currentVNode = stack[stack.length - 1];
+    if (!currentVNode) {
+        return [];
+    }
+    // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
+    const normalizedStack = [];
+    while (currentVNode) {
+        const last = normalizedStack[0];
+        if (last && last.vnode === currentVNode) {
+            last.recurseCount++;
+        }
+        else {
+            normalizedStack.push({
+                vnode: currentVNode,
+                recurseCount: 0
+            });
+        }
+        const parentInstance = currentVNode.component && currentVNode.component.parent;
+        currentVNode = parentInstance && parentInstance.vnode;
+    }
+    return normalizedStack;
+}
+/* istanbul ignore next */
+function formatTrace(trace) {
+    const logs = [];
+    trace.forEach((entry, i) => {
+        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    });
+    return logs;
+}
+function formatTraceEntry({ vnode, recurseCount }) {
+    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
+    const isRoot = vnode.component ? vnode.component.parent == null : false;
+    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
+    const close = `>` + postfix;
+    return vnode.props
+        ? [open, ...formatProps(vnode.props), close]
+        : [open + close];
+}
+/* istanbul ignore next */
+function formatProps(props) {
+    const res = [];
+    const keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+        res.push(...formatProp(key, props[key]));
+    });
+    if (keys.length > 3) {
+        res.push(` ...`);
+    }
+    return res;
+}
+/* istanbul ignore next */
+function formatProp(key, value, raw) {
+    if (isString(value)) {
+        value = JSON.stringify(value);
+        return raw ? value : [`${key}=${value}`];
+    }
+    else if (typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        value == null) {
+        return raw ? value : [`${key}=${value}`];
+    }
+    else if (isRef(value)) {
+        value = formatProp(key, toRaw(value.value), true);
+        return raw ? value : [`${key}=Ref<`, value, `>`];
+    }
+    else if (isFunction$1(value)) {
+        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
+    }
+    else {
+        value = toRaw(value);
+        return raw ? value : [`${key}=`, value];
+    }
+}
+
+const ErrorTypeStrings = {
+    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
+    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
+    ["c" /* CREATED */]: 'created hook',
+    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
+    ["m" /* MOUNTED */]: 'mounted hook',
+    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
+    ["u" /* UPDATED */]: 'updated',
+    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
+    ["um" /* UNMOUNTED */]: 'unmounted hook',
+    ["a" /* ACTIVATED */]: 'activated hook',
+    ["da" /* DEACTIVATED */]: 'deactivated hook',
+    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
+    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
+    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
+    [0 /* SETUP_FUNCTION */]: 'setup function',
+    [1 /* RENDER_FUNCTION */]: 'render function',
+    [2 /* WATCH_GETTER */]: 'watcher getter',
+    [3 /* WATCH_CALLBACK */]: 'watcher callback',
+    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
+    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
+    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
+    [7 /* VNODE_HOOK */]: 'vnode hook',
+    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
+    [9 /* TRANSITION_HOOK */]: 'transition hook',
+    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
+    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
+    [12 /* FUNCTION_REF */]: 'ref function',
+    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
+    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+};
+function callWithErrorHandling(fn, instance, type, args) {
+    let res;
+    try {
+        res = args ? fn(...args) : fn();
+    }
+    catch (err) {
+        handleError(err, instance, type);
+    }
+    return res;
+}
+function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (isFunction$1(fn)) {
+        const res = callWithErrorHandling(fn, instance, type, args);
+        if (res && isPromise$1(res)) {
+            res.catch(err => {
+                handleError(err, instance, type);
+            });
+        }
+        return res;
+    }
+    const values = [];
+    for (let i = 0; i < fn.length; i++) {
+        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    }
+    return values;
+}
+function handleError(err, instance, type, throwInDev = true) {
+    const contextVNode = instance ? instance.vnode : null;
+    if (instance) {
+        let cur = instance.parent;
+        // the exposed instance is the render proxy to keep it consistent with 2.x
+        const exposedInstance = instance.proxy;
+        // in production the hook receives only the error code
+        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
+        while (cur) {
+            const errorCapturedHooks = cur.ec;
+            if (errorCapturedHooks) {
+                for (let i = 0; i < errorCapturedHooks.length; i++) {
+                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+                        return;
+                    }
+                }
+            }
+            cur = cur.parent;
+        }
+        // app-level handling
+        const appErrorHandler = instance.appContext.config.errorHandler;
+        if (appErrorHandler) {
+            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
+            return;
+        }
+    }
+    logError(err, type, contextVNode, throwInDev);
+}
+function logError(err, type, contextVNode, throwInDev = true) {
+    if ((process.env.NODE_ENV !== 'production')) {
+        const info = ErrorTypeStrings[type];
+        if (contextVNode) {
+            pushWarningContext(contextVNode);
+        }
+        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        if (contextVNode) {
+            popWarningContext();
+        }
+        // crash in dev by default so it's more noticeable
+        if (throwInDev) {
+            throw err;
+        }
+        else {
+            console.error(err);
+        }
+    }
+    else {
+        // recover in prod to reduce the impact on end-user
+        // fixed by xxxxxx
+        if (err instanceof Error) {
+            console.error(err.message + '\n' + err.stack);
+        }
+        else {
+            console.error(err);
+        }
+    }
+}
+
+let isFlushing = false;
+let isFlushPending = false;
+const queue = [];
+let flushIndex = 0;
+const pendingPreFlushCbs = [];
+let activePreFlushCbs = null;
+let preFlushIndex = 0;
+const pendingPostFlushCbs = [];
+let activePostFlushCbs = null;
+let postFlushIndex = 0;
+const resolvedPromise = Promise.resolve();
+let currentFlushPromise = null;
+let currentPreFlushParentJob = null;
+const RECURSION_LIMIT = 100;
+function nextTick(fn) {
+    const p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+}
+// #2768
+// Use binary-search to find a suitable position in the queue,
+// so that the queue maintains the increasing order of job's id,
+// which can prevent the job from being skipped and also can avoid repeated patching.
+function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    let start = flushIndex + 1;
+    let end = queue.length;
+    while (start < end) {
+        const middle = (start + end) >>> 1;
+        const middleJobId = getId(queue[middle]);
+        middleJobId < id ? (start = middle + 1) : (end = middle);
+    }
+    return start;
+}
+function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length ||
+        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
+        job !== currentPreFlushParentJob) {
+        if (job.id == null) {
+            queue.push(job);
+        }
+        else {
+            queue.splice(findInsertionIndex(job.id), 0, job);
+        }
+        queueFlush();
+    }
+}
+function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+        isFlushPending = true;
+        currentFlushPromise = resolvedPromise.then(flushJobs);
+    }
+}
+function invalidateJob(job) {
+    const i = queue.indexOf(job);
+    if (i > flushIndex) {
+        queue.splice(i, 1);
+    }
+}
+function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!isArray(cb)) {
+        if (!activeQueue ||
+            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+            pendingQueue.push(cb);
+        }
+    }
+    else {
+        // if cb is an array, it is a component lifecycle hook which can only be
+        // triggered by a job, which is already deduped in the main queue, so
+        // we can skip duplicate check here to improve perf
+        pendingQueue.push(...cb);
+    }
+    queueFlush();
+}
+function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+}
+function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+}
+function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+        currentPreFlushParentJob = parentJob;
+        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+        pendingPreFlushCbs.length = 0;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
+        }
+        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+                continue;
+            }
+            activePreFlushCbs[preFlushIndex]();
+        }
+        activePreFlushCbs = null;
+        preFlushIndex = 0;
+        currentPreFlushParentJob = null;
+        // recursively flush until it drains
+        flushPreFlushCbs(seen, parentJob);
+    }
+}
+function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+        const deduped = [...new Set(pendingPostFlushCbs)];
+        pendingPostFlushCbs.length = 0;
+        // #1947 already has active queue, nested flushPostFlushCbs call
+        if (activePostFlushCbs) {
+            activePostFlushCbs.push(...deduped);
+            return;
+        }
+        activePostFlushCbs = deduped;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
+        }
+        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+                continue;
+            }
+            activePostFlushCbs[postFlushIndex]();
+        }
+        activePostFlushCbs = null;
+        postFlushIndex = 0;
+    }
+}
+const getId = (job) => job.id == null ? Infinity : job.id;
+function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
+    if ((process.env.NODE_ENV !== 'production')) {
+        seen = seen || new Map();
+    }
+    flushPreFlushCbs(seen);
+    // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
+    queue.sort((a, b) => getId(a) - getId(b));
+    try {
+        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+            const job = queue[flushIndex];
+            if (job && job.active !== false) {
+                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
+                    continue;
+                }
+                // console.log(`running:`, job.id)
+                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
+            }
+        }
+    }
+    finally {
+        flushIndex = 0;
+        queue.length = 0;
+        flushPostFlushCbs(seen);
+        isFlushing = false;
+        currentFlushPromise = null;
+        // some postFlushCb queued jobs!
+        // keep flushing until it drains.
+        if (queue.length ||
+            pendingPreFlushCbs.length ||
+            pendingPostFlushCbs.length) {
+            flushJobs(seen);
+        }
+    }
+}
+function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+        seen.set(fn, 1);
+    }
+    else {
+        const count = seen.get(fn);
+        if (count > RECURSION_LIMIT) {
+            const instance = fn.ownerInstance;
+            const componentName = instance && getComponentName(instance.type);
+            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+                `This means you have a reactive effect that is mutating its own ` +
+                `dependencies and thus recursively triggering itself. Possible sources ` +
+                `include component template, render function, updated hook or ` +
+                `watcher source function.`);
+            return true;
+        }
+        else {
+            seen.set(fn, count + 1);
+        }
+    }
+}
+
+// Simple effect.
+function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
+}
+function watchPostEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'post' })
+        : { flush: 'post' }));
+}
+function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'sync' })
+        : { flush: 'sync' }));
+}
+// initial value for watchers to trigger on undefined initial values
+const INITIAL_WATCHER_VALUE = {};
+// implementation
+function watch(source, cb, options) {
+    if ((process.env.NODE_ENV !== 'production') && !isFunction$1(cb)) {
+        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+            `supports \`watch(source, cb, options?) signature.`);
+    }
+    return doWatch(source, cb, options);
+}
+function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
+    if ((process.env.NODE_ENV !== 'production') && !cb) {
+        if (immediate !== undefined) {
+            warn$1(`watch() "immediate" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
+        }
+        if (deep !== undefined) {
+            warn$1(`watch() "deep" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
     }
-    // 0. create render proxy property access cache
-    instance.accessCache = Object.create(null);
-    // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
-    if ((process.env.NODE_ENV !== 'production')) {
-        exposePropsOnRenderContext(instance);
+    const warnInvalidSource = (s) => {
+        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+            `a reactive object, or an array of these types.`);
+    };
+    const instance = currentInstance;
+    let getter;
+    let forceTrigger = false;
+    let isMultiSource = false;
+    if (isRef(source)) {
+        getter = () => source.value;
+        forceTrigger = !!source._shallow;
     }
-    // 2. call setup()
-    const { setup } = Component;
-    if (setup) {
-        const setupContext = (instance.setupContext =
-            setup.length > 1 ? createSetupContext(instance) : null);
-        currentInstance = instance;
-        pauseTracking();
-        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
-        resetTracking();
-        currentInstance = null;
-        if (isPromise$1(setupResult)) {
-            const unsetInstance = () => {
-                currentInstance = null;
-            };
-            setupResult.then(unsetInstance, unsetInstance);
-            if (isSSR) {
-                // return the promise so server-renderer can wait on it
-                return setupResult
-                    .then((resolvedResult) => {
-                    handleSetupResult(instance, resolvedResult, isSSR);
-                })
-                    .catch(e => {
-                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
-                });
+    else if (isReactive(source)) {
+        getter = () => source;
+        deep = true;
+    }
+    else if (isArray(source)) {
+        isMultiSource = true;
+        forceTrigger = source.some(isReactive);
+        getter = () => source.map(s => {
+            if (isRef(s)) {
+                return s.value;
+            }
+            else if (isReactive(s)) {
+                return traverse(s);
+            }
+            else if (isFunction$1(s)) {
+                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
             }
             else {
-                // async setup returned Promise.
-                // bail here and wait for re-entry.
-                instance.asyncDep = setupResult;
+                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
             }
+        });
+    }
+    else if (isFunction$1(source)) {
+        if (cb) {
+            // getter with cb
+            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
         }
         else {
-            handleSetupResult(instance, setupResult, isSSR);
+            // no cb -> simple effect
+            getter = () => {
+                if (instance && instance.isUnmounted) {
+                    return;
+                }
+                if (cleanup) {
+                    cleanup();
+                }
+                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
+            };
         }
     }
     else {
-        finishComponentSetup(instance, isSSR);
+        getter = NOOP;
+        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
     }
-}
-function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction$1(setupResult)) {
-        // setup returned an inline render function
-        {
-            instance.render = setupResult;
-        }
+    if (cb && deep) {
+        const baseGetter = getter;
+        getter = () => traverse(baseGetter());
     }
-    else if (isObject$1(setupResult)) {
-        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
-            warn(`setup() should not return VNodes directly - ` +
-                `return a render function instead.`);
+    let cleanup;
+    let onInvalidate = (fn) => {
+        cleanup = effect.onStop = () => {
+            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
+        };
+    };
+    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    const job = () => {
+        if (!effect.active) {
+            return;
         }
-        // setup returned bindings.
-        // assuming a render function compiled from template is present.
-        if ((process.env.NODE_ENV !== 'production') || false) {
-            instance.devtoolsRawSetupState = setupResult;
+        if (cb) {
+            // watch(source, cb)
+            const newValue = effect.run();
+            if (deep ||
+                forceTrigger ||
+                (isMultiSource
+                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
+                    : hasChanged(newValue, oldValue)) ||
+                (false  )) {
+                // cleanup before running cb again
+                if (cleanup) {
+                    cleanup();
+                }
+                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                    newValue,
+                    // pass undefined as the old value when it's changed for the first time
+                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    onInvalidate
+                ]);
+                oldValue = newValue;
+            }
         }
-        instance.setupState = proxyRefs(setupResult);
-        if ((process.env.NODE_ENV !== 'production')) {
-            exposeSetupStateOnRenderContext(instance);
+        else {
+            // watchEffect
+            effect.run();
         }
+    };
+    // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
+    job.allowRecurse = !!cb;
+    let scheduler;
+    if (flush === 'sync') {
+        scheduler = job; // the scheduler function gets called directly
     }
-    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
-        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+    else if (flush === 'post') {
+        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
     }
-    finishComponentSetup(instance, isSSR);
-}
-let compile;
-// dev only
-const isRuntimeOnly = () => !compile;
-/**
- * For runtime-dom to register the compiler.
- * Note the exported method uses any to avoid d.ts relying on the compiler types.
- */
-function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-}
-function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component = instance.type;
-    // template / render function normalization
-    if (!instance.render) {
-        // could be set from setup()
-        if (compile && !Component.render) {
-            const template = Component.template;
-            if (template) {
-                if ((process.env.NODE_ENV !== 'production')) {
-                    startMeasure(instance, `compile`);
-                }
-                const { isCustomElement, compilerOptions } = instance.appContext.config;
-                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-                const finalCompilerOptions = extend(extend({
-                    isCustomElement,
-                    delimiters
-                }, compilerOptions), componentCompilerOptions);
-                Component.render = compile(template, finalCompilerOptions);
-                if ((process.env.NODE_ENV !== 'production')) {
-                    endMeasure(instance, `compile`);
-                }
+    else {
+        // default: 'pre'
+        scheduler = () => {
+            if (!instance || instance.isMounted) {
+                queuePreFlushCb(job);
             }
-        }
-        instance.render = (Component.render || NOOP);
-        // for runtime-compiled render functions using `with` blocks, the render
-        // proxy used needs a different `has` handler which is more performant and
-        // also only allows a whitelist of globals to fallthrough.
-        if (instance.render._rc) {
-            instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-        }
+            else {
+                // with 'pre' option, the first call must happen before
+                // the component is mounted so it is called synchronously.
+                job();
+            }
+        };
     }
-    // support for 2.x options
-    {
-        currentInstance = instance;
-        pauseTracking();
-        applyOptions(instance);
-        resetTracking();
-        currentInstance = null;
+    const effect = new ReactiveEffect(getter, scheduler);
+    if ((process.env.NODE_ENV !== 'production')) {
+        effect.onTrack = onTrack;
+        effect.onTrigger = onTrigger;
     }
-    // warn missing template/render
-    // the runtime compilation of template in SSR is done by server-render
-    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
-        /* istanbul ignore if */
-        if (!compile && Component.template) {
-            warn(`Component provided template option but ` +
-                `runtime compilation is not supported in this build of Vue.` +
-                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
-                    ) /* should not happen */);
+    // initial run
+    if (cb) {
+        if (immediate) {
+            job();
         }
         else {
-            warn(`Component is missing template or render function.`);
+            oldValue = effect.run();
         }
     }
-}
-const attrDevProxyHandlers = {
-    get: (target, key) => {
-        markAttrsAccessed();
-        return target[key];
-    },
-    set: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
-    },
-    deleteProperty: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
+    else if (flush === 'post') {
+        queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
     }
-};
-function createSetupContext(instance) {
-    const expose = exposed => {
-        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
-            warn(`expose() should be called only once per setup().`);
-        }
-        instance.exposed = exposed || {};
-    };
-    if ((process.env.NODE_ENV !== 'production')) {
-        let attrs;
-        // We use getters in dev in case libs like test-utils overwrite instance
-        // properties (overwrites should not be done in prod)
-        return Object.freeze({
-            get attrs() {
-                return (attrs || (attrs = new Proxy(instance.attrs, attrDevProxyHandlers)));
-            },
-            get slots() {
-                return shallowReadonly(instance.slots);
-            },
-            get emit() {
-                return (event, ...args) => instance.emit(event, ...args);
-            },
-            expose
-        });
+    else {
+        effect.run();
+    }
+    return () => {
+        effect.stop();
+        if (instance && instance.scope) {
+            remove(instance.scope.effects, effect);
+        }
+    };
+}
+// this.$watch
+function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = isString(source)
+        ? source.includes('.')
+            ? createPathGetter(publicThis, source)
+            : () => publicThis[source]
+        : source.bind(publicThis, publicThis);
+    let cb;
+    if (isFunction$1(value)) {
+        cb = value;
     }
     else {
-        return {
-            attrs: instance.attrs,
-            slots: instance.slots,
-            emit: instance.emit,
-            expose
-        };
+        cb = value.handler;
+        options = value;
     }
-}
-function getExposeProxy(instance) {
-    if (instance.exposed) {
-        return (instance.exposeProxy ||
-            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-                get(target, key) {
-                    if (key in target) {
-                        return target[key];
-                    }
-                    else if (key in publicPropertiesMap) {
-                        return publicPropertiesMap[key](instance);
-                    }
-                }
-            })));
+    const cur = currentInstance;
+    setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    if (cur) {
+        setCurrentInstance(cur);
     }
-}
-// record effects created during a component's setup() so that they can be
-// stopped when the component unmounts
-function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-        (instance.effects || (instance.effects = [])).push(effect);
+    else {
+        unsetCurrentInstance();
     }
+    return res;
 }
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return isFunction$1(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
+function createPathGetter(ctx, path) {
+    const segments = path.split('.');
+    return () => {
+        let cur = ctx;
+        for (let i = 0; i < segments.length && cur; i++) {
+            cur = cur[segments[i]];
+        }
+        return cur;
+    };
 }
-/* istanbul ignore next */
-function formatComponentName(instance, Component, isRoot = false) {
-    let name = getComponentName(Component);
-    if (!name && Component.__file) {
-        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-        if (match) {
-            name = match[1];
+function traverse(value, seen = new Set()) {
+    if (!isObject$1(value) || value["__v_skip" /* SKIP */]) {
+        return value;
+    }
+    seen = seen || new Set();
+    if (seen.has(value)) {
+        return value;
+    }
+    seen.add(value);
+    if (isRef(value)) {
+        traverse(value.value, seen);
+    }
+    else if (isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            traverse(value[i], seen);
         }
     }
-    if (!name && instance && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    else if (isSet(value) || isMap(value)) {
+        value.forEach((v) => {
+            traverse(v, seen);
+        });
     }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-function isClassComponent(value) {
-    return isFunction$1(value) && '__vccOpts' in value;
-}
-
-function computed$1(getterOrOptions) {
-    const c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    else if (isPlainObject(value)) {
+        for (const key in value) {
+            traverse(value[key], seen);
+        }
+    }
+    return value;
 }
 
 (process.env.NODE_ENV !== 'production')
@@ -8299,7 +8651,7 @@ const isPromise = (val) => {
 };
 
 // dev only
-const warnRuntimeUsage = (method) => warn(`${method}() is a compiler-hint helper that is only usable inside ` +
+const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
     `<script setup> of a single file component. Its arguments should be ` +
     `compiled away and passing it at runtime has no effect.`);
 // implementation
@@ -8316,10 +8668,6 @@ function defineEmits() {
     }
     return null;
 }
-/**
- * @deprecated use `defineEmits` instead.
- */
-const defineEmit = defineEmits;
 /**
  * Vue `<script setup>` compiler macro for declaring a component's exposed
  * instance properties when it is accessed by a parent component via template
@@ -8361,16 +8709,6 @@ function withDefaults(props, defaults) {
     }
     return null;
 }
-/**
- * @deprecated use `useSlots` and `useAttrs` instead.
- */
-function useContext() {
-    if ((process.env.NODE_ENV !== 'production')) {
-        warn(`\`useContext()\` has been deprecated and will be removed in the ` +
-            `next minor release. Use \`useSlots()\` and \`useAttrs()\` instead.`);
-    }
-    return getContext();
-}
 function useSlots() {
     return getContext().slots;
 }
@@ -8380,7 +8718,7 @@ function useAttrs() {
 function getContext() {
     const i = getCurrentInstance();
     if ((process.env.NODE_ENV !== 'production') && !i) {
-        warn(`useContext() called without active instance.`);
+        warn$1(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
 }
@@ -8401,30 +8739,44 @@ props, defaults) {
             props[key] = { default: defaults[key] };
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`props default key "${key}" has no corresponding declaration.`);
+            warn$1(`props default key "${key}" has no corresponding declaration.`);
         }
     }
     return props;
 }
 /**
- * Runtime helper for storing and resuming current instance context in
- * async setup().
+ * `<script setup>` helper for persisting the current instance context over
+ * async/await flows.
+ *
+ * `@vue/compiler-sfc` converts the following:
+ *
+ * ```ts
+ * const x = await foo()
+ * ```
+ *
+ * into:
+ *
+ * ```ts
+ * let __temp, __restore
+ * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+ * ```
+ * @internal
  */
-function withAsyncContext(awaitable) {
+function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
     if ((process.env.NODE_ENV !== 'production') && !ctx) {
-        warn(`withAsyncContext() called when there is no active context instance.`);
+        warn$1(`withAsyncContext called without active current instance. ` +
+            `This is likely a bug.`);
     }
-    return isPromise(awaitable)
-        ? awaitable.then(res => {
-            setCurrentInstance(ctx);
-            return res;
-        }, err => {
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+        awaitable = awaitable.catch(e => {
             setCurrentInstance(ctx);
-            throw err;
-        })
-        : awaitable;
+            throw e;
+        });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
 }
 
 // Actual implementation
@@ -8460,7 +8812,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn(`Server rendering context not provided. Make sure to only call ` +
+            warn$1(`Server rendering context not provided. Make sure to only call ` +
                 `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -8656,13 +9008,60 @@ function initCustomFormatter() {
     }
 }
 
+function withMemo(memo, render, cache, index) {
+    const cached = cache[index];
+    if (cached && isMemoSame(cached, memo)) {
+        return cached;
+    }
+    const ret = render();
+    // shallow clone
+    ret.memo = memo.slice();
+    return (cache[index] = ret);
+}
+function isMemoSame(cached, memo) {
+    const prev = cached.memo;
+    if (prev.length != memo.length) {
+        return false;
+    }
+    for (let i = 0; i < prev.length; i++) {
+        if (prev[i] !== memo[i]) {
+            return false;
+        }
+    }
+    // make sure to let parent block track it when returning cached
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(cached);
+    }
+    return true;
+}
+
+function $ref() { }
+function $shallowRef(arg) {
+    return arg;
+}
+function $computed() { }
+function $fromRefs() {
+    return null;
+}
+function $raw() {
+    return null;
+}
+
 // Core API ------------------------------------------------------------------
-const version = "3.1.4";
+const version = "3.2.2";
+const _ssrUtils = {
+    createComponentInstance,
+    setupComponent,
+    renderComponentRoot,
+    setCurrentRenderingInstance,
+    isVNode,
+    normalizeVNode
+};
 /**
  * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
  * @internal
  */
-const ssrUtils = (null);
+const ssrUtils = (_ssrUtils );
 /**
  * @internal only exposed in compat builds
  */
@@ -8674,6 +9073,7 @@ const compatUtils = (null);
 
 const svgNS = 'http://www.w3.org/2000/svg';
 const doc = (typeof document !== 'undefined' ? document : null);
+const staticTemplateCache = new Map();
 const nodeOps = {
     insert: (child, parent, anchor) => {
         parent.insertBefore(child, anchor || null);
@@ -8724,82 +9124,54 @@ const nodeOps = {
         return cloned;
     },
     // __UNSAFE__
-    // Reason: insertAdjacentHTML.
+    // Reason: innerHTML.
     // Static content here can only come from compiled templates.
     // As long as the user only uses trusted templates, this is safe.
-    insertStaticContent(content, parent, anchor, isSVG, cached) {
-        if (cached) {
-            let first;
-            let last;
-            let i = 0;
-            let l = cached.length;
-            for (; i < l; i++) {
-                const node = cached[i].cloneNode(true);
-                if (i === 0)
-                    first = node;
-                if (i === l - 1)
-                    last = node;
-                parent.insertBefore(node, anchor);
-            }
-            return [first, last];
-        }
+    insertStaticContent(content, parent, anchor, isSVG) {
         // <parent> before | first ... last | anchor </parent>
         const before = anchor ? anchor.previousSibling : parent.lastChild;
-        if (anchor) {
-            let insertionPoint;
-            let usingTempInsertionPoint = false;
-            if (anchor instanceof Element) {
-                insertionPoint = anchor;
-            }
-            else {
-                // insertAdjacentHTML only works for elements but the anchor is not an
-                // element...
-                usingTempInsertionPoint = true;
-                insertionPoint = isSVG
-                    ? doc.createElementNS(svgNS, 'g')
-                    : doc.createElement('div');
-                parent.insertBefore(insertionPoint, anchor);
-            }
-            insertionPoint.insertAdjacentHTML('beforebegin', content);
-            if (usingTempInsertionPoint) {
-                parent.removeChild(insertionPoint);
-            }
-        }
-        else {
-            parent.insertAdjacentHTML('beforeend', content);
-        }
-        let first = before ? before.nextSibling : parent.firstChild;
-        const last = anchor ? anchor.previousSibling : parent.lastChild;
-        const ret = [];
-        while (first) {
-            ret.push(first);
-            if (first === last)
-                break;
-            first = first.nextSibling;
-        }
-        return ret;
+        let template = staticTemplateCache.get(content);
+        if (!template) {
+            const t = doc.createElement('template');
+            t.innerHTML = isSVG ? `<svg>${content}</svg>` : content;
+            template = t.content;
+            if (isSVG) {
+                // remove outer svg wrapper
+                const wrapper = template.firstChild;
+                while (wrapper.firstChild) {
+                    template.appendChild(wrapper.firstChild);
+                }
+                template.removeChild(wrapper);
+            }
+            staticTemplateCache.set(content, template);
+        }
+        parent.insertBefore(template.cloneNode(true), anchor);
+        return [
+            // first
+            before ? before.nextSibling : parent.firstChild,
+            // last
+            anchor ? anchor.previousSibling : parent.lastChild
+        ];
     }
 };
 
 // compiler should normalize class + :class bindings on the same element
 // into a single binding ['staticClass', dynamic]
 function patchClass(el, value, isSVG) {
+    // directly setting className should be faster than setAttribute in theory
+    // if this is an element during a transition, take the temporary transition
+    // classes into account.
+    const transitionClasses = el._vtc;
+    if (transitionClasses) {
+        value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(' ');
+    }
     if (value == null) {
-        value = '';
+        el.removeAttribute('class');
     }
-    if (isSVG) {
+    else if (isSVG) {
         el.setAttribute('class', value);
     }
     else {
-        // directly setting className should be faster than setAttribute in theory
-        // if this is an element during a transition, take the temporary transition
-        // classes into account.
-        const transitionClasses = el._vtc;
-        if (transitionClasses) {
-            value = (value
-                ? [value, ...transitionClasses]
-                : [...transitionClasses]).join(' ');
-        }
         el.className = value;
     }
 }
@@ -8959,7 +9331,11 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
         }
         else if (type === 'number') {
             // e.g. <img :width="null">
-            el[key] = 0;
+            // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error
+            try {
+                el[key] = 0;
+            }
+            catch (_a) { }
             el.removeAttribute(key);
             return;
         }
@@ -8970,7 +9346,7 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
     }
     catch (e) {
         if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+            warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
                 `value ${value} is invalid.`, e);
         }
     }
@@ -9076,47 +9452,45 @@ function patchStopImmediatePropagation(e, value) {
 }
 
 const nativeOnRE = /^on[a-z]/;
-const forcePatchProp = (_, key) => key === 'value';
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
-    switch (key) {
-        // special
-        case 'class':
-            patchClass(el, nextValue, isSVG);
-            break;
-        case 'style':
-            patchStyle(el, prevValue, nextValue);
-            break;
-        default:
-            if (isOn(key)) {
-                // ignore v-model listeners
-                if (!isModelListener(key)) {
-                    patchEvent(el, key, prevValue, nextValue, parentComponent);
-                }
-            }
-            else if (shouldSetAsProp(el, key, nextValue, isSVG)) {
-                patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
-            }
-            else {
-                // special case for <input v-model type="checkbox"> with
-                // :true-value & :false-value
-                // store value as dom properties since non-string values will be
-                // stringified.
-                if (key === 'true-value') {
-                    el._trueValue = nextValue;
-                }
-                else if (key === 'false-value') {
-                    el._falseValue = nextValue;
-                }
-                patchAttr(el, key, nextValue, isSVG);
-            }
-            break;
+    if (key === 'class') {
+        patchClass(el, nextValue, isSVG);
+    }
+    else if (key === 'style') {
+        patchStyle(el, prevValue, nextValue);
+    }
+    else if (isOn(key)) {
+        // ignore v-model listeners
+        if (!isModelListener(key)) {
+            patchEvent(el, key, prevValue, nextValue, parentComponent);
+        }
+    }
+    else if (key[0] === '.'
+        ? ((key = key.slice(1)), true)
+        : key[0] === '^'
+            ? ((key = key.slice(1)), false)
+            : shouldSetAsProp(el, key, nextValue, isSVG)) {
+        patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
+    }
+    else {
+        // special case for <input v-model type="checkbox"> with
+        // :true-value & :false-value
+        // store value as dom properties since non-string values will be
+        // stringified.
+        if (key === 'true-value') {
+            el._trueValue = nextValue;
+        }
+        else if (key === 'false-value') {
+            el._falseValue = nextValue;
+        }
+        patchAttr(el, key, nextValue, isSVG);
     }
 };
 function shouldSetAsProp(el, key, value, isSVG) {
     if (isSVG) {
         // most keys must be set as attribute on svg elements to work
-        // ...except innerHTML
-        if (key === 'innerHTML') {
+        // ...except innerHTML & textContent
+        if (key === 'innerHTML' || key === 'textContent') {
             return true;
         }
         // or native onclick with function values
@@ -9154,23 +9528,216 @@ function shouldSetAsProp(el, key, value, isSVG) {
     return key in el;
 }
 
+function defineCustomElement(options, hydate) {
+    const Comp = defineComponent(options);
+    class VueCustomElement extends VueElement {
+        constructor(initialProps) {
+            super(Comp, initialProps, hydate);
+        }
+    }
+    VueCustomElement.def = Comp;
+    return VueCustomElement;
+}
+const defineSSRCustomElement = ((options) => {
+    // @ts-ignore
+    return defineCustomElement(options, hydrate);
+});
+const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class {
+});
+class VueElement extends BaseClass {
+    constructor(_def, _props = {}, hydrate) {
+        super();
+        this._def = _def;
+        this._props = _props;
+        /**
+         * @internal
+         */
+        this._instance = null;
+        this._connected = false;
+        this._resolved = false;
+        if (this.shadowRoot && hydrate) {
+            hydrate(this._createVNode(), this.shadowRoot);
+        }
+        else {
+            if ((process.env.NODE_ENV !== 'production') && this.shadowRoot) {
+                warn$1(`Custom element has pre-rendered declarative shadow root but is not ` +
+                    `defined as hydratable. Use \`defineSSRCustomElement\`.`);
+            }
+            this.attachShadow({ mode: 'open' });
+        }
+        // set initial attrs
+        for (let i = 0; i < this.attributes.length; i++) {
+            this._setAttr(this.attributes[i].name);
+        }
+        // watch future attr changes
+        const observer = new MutationObserver(mutations => {
+            for (const m of mutations) {
+                this._setAttr(m.attributeName);
+            }
+        });
+        observer.observe(this, { attributes: true });
+    }
+    connectedCallback() {
+        this._connected = true;
+        if (!this._instance) {
+            this._resolveDef();
+            render(this._createVNode(), this.shadowRoot);
+        }
+    }
+    disconnectedCallback() {
+        this._connected = false;
+        nextTick(() => {
+            if (!this._connected) {
+                render(null, this.shadowRoot);
+                this._instance = null;
+            }
+        });
+    }
+    /**
+     * resolve inner component definition (handle possible async component)
+     */
+    _resolveDef() {
+        if (this._resolved) {
+            return;
+        }
+        const resolve = (def) => {
+            this._resolved = true;
+            // check if there are props set pre-upgrade or connect
+            for (const key of Object.keys(this)) {
+                if (key[0] !== '_') {
+                    this._setProp(key, this[key]);
+                }
+            }
+            const { props, styles } = def;
+            // defining getter/setters on prototype
+            const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : [];
+            for (const key of rawKeys.map(camelize)) {
+                Object.defineProperty(this, key, {
+                    get() {
+                        return this._getProp(key);
+                    },
+                    set(val) {
+                        this._setProp(key, val);
+                    }
+                });
+            }
+            this._applyStyles(styles);
+        };
+        const asyncDef = this._def.__asyncLoader;
+        if (asyncDef) {
+            asyncDef().then(resolve);
+        }
+        else {
+            resolve(this._def);
+        }
+    }
+    _setAttr(key) {
+        this._setProp(camelize(key), toNumber(this.getAttribute(key)), false);
+    }
+    /**
+     * @internal
+     */
+    _getProp(key) {
+        return this._props[key];
+    }
+    /**
+     * @internal
+     */
+    _setProp(key, val, shouldReflect = true) {
+        if (val !== this._props[key]) {
+            this._props[key] = val;
+            if (this._instance) {
+                render(this._createVNode(), this.shadowRoot);
+            }
+            // reflect
+            if (shouldReflect) {
+                if (val === true) {
+                    this.setAttribute(hyphenate(key), '');
+                }
+                else if (typeof val === 'string' || typeof val === 'number') {
+                    this.setAttribute(hyphenate(key), val + '');
+                }
+                else if (!val) {
+                    this.removeAttribute(hyphenate(key));
+                }
+            }
+        }
+    }
+    _createVNode() {
+        const vnode = createVNode(this._def, extend({}, this._props));
+        if (!this._instance) {
+            vnode.ce = instance => {
+                this._instance = instance;
+                instance.isCE = true;
+                // HMR
+                if ((process.env.NODE_ENV !== 'production')) {
+                    instance.ceReload = newStyles => {
+                        // alawys reset styles
+                        if (this._styles) {
+                            this._styles.forEach(s => this.shadowRoot.removeChild(s));
+                            this._styles.length = 0;
+                        }
+                        this._applyStyles(newStyles);
+                        // if this is an async component, ceReload is called from the inner
+                        // component so no need to reload the async wrapper
+                        if (!this._def.__asyncLoader) {
+                            // reload
+                            this._instance = null;
+                            render(this._createVNode(), this.shadowRoot);
+                        }
+                    };
+                }
+                // intercept emit
+                instance.emit = (event, ...args) => {
+                    this.dispatchEvent(new CustomEvent(event, {
+                        detail: args
+                    }));
+                };
+                // locate nearest Vue custom element parent for provide/inject
+                let parent = this;
+                while ((parent =
+                    parent && (parent.parentNode || parent.host))) {
+                    if (parent instanceof VueElement) {
+                        instance.parent = parent._instance;
+                        break;
+                    }
+                }
+            };
+        }
+        return vnode;
+    }
+    _applyStyles(styles) {
+        if (styles) {
+            styles.forEach(css => {
+                const s = document.createElement('style');
+                s.textContent = css;
+                this.shadowRoot.appendChild(s);
+                // record for HMR
+                if ((process.env.NODE_ENV !== 'production')) {
+                    (this._styles || (this._styles = [])).push(s);
+                }
+            });
+        }
+    }
+}
+
 function useCssModule(name = '$style') {
     /* istanbul ignore else */
     {
         const instance = getCurrentInstance();
         if (!instance) {
-            (process.env.NODE_ENV !== 'production') && warn(`useCssModule must be called inside setup()`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`useCssModule must be called inside setup()`);
             return EMPTY_OBJ;
         }
         const modules = instance.type.__cssModules;
         if (!modules) {
-            (process.env.NODE_ENV !== 'production') && warn(`Current instance does not have CSS modules injected.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`Current instance does not have CSS modules injected.`);
             return EMPTY_OBJ;
         }
         const mod = modules[name];
         if (!mod) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Current instance does not have CSS module named "${name}".`);
+                warn$1(`Current instance does not have CSS module named "${name}".`);
             return EMPTY_OBJ;
         }
         return mod;
@@ -9186,12 +9753,16 @@ function useCssVars(getter) {
     /* istanbul ignore next */
     if (!instance) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`useCssVars is called without current active component instance.`);
+            warn$1(`useCssVars is called without current active component instance.`);
         return;
     }
     const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy));
-    onMounted(() => watchEffect(setVars, { flush: 'post' }));
-    onUpdated(setVars);
+    watchPostEffect(setVars);
+    onMounted(() => {
+        const ob = new MutationObserver(setVars);
+        ob.observe(instance.subTree.el.parentNode, { childList: true });
+        onUnmounted(() => ob.disconnect());
+    });
 }
 function setVarsOnVNode(vnode, vars) {
     if (vnode.shapeFlag & 128 /* SUSPENSE */) {
@@ -9208,14 +9779,28 @@ function setVarsOnVNode(vnode, vars) {
         vnode = vnode.component.subTree;
     }
     if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) {
-        const style = vnode.el.style;
-        for (const key in vars) {
-            style.setProperty(`--${key}`, vars[key]);
-        }
+        setVarsOnNode(vnode.el, vars);
     }
     else if (vnode.type === Fragment) {
         vnode.children.forEach(c => setVarsOnVNode(c, vars));
     }
+    else if (vnode.type === Static) {
+        let { el, anchor } = vnode;
+        while (el) {
+            setVarsOnNode(el, vars);
+            if (el === anchor)
+                break;
+            el = el.nextSibling;
+        }
+    }
+}
+function setVarsOnNode(el, vars) {
+    if (el.nodeType === 1) {
+        const style = el.style;
+        for (const key in vars) {
+            style.setProperty(`--${key}`, vars[key]);
+        }
+    }
 }
 
 const TRANSITION = 'transition';
@@ -9242,7 +9827,8 @@ const DOMTransitionPropsValidators = {
     leaveActiveClass: String,
     leaveToClass: String
 };
-const TransitionPropsValidators = (Transition.props = /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
+const TransitionPropsValidators = (Transition.props =
+    /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
 /**
  * #3227 Incoming hooks may be merged into arrays when wrapping Transition
  * with custom HOCs.
@@ -9367,11 +9953,11 @@ function NumberOf(val) {
 }
 function validateDuration(val) {
     if (typeof val !== 'number') {
-        warn(`<transition> explicit duration is not a valid number - ` +
+        warn$1(`<transition> explicit duration is not a valid number - ` +
             `got ${JSON.stringify(val)}.`);
     }
     else if (isNaN(val)) {
-        warn(`<transition> explicit duration is NaN - ` +
+        warn$1(`<transition> explicit duration is NaN - ` +
             'the duration expression might be incorrect.');
     }
 }
@@ -9556,7 +10142,7 @@ const TransitionGroupImpl = {
                     setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`<TransitionGroup> children must be keyed.`);
+                    warn$1(`<TransitionGroup> children must be keyed.`);
                 }
             }
             if (prevChildren) {
@@ -9609,9 +10195,7 @@ function hasCSSTransform(el, root, moveClass) {
     }
     moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c));
     clone.style.display = 'none';
-    const container = (root.nodeType === 1
-        ? root
-        : root.parentNode);
+    const container = (root.nodeType === 1 ? root : root.parentNode);
     container.appendChild(clone);
     const { hasTransform } = getTransitionInfo(clone);
     container.removeChild(clone);
@@ -9642,7 +10226,7 @@ function trigger$1(el, type) {
 const vModelText = {
     created(el, { modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
-        const castToNumber = number || el.type === 'number';
+        const castToNumber = number || (vnode.props && vnode.props.type === 'number');
         addEventListener(el, lazy ? 'change' : 'input', e => {
             if (e.target.composing)
                 return;
@@ -9674,12 +10258,15 @@ const vModelText = {
     mounted(el, { value }) {
         el.value = value == null ? '' : value;
     },
-    beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) {
+    beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
         // avoid clearing unresolved text. #2302
         if (el.composing)
             return;
         if (document.activeElement === el) {
+            if (lazy) {
+                return;
+            }
             if (trim && el.value.trim() === value) {
                 return;
             }
@@ -9694,6 +10281,8 @@ const vModelText = {
     }
 };
 const vModelCheckbox = {
+    // #4096 array checkboxes need to be deep traversed
+    deep: true,
     created(el, _, vnode) {
         el._assign = getModelAssigner(vnode);
         addEventListener(el, 'change', () => {
@@ -9763,6 +10352,8 @@ const vModelRadio = {
     }
 };
 const vModelSelect = {
+    // <select multiple> value need to be deep traversed
+    deep: true,
     created(el, { value, modifiers: { number } }, vnode) {
         const isSetModel = isSet(value);
         addEventListener(el, 'change', () => {
@@ -9793,7 +10384,7 @@ function setSelected(el, value) {
     const isMultiple = el.multiple;
     if (isMultiple && !isArray(value) && !isSet(value)) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`<select multiple v-model> expects an Array or Set value for its binding, ` +
+            warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` +
                 `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`);
         return;
     }
@@ -9963,13 +10554,14 @@ function setDisplay(el, value) {
     el.style.display = value ? el._vod : 'none';
 }
 
-const rendererOptions = extend({ patchProp, forcePatchProp }, nodeOps);
+const rendererOptions = extend({ patchProp }, nodeOps);
 // lazy create the renderer - this makes core renderer logic tree-shakable
 // in case the user only imports reactivity utilities from Vue.
 let renderer;
 let enabledHydration = false;
 function ensureRenderer() {
-    return renderer || (renderer = createRenderer(rendererOptions));
+    return (renderer ||
+        (renderer = createRenderer(rendererOptions)));
 }
 function ensureHydrationRenderer() {
     renderer = enabledHydration
@@ -10047,7 +10639,7 @@ function injectCompilerOptionsCheck(app) {
                 return isCustomElement;
             },
             set() {
-                warn(`The \`isCustomElement\` config option is deprecated. Use ` +
+                warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
                     `\`compilerOptions.isCustomElement\` instead.`);
             }
         });
@@ -10061,11 +10653,11 @@ function injectCompilerOptionsCheck(app) {
             `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
         Object.defineProperty(app.config, 'compilerOptions', {
             get() {
-                warn(msg);
+                warn$1(msg);
                 return compilerOptions;
             },
             set() {
-                warn(msg);
+                warn$1(msg);
             }
         });
     }
@@ -10074,16 +10666,17 @@ function normalizeContainer(container) {
     if (isString(container)) {
         const res = document.querySelector(container);
         if ((process.env.NODE_ENV !== 'production') && !res) {
-            warn(`Failed to mount app: mount target selector "${container}" returned null.`);
+            warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
         }
         return res;
     }
     if ((process.env.NODE_ENV !== 'production') &&
+        window.ShadowRoot &&
         container instanceof window.ShadowRoot &&
         container.mode === 'closed') {
-        warn(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+        warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
 }
 
-export { BaseTransition, Comment$1 as Comment, Fragment, KeepAlive, Static, Suspense, Teleport, Text, Transition, TransitionGroup, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed$1 as computed, createApp, createBlock, createCommentVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineEmit, defineEmits, defineExpose, defineProps, devtools, flushPostFlushCbs, getCurrentInstance, getTransitionRawChildren, h, handleError, hydrate, initCustomFormatter, inject, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useContext, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withModifiers, withScopeId };
+export { $computed, $fromRefs, $raw, $ref, $shallowRef, BaseTransition, Comment$1 as Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, flushPostFlushCbs, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
diff --git a/packages/uni-app-vue/lib/service.runtime.esm.js b/packages/uni-app-vue/lib/service.runtime.esm.js
index 85df5efc1..3c96d93d5 100644
--- a/packages/uni-app-vue/lib/service.runtime.esm.js
+++ b/packages/uni-app-vue/lib/service.runtime.esm.js
@@ -26,7 +26,9 @@ function normalizeStyle(value) {
         const res = {};
         for (let i = 0; i < value.length; i++) {
             const item = value[i];
-            const normalized = normalizeStyle(isString(item) ? parseStringStyle(item) : item);
+            const normalized = isString(item)
+                ? parseStringStyle(item)
+                : normalizeStyle(item);
             if (normalized) {
                 for (const key in normalized) {
                     res[key] = normalized[key];
@@ -35,6 +37,9 @@ function normalizeStyle(value) {
         }
         return res;
     }
+    else if (isString(value)) {
+        return value;
+    }
     else if (isObject(value)) {
         return value;
     }
@@ -72,14 +77,26 @@ function normalizeClass(value) {
         }
     }
     return res.trim();
+}
+function normalizeProps(props) {
+    if (!props)
+        return null;
+    let { class: klass, style } = props;
+    if (klass && !isString(klass)) {
+        props.class = normalizeClass(klass);
+    }
+    if (style) {
+        props.style = normalizeStyle(style);
+    }
+    return props;
 }
 
 // These tag configs are shared between compiler-dom and runtime-dom, so they
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' +
-    'header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,' +
+    'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
     'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' +
-    'data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,' +
+    'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' +
     'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' +
     'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' +
     'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' +
@@ -106,12 +123,16 @@ const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS);
 const toDisplayString = (val) => {
     return val == null
         ? ''
-        : isObject(val)
+        : isArray(val) || (isObject(val) && val.toString === objectToString)
             ? JSON.stringify(val, replacer, 2)
             : String(val);
 };
 const replacer = (_key, val) => {
-    if (isMap(val)) {
+    // can't use isRef here since @vue/shared has no deps
+    if (val && val.__v_isRef) {
+        return replacer(_key, val.value);
+    }
+    else if (isMap(val)) {
         return {
             [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => {
                 entries[`${key} =>`] = val;
@@ -204,9 +225,9 @@ const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + st
 /**
  * @private
  */
-const toHandlerKey = cacheStringFunction((str) => (str ? `on${capitalize(str)}` : ``));
+const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``);
 // compare whether a value has changed, accounting for NaN.
-const hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 const invokeArrayFns = (fns, arg) => {
     for (let i = 0; i < fns.length; i++) {
         fns[i](arg);
@@ -238,64 +259,188 @@ const getGlobalThis = () => {
                             : {}));
 };
 
-const targetMap = new WeakMap();
-const effectStack = [];
-let activeEffect;
-const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
-const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
-function isEffect(fn) {
-    return fn && fn._isEffect === true;
-}
-function effect(fn, options = EMPTY_OBJ) {
-    if (isEffect(fn)) {
-        fn = fn.raw;
+function warn(msg, ...args) {
+    console.warn(`[Vue warn] ${msg}`, ...args);
+}
+
+let activeEffectScope;
+const effectScopeStack = [];
+class EffectScope {
+    constructor(detached = false) {
+        this.active = true;
+        this.effects = [];
+        this.cleanups = [];
+        if (!detached && activeEffectScope) {
+            this.parent = activeEffectScope;
+            this.index =
+                (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+        }
+    }
+    run(fn) {
+        if (this.active) {
+            try {
+                this.on();
+                return fn();
+            }
+            finally {
+                this.off();
+            }
+        }
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn(`cannot run an inactive effect scope.`);
+        }
     }
-    const effect = createReactiveEffect(fn, options);
-    if (!options.lazy) {
-        effect();
+    on() {
+        if (this.active) {
+            effectScopeStack.push(this);
+            activeEffectScope = this;
+        }
     }
-    return effect;
-}
-function stop(effect) {
-    if (effect.active) {
-        cleanup(effect);
-        if (effect.options.onStop) {
-            effect.options.onStop();
+    off() {
+        if (this.active) {
+            effectScopeStack.pop();
+            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+        }
+    }
+    stop(fromParent) {
+        if (this.active) {
+            this.effects.forEach(e => e.stop());
+            this.cleanups.forEach(cleanup => cleanup());
+            if (this.scopes) {
+                this.scopes.forEach(e => e.stop(true));
+            }
+            // nested scope, dereference from parent to avoid memory leaks
+            if (this.parent && !fromParent) {
+                // optimized O(1) removal
+                const last = this.parent.scopes.pop();
+                if (last && last !== this) {
+                    this.parent.scopes[this.index] = last;
+                    last.index = this.index;
+                }
+            }
+            this.active = false;
         }
-        effect.active = false;
     }
 }
-let uid = 0;
-function createReactiveEffect(fn, options) {
-    const effect = function reactiveEffect() {
-        if (!effect.active) {
-            return fn();
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+    }
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn(`onDispose() is called when there is no active effect scope` +
+            ` to be associated with.`);
+    }
+}
+
+const createDep = (effects) => {
+    const dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+    if (deps.length) {
+        for (let i = 0; i < deps.length; i++) {
+            deps[i].w |= trackOpBit; // set was tracked
+        }
+    }
+};
+const finalizeDepMarkers = (effect) => {
+    const { deps } = effect;
+    if (deps.length) {
+        let ptr = 0;
+        for (let i = 0; i < deps.length; i++) {
+            const dep = deps[i];
+            if (wasTracked(dep) && !newTracked(dep)) {
+                dep.delete(effect);
+            }
+            else {
+                deps[ptr++] = dep;
+            }
+            // clear bits
+            dep.w &= ~trackOpBit;
+            dep.n &= ~trackOpBit;
         }
-        if (!effectStack.includes(effect)) {
-            cleanup(effect);
+        deps.length = ptr;
+    }
+};
+
+const targetMap = new WeakMap();
+// The number of effects currently being tracked recursively.
+let effectTrackDepth = 0;
+let trackOpBit = 1;
+/**
+ * The bitwise track markers support at most 30 levels op recursion.
+ * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+ * When recursion depth is greater, fall back to using a full cleanup.
+ */
+const maxMarkerBits = 30;
+const effectStack = [];
+let activeEffect;
+const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
+const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
+class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+        this.fn = fn;
+        this.scheduler = scheduler;
+        this.active = true;
+        this.deps = [];
+        recordEffectScope(this, scope);
+    }
+    run() {
+        if (!this.active) {
+            return this.fn();
+        }
+        if (!effectStack.includes(this)) {
             try {
+                effectStack.push((activeEffect = this));
                 enableTracking();
-                effectStack.push(effect);
-                activeEffect = effect;
-                return fn();
+                trackOpBit = 1 << ++effectTrackDepth;
+                if (effectTrackDepth <= maxMarkerBits) {
+                    initDepMarkers(this);
+                }
+                else {
+                    cleanupEffect(this);
+                }
+                return this.fn();
             }
             finally {
-                effectStack.pop();
+                if (effectTrackDepth <= maxMarkerBits) {
+                    finalizeDepMarkers(this);
+                }
+                trackOpBit = 1 << --effectTrackDepth;
                 resetTracking();
-                activeEffect = effectStack[effectStack.length - 1];
+                effectStack.pop();
+                const n = effectStack.length;
+                activeEffect = n > 0 ? effectStack[n - 1] : undefined;
             }
         }
-    };
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
-}
-function cleanup(effect) {
+    }
+    stop() {
+        if (this.active) {
+            cleanupEffect(this);
+            if (this.onStop) {
+                this.onStop();
+            }
+            this.active = false;
+        }
+    }
+}
+function cleanupEffect(effect) {
     const { deps } = effect;
     if (deps.length) {
         for (let i = 0; i < deps.length; i++) {
@@ -304,6 +449,26 @@ function cleanup(effect) {
         deps.length = 0;
     }
 }
+function effect(fn, options) {
+    if (fn.effect) {
+        fn = fn.effect.fn;
+    }
+    const _effect = new ReactiveEffect(fn);
+    if (options) {
+        extend(_effect, options);
+        if (options.scope)
+            recordEffectScope(_effect, options.scope);
+    }
+    if (!options || !options.lazy) {
+        _effect.run();
+    }
+    const runner = _effect.run.bind(_effect);
+    runner.effect = _effect;
+    return runner;
+}
+function stop(runner) {
+    runner.effect.stop();
+}
 let shouldTrack = true;
 const trackStack = [];
 function pauseTracking() {
@@ -319,7 +484,7 @@ function resetTracking() {
     shouldTrack = last === undefined ? true : last;
 }
 function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
         return;
     }
     let depsMap = targetMap.get(target);
@@ -328,18 +493,35 @@ function track(target, type, key) {
     }
     let dep = depsMap.get(key);
     if (!dep) {
-        depsMap.set(key, (dep = new Set()));
+        depsMap.set(key, (dep = createDep()));
+    }
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { effect: activeEffect, target, type, key }
+        : undefined;
+    trackEffects(dep, eventInfo);
+}
+function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+}
+function trackEffects(dep, debuggerEventExtraInfo) {
+    let shouldTrack = false;
+    if (effectTrackDepth <= maxMarkerBits) {
+        if (!newTracked(dep)) {
+            dep.n |= trackOpBit; // set newly tracked
+            shouldTrack = !wasTracked(dep);
+        }
     }
-    if (!dep.has(activeEffect)) {
+    else {
+        // Full cleanup mode.
+        shouldTrack = !dep.has(activeEffect);
+    }
+    if (shouldTrack) {
         dep.add(activeEffect);
         activeEffect.deps.push(dep);
-        if ((process.env.NODE_ENV !== 'production') && activeEffect.options.onTrack) {
-            activeEffect.options.onTrack({
-                effect: activeEffect,
-                target,
-                type,
-                key
-            });
+        if ((process.env.NODE_ENV !== 'production') && activeEffect.onTrack) {
+            activeEffect.onTrack(Object.assign({
+                effect: activeEffect
+            }, debuggerEventExtraInfo));
         }
     }
 }
@@ -349,82 +531,96 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         // never been tracked
         return;
     }
-    const effects = new Set();
-    const add = (effectsToAdd) => {
-        if (effectsToAdd) {
-            effectsToAdd.forEach(effect => {
-                if (effect !== activeEffect || effect.allowRecurse) {
-                    effects.add(effect);
-                }
-            });
-        }
-    };
+    let deps = [];
     if (type === "clear" /* CLEAR */) {
         // collection being cleared
         // trigger all effects for target
-        depsMap.forEach(add);
+        deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newValue) {
-                add(dep);
+                deps.push(dep);
             }
         });
     }
     else {
         // schedule runs for SET | ADD | DELETE
         if (key !== void 0) {
-            add(depsMap.get(key));
+            deps.push(depsMap.get(key));
         }
         // also run for iteration key on ADD | DELETE | Map.SET
         switch (type) {
             case "add" /* ADD */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 else if (isIntegerKey(key)) {
                     // new index added to array -> length changes
-                    add(depsMap.get('length'));
+                    deps.push(depsMap.get('length'));
                 }
                 break;
             case "delete" /* DELETE */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 break;
             case "set" /* SET */:
                 if (isMap(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                 }
                 break;
         }
     }
-    const run = (effect) => {
-        if ((process.env.NODE_ENV !== 'production') && effect.options.onTrigger) {
-            effect.options.onTrigger({
-                effect,
-                target,
-                key,
-                type,
-                newValue,
-                oldValue,
-                oldTarget
-            });
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { target, type, key, newValue, oldValue, oldTarget }
+        : undefined;
+    if (deps.length === 1) {
+        if (deps[0]) {
+            if ((process.env.NODE_ENV !== 'production')) {
+                triggerEffects(deps[0], eventInfo);
+            }
+            else {
+                triggerEffects(deps[0]);
+            }
+        }
+    }
+    else {
+        const effects = [];
+        for (const dep of deps) {
+            if (dep) {
+                effects.push(...dep);
+            }
         }
-        if (effect.options.scheduler) {
-            effect.options.scheduler(effect);
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(createDep(effects), eventInfo);
         }
         else {
-            effect();
+            triggerEffects(createDep(effects));
         }
-    };
-    effects.forEach(run);
+    }
+}
+function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (const effect of isArray(dep) ? dep : [...dep]) {
+        if (effect !== activeEffect || effect.allowRecurse) {
+            if ((process.env.NODE_ENV !== 'production') && effect.onTrigger) {
+                effect.onTrigger(extend({ effect }, debuggerEventExtraInfo));
+            }
+            if (effect.scheduler) {
+                effect.scheduler();
+            }
+            else {
+                effect.run();
+            }
+        }
+    }
 }
 
 const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -439,17 +635,16 @@ const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
 function createArrayInstrumentations() {
     const instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             const arr = toRaw(this);
             for (let i = 0, l = this.length; i < l; i++) {
                 track(arr, "get" /* GET */, i + '');
             }
             // we run the method using the original args first (which may be reactive)
-            const res = method.apply(arr, args);
+            const res = arr[key](...args);
             if (res === -1 || res === false) {
                 // if that didn't work, run it again using raw values.
-                return method.apply(arr, args.map(toRaw));
+                return arr[key](...args.map(toRaw));
             }
             else {
                 return res;
@@ -457,10 +652,9 @@ function createArrayInstrumentations() {
         };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             pauseTracking();
-            const res = method.apply(this, args);
+            const res = toRaw(this)[key].apply(this, args);
             resetTracking();
             return res;
         };
@@ -980,13 +1174,48 @@ function isProxy(value) {
     return isReactive(value) || isReadonly(value);
 }
 function toRaw(observed) {
-    return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
+    const raw = observed && observed["__v_raw" /* RAW */];
+    return raw ? toRaw(raw) : observed;
 }
 function markRaw(value) {
     def(value, "__v_skip" /* SKIP */, true);
     return value;
 }
 
+function trackRefValue(ref) {
+    if (isTracking()) {
+        ref = toRaw(ref);
+        if (!ref.dep) {
+            ref.dep = createDep();
+        }
+        if ((process.env.NODE_ENV !== 'production')) {
+            trackEffects(ref.dep, {
+                target: ref,
+                type: "get" /* GET */,
+                key: 'value'
+            });
+        }
+        else {
+            trackEffects(ref.dep);
+        }
+    }
+}
+function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+    if (ref.dep) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(ref.dep, {
+                target: ref,
+                type: "set" /* SET */,
+                key: 'value',
+                newValue: newVal
+            });
+        }
+        else {
+            triggerEffects(ref.dep);
+        }
+    }
+}
 const convert = (val) => isObject(val) ? reactive(val) : val;
 function isRef(r) {
     return Boolean(r && r.__v_isRef === true);
@@ -998,21 +1227,23 @@ function shallowRef(value) {
     return createRef(value, true);
 }
 class RefImpl {
-    constructor(_rawValue, _shallow) {
-        this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
         this._shallow = _shallow;
+        this.dep = undefined;
         this.__v_isRef = true;
-        this._value = _shallow ? _rawValue : convert(_rawValue);
+        this._rawValue = _shallow ? value : toRaw(value);
+        this._value = _shallow ? value : convert(value);
     }
     get value() {
-        track(toRaw(this), "get" /* GET */, 'value');
+        trackRefValue(this);
         return this._value;
     }
     set value(newVal) {
-        if (hasChanged(toRaw(newVal), this._rawValue)) {
+        newVal = this._shallow ? newVal : toRaw(newVal);
+        if (hasChanged(newVal, this._rawValue)) {
             this._rawValue = newVal;
             this._value = this._shallow ? newVal : convert(newVal);
-            trigger(toRaw(this), "set" /* SET */, 'value', newVal);
+            triggerRefValue(this, newVal);
         }
     }
 }
@@ -1023,7 +1254,7 @@ function createRef(rawValue, shallow = false) {
     return new RefImpl(rawValue, shallow);
 }
 function triggerRef(ref) {
-    trigger(toRaw(ref), "set" /* SET */, 'value', (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
+    triggerRefValue(ref, (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
 }
 function unref(ref) {
     return isRef(ref) ? ref.value : ref;
@@ -1048,8 +1279,9 @@ function proxyRefs(objectWithRefs) {
 }
 class CustomRefImpl {
     constructor(factory) {
+        this.dep = undefined;
         this.__v_isRef = true;
-        const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
+        const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
         this._get = get;
         this._set = set;
     }
@@ -1095,15 +1327,13 @@ function toRef(object, key) {
 class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
         this._setter = _setter;
+        this.dep = undefined;
         this._dirty = true;
         this.__v_isRef = true;
-        this.effect = effect(getter, {
-            lazy: true,
-            scheduler: () => {
-                if (!this._dirty) {
-                    this._dirty = true;
-                    trigger(toRaw(this), "set" /* SET */, 'value');
-                }
+        this.effect = new ReactiveEffect(getter, () => {
+            if (!this._dirty) {
+                this._dirty = true;
+                triggerRefValue(this);
             }
         });
         this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
@@ -1111,18 +1341,18 @@ class ComputedRefImpl {
     get value() {
         // the computed ref may get wrapped by other proxies e.g. readonly() #3376
         const self = toRaw(this);
+        trackRefValue(self);
         if (self._dirty) {
-            self._value = this.effect();
             self._dirty = false;
+            self._value = self.effect.run();
         }
-        track(self, "get" /* GET */, 'value');
         return self._value;
     }
     set value(newValue) {
         this._setter(newValue);
     }
 }
-function computed(getterOrOptions) {
+function computed(getterOrOptions, debugOptions) {
     let getter;
     let setter;
     if (isFunction(getterOrOptions)) {
@@ -1137,580 +1367,169 @@ function computed(getterOrOptions) {
         getter = getterOrOptions.get;
         setter = getterOrOptions.set;
     }
-    return new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    if ((process.env.NODE_ENV !== 'production') && debugOptions) {
+        cRef.effect.onTrack = debugOptions.onTrack;
+        cRef.effect.onTrigger = debugOptions.onTrigger;
+    }
+    return cRef;
 }
 
-const stack = [];
-function pushWarningContext(vnode) {
-    stack.push(vnode);
-}
-function popWarningContext() {
-    stack.pop();
+/* eslint-disable no-restricted-globals */
+let isHmrUpdating = false;
+const hmrDirtyComponents = new Set();
+// Expose the HMR runtime on the global object
+// This makes it entirely tree-shakable without polluting the exports and makes
+// it easier to be used in toolings like vue-loader
+// Note: for a component to be eligible for HMR it also needs the __hmrId option
+// to be set so that its instances can be registered / removed.
+if ((process.env.NODE_ENV !== 'production')) {
+    const globalObject = typeof global !== 'undefined'
+        ? global
+        : typeof self !== 'undefined'
+            ? self
+            : typeof window !== 'undefined'
+                ? window
+                : {};
+    globalObject.__VUE_HMR_RUNTIME__ = {
+        createRecord: tryWrap(createRecord),
+        rerender: tryWrap(rerender),
+        reload: tryWrap(reload)
+    };
 }
-function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    const instance = stack.length ? stack[stack.length - 1].component : null;
-    const appWarnHandler = instance && instance.appContext.config.warnHandler;
-    const trace = getComponentTrace();
-    if (appWarnHandler) {
-        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
-            msg + args.join(''),
-            instance && instance.proxy,
-            trace
-                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
-                .join('\n'),
-            trace
-        ]);
-    }
-    else {
-        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-        /* istanbul ignore if */
-        if (trace.length &&
-            // avoid spamming console during tests
-            !false) {
-            warnArgs.push(`\n`, ...formatTrace(trace));
-        }
-        console.warn(...warnArgs);
+const map = new Map();
+function registerHMR(instance) {
+    const id = instance.type.__hmrId;
+    let record = map.get(id);
+    if (!record) {
+        createRecord(id, instance.type);
+        record = map.get(id);
     }
-    resetTracking();
+    record.instances.add(instance);
 }
-function getComponentTrace() {
-    let currentVNode = stack[stack.length - 1];
-    if (!currentVNode) {
-        return [];
+function unregisterHMR(instance) {
+    map.get(instance.type.__hmrId).instances.delete(instance);
+}
+function createRecord(id, component) {
+    if (!component) {
+        warn$1(`HMR API usage is out of date.\n` +
+            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
+            `dependency that handles Vue SFC compilation.`);
+        component = {};
     }
-    // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
-    const normalizedStack = [];
-    while (currentVNode) {
-        const last = normalizedStack[0];
-        if (last && last.vnode === currentVNode) {
-            last.recurseCount++;
-        }
-        else {
-            normalizedStack.push({
-                vnode: currentVNode,
-                recurseCount: 0
-            });
-        }
-        const parentInstance = currentVNode.component && currentVNode.component.parent;
-        currentVNode = parentInstance && parentInstance.vnode;
+    if (map.has(id)) {
+        return false;
     }
-    return normalizedStack;
+    map.set(id, {
+        component: isClassComponent(component) ? component.__vccOpts : component,
+        instances: new Set()
+    });
+    return true;
 }
-/* istanbul ignore next */
-function formatTrace(trace) {
-    const logs = [];
-    trace.forEach((entry, i) => {
-        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+function rerender(id, newRender) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    if (newRender)
+        record.component.render = newRender;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    Array.from(record.instances).forEach(instance => {
+        if (newRender) {
+            instance.render = newRender;
+        }
+        instance.renderCache = [];
+        // this flag forces child components with slot content to update
+        isHmrUpdating = true;
+        instance.update();
+        isHmrUpdating = false;
     });
-    return logs;
 }
-function formatTraceEntry({ vnode, recurseCount }) {
-    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-    const isRoot = vnode.component ? vnode.component.parent == null : false;
-    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
-    const close = `>` + postfix;
-    return vnode.props
-        ? [open, ...formatProps(vnode.props), close]
-        : [open + close];
-}
-/* istanbul ignore next */
-function formatProps(props) {
-    const res = [];
-    const keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-        res.push(...formatProp(key, props[key]));
-    });
-    if (keys.length > 3) {
-        res.push(` ...`);
-    }
-    return res;
-}
-/* istanbul ignore next */
-function formatProp(key, value, raw) {
-    if (isString(value)) {
-        value = JSON.stringify(value);
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (typeof value === 'number' ||
-        typeof value === 'boolean' ||
-        value == null) {
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (isRef(value)) {
-        value = formatProp(key, toRaw(value.value), true);
-        return raw ? value : [`${key}=Ref<`, value, `>`];
-    }
-    else if (isFunction(value)) {
-        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-    }
-    else {
-        value = toRaw(value);
-        return raw ? value : [`${key}=`, value];
-    }
-}
-
-const ErrorTypeStrings = {
-    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
-    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
-    ["c" /* CREATED */]: 'created hook',
-    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
-    ["m" /* MOUNTED */]: 'mounted hook',
-    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
-    ["u" /* UPDATED */]: 'updated',
-    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
-    ["um" /* UNMOUNTED */]: 'unmounted hook',
-    ["a" /* ACTIVATED */]: 'activated hook',
-    ["da" /* DEACTIVATED */]: 'deactivated hook',
-    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
-    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
-    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
-    [0 /* SETUP_FUNCTION */]: 'setup function',
-    [1 /* RENDER_FUNCTION */]: 'render function',
-    [2 /* WATCH_GETTER */]: 'watcher getter',
-    [3 /* WATCH_CALLBACK */]: 'watcher callback',
-    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
-    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
-    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
-    [7 /* VNODE_HOOK */]: 'vnode hook',
-    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
-    [9 /* TRANSITION_HOOK */]: 'transition hook',
-    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
-    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
-    [12 /* FUNCTION_REF */]: 'ref function',
-    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
-    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-};
-function callWithErrorHandling(fn, instance, type, args) {
-    let res;
-    try {
-        res = args ? fn(...args) : fn();
-    }
-    catch (err) {
-        handleError(err, instance, type);
-    }
-    return res;
-}
-function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction(fn)) {
-        const res = callWithErrorHandling(fn, instance, type, args);
-        if (res && isPromise(res)) {
-            res.catch(err => {
-                handleError(err, instance, type);
-            });
+function reload(id, newComp) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    const { component, instances } = record;
+    if (!hmrDirtyComponents.has(component)) {
+        // 1. Update existing comp definition to match new one
+        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+        extend(component, newComp);
+        for (const key in component) {
+            if (key !== '__file' && !(key in newComp)) {
+                delete component[key];
+            }
         }
-        return res;
-    }
-    const values = [];
-    for (let i = 0; i < fn.length; i++) {
-        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+        // 2. Mark component dirty. This forces the renderer to replace the component
+        // on patch.
+        hmrDirtyComponents.add(component);
+        // 3. Make sure to unmark the component after the reload.
+        queuePostFlushCb(() => {
+            hmrDirtyComponents.delete(component);
+        });
     }
-    return values;
-}
-function handleError(err, instance, type, throwInDev = true) {
-    const contextVNode = instance ? instance.vnode : null;
-    if (instance) {
-        let cur = instance.parent;
-        // the exposed instance is the render proxy to keep it consistent with 2.x
-        const exposedInstance = instance.proxy;
-        // in production the hook receives only the error code
-        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
-        while (cur) {
-            const errorCapturedHooks = cur.ec;
-            if (errorCapturedHooks) {
-                for (let i = 0; i < errorCapturedHooks.length; i++) {
-                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-                        return;
-                    }
-                }
+    Array.from(instances).forEach(instance => {
+        // invalidate options resolution cache
+        instance.appContext.optionsCache.delete(instance.type);
+        if (instance.ceReload) {
+            // custom element
+            hmrDirtyComponents.add(component);
+            instance.ceReload(newComp.styles);
+            hmrDirtyComponents.delete(component);
+        }
+        else if (instance.parent) {
+            // 4. Force the parent instance to re-render. This will cause all updated
+            // components to be unmounted and re-mounted. Queue the update so that we
+            // don't end up forcing the same parent to re-render multiple times.
+            queueJob(instance.parent.update);
+            // instance is the inner component of an async custom element
+            // invoke to reset styles
+            if (instance.parent.type.__asyncLoader &&
+                instance.parent.ceReload) {
+                instance.parent.ceReload(newComp.styles);
             }
-            cur = cur.parent;
         }
-        // app-level handling
-        const appErrorHandler = instance.appContext.config.errorHandler;
-        if (appErrorHandler) {
-            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
-            return;
+        else if (instance.appContext.reload) {
+            // root instance mounted via createApp() has a reload method
+            instance.appContext.reload();
         }
-    }
-    logError(err, type, contextVNode, throwInDev);
-}
-function logError(err, type, contextVNode, throwInDev = true) {
-    if ((process.env.NODE_ENV !== 'production')) {
-        const info = ErrorTypeStrings[type];
-        if (contextVNode) {
-            pushWarningContext(contextVNode);
+        else if (typeof window !== 'undefined') {
+            // root instance inside tree created via raw render(). Force reload.
+            window.location.reload();
         }
-        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-        if (contextVNode) {
-            popWarningContext();
+        else {
+            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
         }
-        // crash in dev by default so it's more noticeable
-        if (throwInDev) {
-            // throw err fixed by xxxxxx 避免 error 导致 App 端不可用（比如跳转时报错）
-            console.error(err);
+    });
+}
+function tryWrap(fn) {
+    return (id, arg) => {
+        try {
+            return fn(id, arg);
         }
-        else {
-            console.error(err);
+        catch (e) {
+            console.error(e);
+            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
+                `Full reload required.`);
         }
-    }
-    else {
-        // recover in prod to reduce the impact on end-user
-        console.error(err);
-    }
+    };
 }
 
-let isFlushing = false;
-let isFlushPending = false;
-const queue = [];
-let flushIndex = 0;
-const pendingPreFlushCbs = [];
-let activePreFlushCbs = null;
-let preFlushIndex = 0;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
-let postFlushIndex = 0;
-// fixed by xxxxxx iOS
-const iOSPromise = {
-    then(callback) {
-        setTimeout(() => callback(), 0);
-    }
-};
-const isIOS = exports.platform === 'iOS';
-const resolvedPromise = isIOS ? iOSPromise : Promise.resolve();
-let currentFlushPromise = null;
-let currentPreFlushParentJob = null;
-const RECURSION_LIMIT = 100;
-function nextTick(fn) {
-    const p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
-}
-// #2768
-// Use binary-search to find a suitable position in the queue,
-// so that the queue maintains the increasing order of job's id,
-// which can prevent the job from being skipped and also can avoid repeated patching.
-function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    let start = flushIndex + 1;
-    let end = queue.length;
-    const jobId = getId(job);
-    while (start < end) {
-        const middle = (start + end) >>> 1;
-        const middleJobId = getId(queue[middle]);
-        middleJobId < jobId ? (start = middle + 1) : (end = middle);
-    }
-    return start;
+let devtools;
+function setDevtoolsHook(hook) {
+    devtools = hook;
 }
-function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length ||
-        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
-        job !== currentPreFlushParentJob) {
-        const pos = findInsertionIndex(job);
-        if (pos > -1) {
-            queue.splice(pos, 0, job);
-        }
-        else {
-            queue.push(job);
-        }
-        queueFlush();
-    }
-}
-function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-        isFlushPending = true;
-        currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
-}
-function invalidateJob(job) {
-    const i = queue.indexOf(job);
-    if (i > flushIndex) {
-        queue.splice(i, 1);
-    }
-}
-function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!isArray(cb)) {
-        if (!activeQueue ||
-            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-            pendingQueue.push(cb);
-        }
-    }
-    else {
-        // if cb is an array, it is a component lifecycle hook which can only be
-        // triggered by a job, which is already deduped in the main queue, so
-        // we can skip duplicate check here to improve perf
-        pendingQueue.push(...cb);
-    }
-    queueFlush();
-}
-function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-}
-function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-}
-function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-        currentPreFlushParentJob = parentJob;
-        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-        pendingPreFlushCbs.length = 0;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
-                continue;
-            }
-            activePreFlushCbs[preFlushIndex]();
-        }
-        activePreFlushCbs = null;
-        preFlushIndex = 0;
-        currentPreFlushParentJob = null;
-        // recursively flush until it drains
-        flushPreFlushCbs(seen, parentJob);
-    }
-}
-function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-        const deduped = [...new Set(pendingPostFlushCbs)];
-        pendingPostFlushCbs.length = 0;
-        // #1947 already has active queue, nested flushPostFlushCbs call
-        if (activePostFlushCbs) {
-            activePostFlushCbs.push(...deduped);
-            return;
-        }
-        activePostFlushCbs = deduped;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
-                continue;
-            }
-            activePostFlushCbs[postFlushIndex]();
-        }
-        activePostFlushCbs = null;
-        postFlushIndex = 0;
-    }
-}
-const getId = (job) => job.id == null ? Infinity : job.id;
-function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    if ((process.env.NODE_ENV !== 'production')) {
-        seen = seen || new Map();
-    }
-    flushPreFlushCbs(seen);
-    // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
-    queue.sort((a, b) => getId(a) - getId(b));
-    try {
-        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
-            if (job && job.active !== false) {
-                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
-                    continue;
-                }
-                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
-            }
-        }
-    }
-    finally {
-        flushIndex = 0;
-        queue.length = 0;
-        flushPostFlushCbs(seen);
-        isFlushing = false;
-        currentFlushPromise = null;
-        // some postFlushCb queued jobs!
-        // keep flushing until it drains.
-        if (queue.length ||
-            pendingPreFlushCbs.length ||
-            pendingPostFlushCbs.length) {
-            flushJobs(seen);
-        }
-    }
-}
-function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-        seen.set(fn, 1);
-    }
-    else {
-        const count = seen.get(fn);
-        if (count > RECURSION_LIMIT) {
-            const instance = fn.ownerInstance;
-            const componentName = instance && getComponentName(instance.type);
-            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
-                `This means you have a reactive effect that is mutating its own ` +
-                `dependencies and thus recursively triggering itself. Possible sources ` +
-                `include component template, render function, updated hook or ` +
-                `watcher source function.`);
-            return true;
-        }
-        else {
-            seen.set(fn, count + 1);
-        }
-    }
-}
-
-/* eslint-disable no-restricted-globals */
-let isHmrUpdating = false;
-const hmrDirtyComponents = new Set();
-// Expose the HMR runtime on the global object
-// This makes it entirely tree-shakable without polluting the exports and makes
-// it easier to be used in toolings like vue-loader
-// Note: for a component to be eligible for HMR it also needs the __hmrId option
-// to be set so that its instances can be registered / removed.
-if ((process.env.NODE_ENV !== 'production')) {
-    const globalObject = typeof global !== 'undefined'
-        ? global
-        : typeof self !== 'undefined'
-            ? self
-            : typeof window !== 'undefined'
-                ? window
-                : {};
-    globalObject.__VUE_HMR_RUNTIME__ = {
-        createRecord: tryWrap(createRecord),
-        rerender: tryWrap(rerender),
-        reload: tryWrap(reload)
-    };
-}
-const map = new Map();
-function registerHMR(instance) {
-    const id = instance.type.__hmrId;
-    let record = map.get(id);
-    if (!record) {
-        createRecord(id, instance.type);
-        record = map.get(id);
-    }
-    record.instances.add(instance);
-}
-function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-}
-function createRecord(id, component) {
-    if (!component) {
-        warn(`HMR API usage is out of date.\n` +
-            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-            `dependency that handles Vue SFC compilation.`);
-        component = {};
-    }
-    if (map.has(id)) {
-        return false;
-    }
-    map.set(id, {
-        component: isClassComponent(component) ? component.__vccOpts : component,
-        instances: new Set()
-    });
-    return true;
-}
-function rerender(id, newRender) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    if (newRender)
-        record.component.render = newRender;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    Array.from(record.instances).forEach(instance => {
-        if (newRender) {
-            instance.render = newRender;
-        }
-        instance.renderCache = [];
-        // this flag forces child components with slot content to update
-        isHmrUpdating = true;
-        instance.update();
-        isHmrUpdating = false;
-    });
-}
-function reload(id, newComp) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    const { component, instances } = record;
-    if (!hmrDirtyComponents.has(component)) {
-        // 1. Update existing comp definition to match new one
-        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-        extend(component, newComp);
-        for (const key in component) {
-            if (key !== '__file' && !(key in newComp)) {
-                delete component[key];
-            }
-        }
-        // 2. Mark component dirty. This forces the renderer to replace the component
-        // on patch.
-        hmrDirtyComponents.add(component);
-        // 3. Make sure to unmark the component after the reload.
-        queuePostFlushCb(() => {
-            hmrDirtyComponents.delete(component);
-        });
-    }
-    Array.from(instances).forEach(instance => {
-        if (instance.parent) {
-            // 4. Force the parent instance to re-render. This will cause all updated
-            // components to be unmounted and re-mounted. Queue the update so that we
-            // don't end up forcing the same parent to re-render multiple times.
-            queueJob(instance.parent.update);
-        }
-        else if (instance.appContext.reload) {
-            // root instance mounted via createApp() has a reload method
-            instance.appContext.reload();
-        }
-        else if (typeof window !== 'undefined') {
-            // root instance inside tree created via raw render(). Force reload.
-            window.location.reload();
-        }
-        else {
-            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
-        }
-    });
-}
-function tryWrap(fn) {
-    return (id, arg) => {
-        try {
-            return fn(id, arg);
-        }
-        catch (e) {
-            console.error(e);
-            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
-                `Full reload required.`);
-        }
-    };
-}
-
-let devtools;
-function setDevtoolsHook(hook) {
-    devtools = hook;
-}
-function devtoolsInitApp(app, version) {
-    // TODO queue if devtools is undefined
-    if (!devtools)
-        return;
-    devtools.emit("app:init" /* APP_INIT */, app, version, {
-        Fragment,
-        Text,
-        Comment: Comment$1,
-        Static
-    });
+function devtoolsInitApp(app, version) {
+    // TODO queue if devtools is undefined
+    if (!devtools)
+        return;
+    devtools.emit("app:init" /* APP_INIT */, app, version, {
+        Fragment,
+        Text,
+        Comment: Comment$1,
+        Static
+    });
 }
 function devtoolsUnmountApp(app) {
     if (!devtools)
@@ -1718,8 +1537,10 @@ function devtoolsUnmountApp(app) {
     devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
 }
 const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-const devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
+const devtoolsComponentUpdated = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
+const devtoolsComponentRemoved = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
 function createDevtoolsComponentHook(hook) {
     return (component) => {
         if (!devtools)
@@ -1866,8 +1687,7 @@ const deprecationData = {
         link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
     },
     ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
-        message: componentName => `Component <${componentName ||
-            'Anonymous'}> has \`inheritAttrs: false\` but is ` +
+        message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
             `relying on class/style fallthrough from parent. In Vue 3, class/style ` +
             `are now included in $attrs and will no longer fallthrough when ` +
             `inheritAttrs is false. If you are already using v-bind="$attrs" on ` +
@@ -2036,12 +1856,12 @@ function warnDeprecation(key, instance, ...args) {
     // same warning, but different component. skip the long message and just
     // log the key and count.
     if (dupKey in warnCount) {
-        warn(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
+        warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
         return;
     }
     warnCount[dupKey] = 0;
     const { message, link } = deprecationData[key];
-    warn(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
+    warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
     if (!isCompatEnabled(key, instance, true)) {
         console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
             `lead to runtime errors.`);
@@ -2083,7 +1903,7 @@ function emit(instance, event, ...rawArgs) {
             if (!(event in emitsOptions) &&
                 !(false )) {
                 if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                    warn(`Component emitted event "${event}" but it is neither declared in ` +
+                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
                         `the emits option nor as an "${toHandlerKey(event)}" prop.`);
                 }
             }
@@ -2092,7 +1912,7 @@ function emit(instance, event, ...rawArgs) {
                 if (isFunction(validator)) {
                     const isValid = validator(...rawArgs);
                     if (!isValid) {
-                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
+                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
                     }
                 }
             }
@@ -2118,7 +1938,7 @@ function emit(instance, event, ...rawArgs) {
     if ((process.env.NODE_ENV !== 'production')) {
         const lowerCaseEvent = event.toLowerCase();
         if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-            warn(`Event "${lowerCaseEvent}" is emitted in component ` +
+            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
                 `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
                 `Note that HTML attributes are case-insensitive and you cannot use ` +
                 `v-on to listen to camelCase events when using in-DOM templates. ` +
@@ -2381,13 +2201,13 @@ function renderComponentRoot(instance) {
                         }
                     }
                     if (extraAttrs.length) {
-                        warn(`Extraneous non-props attributes (` +
+                        warn$1(`Extraneous non-props attributes (` +
                             `${extraAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes.`);
                     }
                     if (eventAttrs.length) {
-                        warn(`Extraneous non-emits event listeners (` +
+                        warn$1(`Extraneous non-emits event listeners (` +
                             `${eventAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes. ` +
@@ -2405,7 +2225,7 @@ function renderComponentRoot(instance) {
         // inherit directives
         if (vnode.dirs) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Runtime directive used on component with non-element root node. ` +
+                warn$1(`Runtime directive used on component with non-element root node. ` +
                     `The directives will not function as intended.`);
             }
             root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
@@ -2413,7 +2233,7 @@ function renderComponentRoot(instance) {
         // inherit transition data
         if (vnode.transition) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Component inside <Transition> renders non-element root node ` +
+                warn$1(`Component inside <Transition> renders non-element root node ` +
                     `that cannot be animated.`);
             }
             root.transition = vnode.transition;
@@ -2614,8 +2434,7 @@ const SuspenseImpl = {
     normalize: normalizeSuspenseChildren
 };
 // Force-casted public typing for h and TSX props inference
-const Suspense = (SuspenseImpl
-    );
+const Suspense = (SuspenseImpl );
 function triggerEvent(vnode, name) {
     const eventListener = vnode.props && vnode.props[name];
     if (isFunction(eventListener)) {
@@ -2983,320 +2802,89 @@ function normalizeSuspenseSlot(s) {
     if (isArray(s)) {
         const singleChild = filterSingleRoot(s);
         if ((process.env.NODE_ENV !== 'production') && !singleChild) {
-            warn(`<Suspense> slots expect a single root node.`);
-        }
-        s = singleChild;
-    }
-    s = normalizeVNode(s);
-    if (block) {
-        s.dynamicChildren = block.filter(c => c !== s);
-    }
-    return s;
-}
-function queueEffectWithSuspense(fn, suspense) {
-    if (suspense && suspense.pendingBranch) {
-        if (isArray(fn)) {
-            suspense.effects.push(...fn);
-        }
-        else {
-            suspense.effects.push(fn);
-        }
-    }
-    else {
-        queuePostFlushCb(fn);
-    }
-}
-function setActiveBranch(suspense, branch) {
-    suspense.activeBranch = branch;
-    const { vnode, parentComponent } = suspense;
-    const el = (vnode.el = branch.el);
-    // in case suspense is the root node of a component,
-    // recursively update the HOC el
-    if (parentComponent && parentComponent.subTree === vnode) {
-        parentComponent.vnode.el = el;
-        updateHOCHostEl(parentComponent, el);
-    }
-}
-
-function provide(key, value) {
-    if (!currentInstance) {
-        if ((process.env.NODE_ENV !== 'production')) {
-            warn(`provide() can only be used inside setup().`);
-        }
-    }
-    else {
-        let provides = currentInstance.provides;
-        // by default an instance inherits its parent's provides object
-        // but when it needs to provide values of its own, it creates its
-        // own provides object using parent provides object as prototype.
-        // this way in `inject` we can simply look up injections from direct
-        // parent and let the prototype chain do the work.
-        const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-        if (parentProvides === provides) {
-            provides = currentInstance.provides = Object.create(parentProvides);
-        }
-        // TS doesn't allow symbol as index type
-        provides[key] = value;
-    }
-}
-function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    // fallback to `currentRenderingInstance` so that this can be called in
-    // a functional component
-    const instance = currentInstance || currentRenderingInstance;
-    if (instance) {
-        // #2400
-        // to support `app.use` plugins,
-        // fallback to appContext's `provides` if the intance is at root
-        const provides = instance.parent == null
-            ? instance.vnode.appContext && instance.vnode.appContext.provides
-            : instance.parent.provides;
-        if (provides && key in provides) {
-            // TS doesn't allow symbol as index type
-            return provides[key];
-        }
-        else if (arguments.length > 1) {
-            return treatDefaultAsFactory && isFunction(defaultValue)
-                ? defaultValue.call(instance.proxy)
-                : defaultValue;
-        }
-        else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`injection "${String(key)}" not found.`);
-        }
-    }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`inject() can only be used inside setup() or functional components.`);
-    }
-}
-
-// Simple effect.
-function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-}
-// initial value for watchers to trigger on undefined initial values
-const INITIAL_WATCHER_VALUE = {};
-// implementation
-function watch(source, cb, options) {
-    if ((process.env.NODE_ENV !== 'production') && !isFunction(cb)) {
-        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
-            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-            `supports \`watch(source, cb, options?) signature.`);
-    }
-    return doWatch(source, cb, options);
-}
-function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ, instance = currentInstance) {
-    if ((process.env.NODE_ENV !== 'production') && !cb) {
-        if (immediate !== undefined) {
-            warn(`watch() "immediate" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-        if (deep !== undefined) {
-            warn(`watch() "deep" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-    }
-    const warnInvalidSource = (s) => {
-        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
-            `a reactive object, or an array of these types.`);
-    };
-    let getter;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef(source)) {
-        getter = () => source.value;
-        forceTrigger = !!source._shallow;
-    }
-    else if (isReactive(source)) {
-        getter = () => source;
-        deep = true;
-    }
-    else if (isArray(source)) {
-        isMultiSource = true;
-        forceTrigger = source.some(isReactive);
-        getter = () => source.map(s => {
-            if (isRef(s)) {
-                return s.value;
-            }
-            else if (isReactive(s)) {
-                return traverse(s);
-            }
-            else if (isFunction(s)) {
-                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
-            }
-            else {
-                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
-            }
-        });
-    }
-    else if (isFunction(source)) {
-        if (cb) {
-            // getter with cb
-            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
-        }
-        else {
-            // no cb -> simple effect
-            getter = () => {
-                if (instance && instance.isUnmounted) {
-                    return;
-                }
-                if (cleanup) {
-                    cleanup();
-                }
-                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
-            };
-        }
-    }
-    else {
-        getter = NOOP;
-        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
-    }
-    if (cb && deep) {
-        const baseGetter = getter;
-        getter = () => traverse(baseGetter());
-    }
-    let cleanup;
-    let onInvalidate = (fn) => {
-        cleanup = runner.options.onStop = () => {
-            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
-        };
-    };
-    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
-    const job = () => {
-        if (!runner.active) {
-            return;
-        }
-        if (cb) {
-            // watch(source, cb)
-            const newValue = runner();
-            if (deep ||
-                forceTrigger ||
-                (isMultiSource
-                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
-                    : hasChanged(newValue, oldValue)) ||
-                (false  )) {
-                // cleanup before running cb again
-                if (cleanup) {
-                    cleanup();
-                }
-                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                    newValue,
-                    // pass undefined as the old value when it's changed for the first time
-                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
-                    onInvalidate
-                ]);
-                oldValue = newValue;
-            }
-        }
-        else {
-            // watchEffect
-            runner();
-        }
-    };
-    // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
-    job.allowRecurse = !!cb;
-    let scheduler;
-    if (flush === 'sync') {
-        scheduler = job; // the scheduler function gets called directly
-    }
-    else if (flush === 'post') {
-        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-    }
-    else {
-        // default: 'pre'
-        scheduler = () => {
-            if (!instance || instance.isMounted) {
-                queuePreFlushCb(job);
-            }
-            else {
-                // with 'pre' option, the first call must happen before
-                // the component is mounted so it is called synchronously.
-                job();
-            }
-        };
+            warn$1(`<Suspense> slots expect a single root node.`);
+        }
+        s = singleChild;
     }
-    const runner = effect(getter, {
-        lazy: true,
-        onTrack,
-        onTrigger,
-        scheduler
-    });
-    recordInstanceBoundEffect(runner, instance);
-    // initial run
-    if (cb) {
-        if (immediate) {
-            job();
+    s = normalizeVNode(s);
+    if (block && !s.dynamicChildren) {
+        s.dynamicChildren = block.filter(c => c !== s);
+    }
+    return s;
+}
+function queueEffectWithSuspense(fn, suspense) {
+    if (suspense && suspense.pendingBranch) {
+        if (isArray(fn)) {
+            suspense.effects.push(...fn);
         }
         else {
-            oldValue = runner();
+            suspense.effects.push(fn);
         }
     }
-    else if (flush === 'post') {
-        queuePostRenderEffect(runner, instance && instance.suspense);
-    }
     else {
-        runner();
+        queuePostFlushCb(fn);
     }
-    return () => {
-        stop(runner);
-        if (instance) {
-            remove(instance.effects, runner);
-        }
-    };
 }
-// this.$watch
-function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source)
-        ? source.includes('.')
-            ? createPathGetter(publicThis, source)
-            : () => publicThis[source]
-        : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction(value)) {
-        cb = value;
+function setActiveBranch(suspense, branch) {
+    suspense.activeBranch = branch;
+    const { vnode, parentComponent } = suspense;
+    const el = (vnode.el = branch.el);
+    // in case suspense is the root node of a component,
+    // recursively update the HOC el
+    if (parentComponent && parentComponent.subTree === vnode) {
+        parentComponent.vnode.el = el;
+        updateHOCHostEl(parentComponent, el);
+    }
+}
+
+function provide(key, value) {
+    if (!currentInstance) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            warn$1(`provide() can only be used inside setup().`);
+        }
     }
     else {
-        cb = value.handler;
-        options = value;
+        let provides = currentInstance.provides;
+        // by default an instance inherits its parent's provides object
+        // but when it needs to provide values of its own, it creates its
+        // own provides object using parent provides object as prototype.
+        // this way in `inject` we can simply look up injections from direct
+        // parent and let the prototype chain do the work.
+        const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+        if (parentProvides === provides) {
+            provides = currentInstance.provides = Object.create(parentProvides);
+        }
+        // TS doesn't allow symbol as index type
+        provides[key] = value;
     }
-    return doWatch(getter, cb.bind(publicThis), options, this);
 }
-function createPathGetter(ctx, path) {
-    const segments = path.split('.');
-    return () => {
-        let cur = ctx;
-        for (let i = 0; i < segments.length && cur; i++) {
-            cur = cur[segments[i]];
+function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    // fallback to `currentRenderingInstance` so that this can be called in
+    // a functional component
+    const instance = currentInstance || currentRenderingInstance;
+    if (instance) {
+        // #2400
+        // to support `app.use` plugins,
+        // fallback to appContext's `provides` if the intance is at root
+        const provides = instance.parent == null
+            ? instance.vnode.appContext && instance.vnode.appContext.provides
+            : instance.parent.provides;
+        if (provides && key in provides) {
+            // TS doesn't allow symbol as index type
+            return provides[key];
         }
-        return cur;
-    };
-}
-function traverse(value, seen = new Set()) {
-    if (!isObject(value) ||
-        seen.has(value) ||
-        value["__v_skip" /* SKIP */]) {
-        return value;
-    }
-    seen.add(value);
-    if (isRef(value)) {
-        traverse(value.value, seen);
-    }
-    else if (isArray(value)) {
-        for (let i = 0; i < value.length; i++) {
-            traverse(value[i], seen);
+        else if (arguments.length > 1) {
+            return treatDefaultAsFactory && isFunction(defaultValue)
+                ? defaultValue.call(instance.proxy)
+                : defaultValue;
         }
-    }
-    else if (isSet(value) || isMap(value)) {
-        value.forEach((v) => {
-            traverse(v, seen);
-        });
-    }
-    else if (isPlainObject(value)) {
-        for (const key in value) {
-            traverse(value[key], seen);
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn$1(`injection "${String(key)}" not found.`);
         }
     }
-    return value;
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1(`inject() can only be used inside setup() or functional components.`);
+    }
 }
 
 function useTransitionState() {
@@ -3348,7 +2936,7 @@ const BaseTransitionImpl = {
             }
             // warn multiple elements
             if ((process.env.NODE_ENV !== 'production') && children.length > 1) {
-                warn('<transition> can only be used on a single element or component. Use ' +
+                warn$1('<transition> can only be used on a single element or component. Use ' +
                     '<transition-group> for lists.');
             }
             // there's no need to track reactivity for these props so use the raw
@@ -3357,7 +2945,7 @@ const BaseTransitionImpl = {
             const { mode } = rawProps;
             // check mode
             if ((process.env.NODE_ENV !== 'production') && mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-                warn(`invalid <transition> mode: ${mode}`);
+                warn$1(`invalid <transition> mode: ${mode}`);
             }
             // at this point children has a guaranteed length of 1.
             const child = children[0];
@@ -3634,39 +3222,40 @@ function defineAsyncComponent(source) {
     const load = () => {
         let thisRequest;
         return (pendingRequest ||
-            (thisRequest = pendingRequest = loader()
-                .catch(err => {
-                err = err instanceof Error ? err : new Error(String(err));
-                if (userOnError) {
-                    return new Promise((resolve, reject) => {
-                        const userRetry = () => resolve(retry());
-                        const userFail = () => reject(err);
-                        userOnError(err, userRetry, userFail, retries + 1);
-                    });
-                }
-                else {
-                    throw err;
-                }
-            })
-                .then((comp) => {
-                if (thisRequest !== pendingRequest && pendingRequest) {
-                    return pendingRequest;
-                }
-                if ((process.env.NODE_ENV !== 'production') && !comp) {
-                    warn(`Async component loader resolved to undefined. ` +
-                        `If you are using retry(), make sure to return its return value.`);
-                }
-                // interop module default
-                if (comp &&
-                    (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-                    comp = comp.default;
-                }
-                if ((process.env.NODE_ENV !== 'production') && comp && !isObject(comp) && !isFunction(comp)) {
-                    throw new Error(`Invalid async component load result: ${comp}`);
-                }
-                resolvedComp = comp;
-                return comp;
-            })));
+            (thisRequest = pendingRequest =
+                loader()
+                    .catch(err => {
+                    err = err instanceof Error ? err : new Error(String(err));
+                    if (userOnError) {
+                        return new Promise((resolve, reject) => {
+                            const userRetry = () => resolve(retry());
+                            const userFail = () => reject(err);
+                            userOnError(err, userRetry, userFail, retries + 1);
+                        });
+                    }
+                    else {
+                        throw err;
+                    }
+                })
+                    .then((comp) => {
+                    if (thisRequest !== pendingRequest && pendingRequest) {
+                        return pendingRequest;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && !comp) {
+                        warn$1(`Async component loader resolved to undefined. ` +
+                            `If you are using retry(), make sure to return its return value.`);
+                    }
+                    // interop module default
+                    if (comp &&
+                        (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                        comp = comp.default;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && comp && !isObject(comp) && !isFunction(comp)) {
+                        throw new Error(`Invalid async component load result: ${comp}`);
+                    }
+                    resolvedComp = comp;
+                    return comp;
+                })));
     };
     return defineComponent({
         name: 'AsyncComponentWrapper',
@@ -3892,7 +3481,7 @@ const KeepAliveImpl = {
             const rawVNode = children[0];
             if (children.length > 1) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`KeepAlive should contain exactly one component child.`);
+                    warn$1(`KeepAlive should contain exactly one component child.`);
                 }
                 current = null;
                 return children;
@@ -4061,9 +3650,9 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
                 // Set currentInstance during hook invocation.
                 // This assumes the hook does not synchronously trigger other hooks, which
                 // can only be false when the user does something really funky.
-                setCurrentInstance(target);
+                setCurrentInstance(target); // fixed by xxxxxx
                 const res = callWithAsyncErrorHandling(hook, target, type, args);
-                setCurrentInstance(null);
+                unsetCurrentInstance();
                 resetTracking();
                 return res;
             });
@@ -4077,7 +3666,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else if ((process.env.NODE_ENV !== 'production')) {
         const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn(`${apiName} is called when there is no active component instance to be ` +
+        warn$1(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -4106,7 +3695,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -4151,14 +3740,15 @@ function applyOptions(instance) {
     // - computed
     // - watch (deferred since it relies on `this` access)
     if (injectOptions) {
-        resolveInjections(injectOptions, ctx, checkDuplicateProperties);
+        resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
     }
     if (methods) {
         for (const key in methods) {
             const methodHandler = methods[key];
             if (isFunction(methodHandler)) {
-                // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-                // and those are read-only but reconfigurable, so it needs to be redefined here
+                // In dev mode, we use the `createRenderContext` function to define
+                // methods to the proxy target, and those are read-only but
+                // reconfigurable, so it needs to be redefined here
                 if ((process.env.NODE_ENV !== 'production')) {
                     Object.defineProperty(ctx, key, {
                         value: methodHandler.bind(publicThis),
@@ -4175,24 +3765,24 @@ function applyOptions(instance) {
                 }
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if ((process.env.NODE_ENV !== 'production') && !isFunction(dataOptions)) {
-            warn(`The data option must be a function. ` +
+            warn$1(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if ((process.env.NODE_ENV !== 'production') && isPromise(data)) {
-            warn(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!isObject(data)) {
-            (process.env.NODE_ENV !== 'production') && warn(`data() should return an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -4223,16 +3813,16 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : NOOP;
             if ((process.env.NODE_ENV !== 'production') && get === NOOP) {
-                warn(`Computed property "${key}" has no getter.`);
+                warn$1(`Computed property "${key}" has no getter.`);
             }
             const set = !isFunction(opt) && isFunction(opt.set)
                 ? opt.set.bind(publicThis)
                 : (process.env.NODE_ENV !== 'production')
                     ? () => {
-                        warn(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     : NOOP;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -4317,22 +3907,47 @@ function applyOptions(instance) {
         customApplyOptions(options, instance, publicThis);
     }
 }
-function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
+function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
     if (isArray(injectOptions)) {
         injectOptions = normalizeInject(injectOptions);
     }
     for (const key in injectOptions) {
         const opt = injectOptions[key];
+        let injected;
         if (isObject(opt)) {
             if ('default' in opt) {
-                ctx[key] = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+                injected = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+            }
+            else {
+                injected = inject(opt.from || key);
+            }
+        }
+        else {
+            injected = inject(opt);
+        }
+        if (isRef(injected)) {
+            // TODO remove the check in 3.3
+            if (unwrapRef) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    get: () => injected.value,
+                    set: v => (injected.value = v)
+                });
             }
             else {
-                ctx[key] = inject(opt.from || key);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                        `and no longer needs \`.value\` in the next minor release. ` +
+                        `To opt-in to the new behavior now, ` +
+                        `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
+                        `temporary and will not be needed in the future.)`);
+                }
+                ctx[key] = injected;
             }
         }
         else {
-            ctx[key] = inject(opt);
+            ctx[key] = injected;
         }
         if ((process.env.NODE_ENV !== 'production')) {
             checkDuplicateProperties("Inject" /* INJECT */, key);
@@ -4354,7 +3969,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (isFunction(raw)) {
@@ -4372,12 +3987,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid watch option: "${key}"`, raw);
+        warn$1(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -4420,7 +4035,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     for (const key in from) {
         if (asMixin && key === 'expose') {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`"expose" option is ignored when declared in mixins or extends. ` +
+                warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -4682,7 +4297,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
                 else {
                     setCurrentInstance(instance);
                     value = propsDefaults[key] = defaultValue.call(null, props);
-                    setCurrentInstance(null);
+                    unsetCurrentInstance();
                 }
             }
             else {
@@ -4738,7 +4353,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if ((process.env.NODE_ENV !== 'production') && !isString(raw[i])) {
-                warn(`props must be strings when using array syntax.`, raw[i]);
+                warn$1(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -4748,7 +4363,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if ((process.env.NODE_ENV !== 'production') && !isObject(raw)) {
-            warn(`invalid props options`, raw);
+            warn$1(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = camelize(key);
@@ -4779,7 +4394,7 @@ function validatePropName(key) {
         return true;
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid prop name: "${key}" is a reserved property.`);
+        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
@@ -4787,7 +4402,7 @@ function validatePropName(key) {
 // so that it works across vms / iframes.
 function getType(ctor) {
     const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
+    return match ? match[1] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -4821,7 +4436,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn('Missing required prop: "' + name + '"');
+        warn$1('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -4840,13 +4455,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn(getInvalidTypeMessage(name, value, expectedTypes));
+            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -4870,6 +4485,9 @@ function assertType(value, type) {
     else if (expectedType === 'Array') {
         valid = isArray(value);
     }
+    else if (expectedType === 'null') {
+        valid = value === null;
+    }
     else {
         valid = value instanceof type;
     }
@@ -4883,7 +4501,7 @@ function assertType(value, type) {
  */
 function getInvalidTypeMessage(name, value, expectedTypes) {
     let message = `Invalid prop: type check failed for prop "${name}".` +
-        ` Expected ${expectedTypes.map(capitalize).join(', ')}`;
+        ` Expected ${expectedTypes.map(capitalize).join(' | ')}`;
     const expectedType = expectedTypes[0];
     const receivedType = toRawType(value);
     const expectedValue = styleValue(value, expectedType);
@@ -4936,7 +4554,7 @@ const normalizeSlotValue = (value) => isArray(value)
 const normalizeSlot = (key, rawSlot, ctx) => {
     const normalized = withCtx((props) => {
         if ((process.env.NODE_ENV !== 'production') && currentInstance) {
-            warn(`Slot "${key}" invoked outside of the render function: ` +
+            warn$1(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -4957,7 +4575,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
         else if (value != null) {
             if ((process.env.NODE_ENV !== 'production') &&
                 !(false )) {
-                warn(`Non-function value encountered for slot "${key}". ` +
+                warn$1(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -4969,7 +4587,7 @@ const normalizeVNodeSlots = (instance, children) => {
     if ((process.env.NODE_ENV !== 'production') &&
         !isKeepAlive(instance.vnode) &&
         !(false )) {
-        warn(`Non-function value encountered for default slot. ` +
+        warn$1(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -5064,7 +4682,7 @@ return withDirectives(h(comp), [
 const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn('Do not use built-in directive ids as custom directive id: ' + name);
+        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 /**
@@ -5073,7 +4691,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-        (process.env.NODE_ENV !== 'production') && warn(`withDirectives can only be used inside render functions.`);
+        (process.env.NODE_ENV !== 'production') && warn$1(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
     const instance = internalInstance.proxy;
@@ -5086,6 +4704,9 @@ function withDirectives(vnode, directives) {
                 updated: dir
             };
         }
+        if (dir.deep) {
+            traverse(value);
+        }
         bindings.push({
             dir,
             instance,
@@ -5142,18 +4763,18 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid$1 = 0;
+let uid = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (rootProps != null && !isObject(rootProps)) {
-            (process.env.NODE_ENV !== 'production') && warn(`root props passed to app.mount() must be an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid$1++,
+            _uid: uid++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -5165,12 +4786,12 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    (process.env.NODE_ENV !== 'production') && warn(`Plugin has already been applied to target app.`);
+                    (process.env.NODE_ENV !== 'production') && warn$1(`Plugin has already been applied to target app.`);
                 }
                 else if (plugin && isFunction(plugin.install)) {
                     installedPlugins.add(plugin);
@@ -5181,7 +4802,7 @@ function createAppAPI(render, hydrate) {
                     plugin(app, ...options);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`A plugin must either be a function or an object with an "install" ` +
+                    warn$1(`A plugin must either be a function or an object with an "install" ` +
                         `function.`);
                 }
                 return app;
@@ -5192,12 +4813,12 @@ function createAppAPI(render, hydrate) {
                         context.mixins.push(mixin);
                     }
                     else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Mixin has already been applied to target app' +
+                        warn$1('Mixin has already been applied to target app' +
                             (mixin.name ? `: ${mixin.name}` : ''));
                     }
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Mixins are only available in builds supporting Options API');
+                    warn$1('Mixins are only available in builds supporting Options API');
                 }
                 return app;
             },
@@ -5209,7 +4830,7 @@ function createAppAPI(render, hydrate) {
                     return context.components[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.components[name]) {
-                    warn(`Component "${name}" has already been registered in target app.`);
+                    warn$1(`Component "${name}" has already been registered in target app.`);
                 }
                 context.components[name] = component;
                 return app;
@@ -5222,7 +4843,7 @@ function createAppAPI(render, hydrate) {
                     return context.directives[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.directives[name]) {
-                    warn(`Directive "${name}" has already been registered in target app.`);
+                    warn$1(`Directive "${name}" has already been registered in target app.`);
                 }
                 context.directives[name] = directive;
                 return app;
@@ -5255,7 +4876,7 @@ function createAppAPI(render, hydrate) {
                     return vnode.component.proxy;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`App has already been mounted.\n` +
+                    warn$1(`App has already been mounted.\n` +
                         `If you want to remount the same app, move your app creation logic ` +
                         `into a factory function and create fresh app instances for each ` +
                         `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -5271,12 +4892,12 @@ function createAppAPI(render, hydrate) {
                     delete app._container.__vue_app__;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`Cannot unmount an app that is not mounted.`);
+                    warn$1(`Cannot unmount an app that is not mounted.`);
                 }
             },
             provide(key, value) {
                 if ((process.env.NODE_ENV !== 'production') && key in context.provides) {
-                    warn(`App already provides property with key "${String(key)}". ` +
+                    warn$1(`App already provides property with key "${String(key)}". ` +
                         `It will be overwritten with the new value.`);
                 }
                 // TypeScript doesn't allow symbols as index type
@@ -5302,7 +4923,7 @@ function createHydrationFunctions(rendererInternals) {
     const hydrate = (vnode, container) => {
         if (!container.hasChildNodes()) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to hydrate existing markup but container is empty. ` +
+                warn$1(`Attempting to hydrate existing markup but container is empty. ` +
                     `Performing full mount instead.`);
             patch(null, vnode, container);
             flushPostFlushCbs();
@@ -5332,7 +4953,7 @@ function createHydrationFunctions(rendererInternals) {
                     if (node.data !== vnode.children) {
                         hasMismatch = true;
                         (process.env.NODE_ENV !== 'production') &&
-                            warn(`Hydration text mismatch:` +
+                            warn$1(`Hydration text mismatch:` +
                                 `\n- Client: ${JSON.stringify(node.data)}` +
                                 `\n- Server: ${JSON.stringify(vnode.children)}`);
                         node.data = vnode.children;
@@ -5433,7 +5054,7 @@ function createHydrationFunctions(rendererInternals) {
                     nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid HostVNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
                 }
         }
         if (ref != null) {
@@ -5456,8 +5077,8 @@ function createHydrationFunctions(rendererInternals) {
             if (props) {
                 if (forcePatchValue ||
                     !optimized ||
-                    (patchFlag & 16 /* FULL_PROPS */ ||
-                        patchFlag & 32 /* HYDRATE_EVENTS */)) {
+                    patchFlag & 16 /* FULL_PROPS */ ||
+                    patchFlag & 32 /* HYDRATE_EVENTS */) {
                     for (const key in props) {
                         if ((forcePatchValue && key.endsWith('value')) ||
                             (isOn(key) && !isReservedProp(key))) {
@@ -5494,7 +5115,7 @@ function createHydrationFunctions(rendererInternals) {
                 while (next) {
                     hasMismatch = true;
                     if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                        warn(`Hydration children mismatch in <${vnode.type}>: ` +
+                        warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
                             `server rendered element contains more child nodes than client vdom.`);
                         hasWarned = true;
                     }
@@ -5508,7 +5129,7 @@ function createHydrationFunctions(rendererInternals) {
                 if (el.textContent !== vnode.children) {
                     hasMismatch = true;
                     (process.env.NODE_ENV !== 'production') &&
-                        warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                        warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
                             `- Client: ${el.textContent}\n` +
                             `- Server: ${vnode.children}`);
                     el.textContent = vnode.children;
@@ -5535,7 +5156,7 @@ function createHydrationFunctions(rendererInternals) {
             else {
                 hasMismatch = true;
                 if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                    warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                    warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
                         `server rendered element contains fewer child nodes than client vdom.`);
                     hasWarned = true;
                 }
@@ -5569,7 +5190,7 @@ function createHydrationFunctions(rendererInternals) {
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
         hasMismatch = true;
         (process.env.NODE_ENV !== 'production') &&
-            warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
+            warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
                 ? `(text)`
                 : isComment(node) && node.data === '['
                     ? `(start of fragment)`
@@ -5633,142 +5254,55 @@ function endMeasure(instance, type) {
         perf.mark(endTag);
         perf.measure(`<${formatComponentName(instance, instance.type)}> ${type}`, startTag, endTag);
         perf.clearMarks(startTag);
-        perf.clearMarks(endTag);
-    }
-    if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
-        devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
-    }
-}
-function isSupported() {
-    if (supported !== undefined) {
-        return supported;
-    }
-    /* eslint-disable no-restricted-globals */
-    if (typeof window !== 'undefined' && window.performance) {
-        supported = true;
-        perf = window.performance;
-    }
-    else {
-        supported = false;
-    }
-    /* eslint-enable no-restricted-globals */
-    return supported;
-}
-
-/**
- * This is only called in esm-bundler builds.
- * It is called when a renderer is created, in `baseCreateRenderer` so that
- * importing runtime-core is side-effects free.
- *
- * istanbul-ignore-next
- */
-function initFeatureFlags() {
-    let needWarn = false;
-    if (typeof __VUE_OPTIONS_API__ !== 'boolean') {
-        needWarn = true;
-        getGlobalThis().__VUE_OPTIONS_API__ = true;
-    }
-    if (typeof __VUE_PROD_DEVTOOLS__ !== 'boolean') {
-        needWarn = true;
-        getGlobalThis().__VUE_PROD_DEVTOOLS__ = false;
-    }
-    if ((process.env.NODE_ENV !== 'production') && needWarn) {
-        console.warn(`You are running the esm-bundler build of Vue. It is recommended to ` +
-            `configure your bundler to explicitly replace feature flag globals ` +
-            `with boolean literals to get proper tree-shaking in the final bundle. ` +
-            `See http://link.vuejs.org/feature-flags for more details.`);
-    }
-}
-
-const prodEffectOptions = {
-    scheduler: queueJob,
-    // #1801, #2043 component render effects should allow recursive updates
-    allowRecurse: true
-};
-function createDevEffectOptions(instance) {
-    return {
-        scheduler: queueJob,
-        allowRecurse: true,
-        onTrack: instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0,
-        onTrigger: instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0
-    };
-}
-const queuePostRenderEffect = queueEffectWithSuspense
-    ;
-const setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (isArray(rawRef)) {
-        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-        return;
-    }
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-        // when mounting async components, nothing needs to be done,
-        // because the template ref is forwarded to inner component
-        return;
-    }
-    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
-        ? getExposeProxy(vnode.component) || vnode.component.proxy
-        : vnode.el;
-    const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref } = rawRef;
-    if ((process.env.NODE_ENV !== 'production') && !owner) {
-        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-            `A vnode with ref must be created inside the render function.`);
-        return;
-    }
-    const oldRef = oldRawRef && oldRawRef.r;
-    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
-    const setupState = owner.setupState;
-    // dynamic ref changed. unset old ref
-    if (oldRef != null && oldRef !== ref) {
-        if (isString(oldRef)) {
-            refs[oldRef] = null;
-            if (hasOwn(setupState, oldRef)) {
-                setupState[oldRef] = null;
-            }
-        }
-        else if (isRef(oldRef)) {
-            oldRef.value = null;
-        }
-    }
-    if (isString(ref)) {
-        const doSet = () => {
-            {
-                refs[ref] = value;
-            }
-            if (hasOwn(setupState, ref)) {
-                setupState[ref] = value;
-            }
-        };
-        // #1789: for non-null values, set them after render
-        // null values means this is unmount and it should not overwrite another
-        // ref with the same key
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
-        }
+        perf.clearMarks(endTag);
     }
-    else if (isRef(ref)) {
-        const doSet = () => {
-            ref.value = value;
-        };
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
-        }
+    if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
+        devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
     }
-    else if (isFunction(ref)) {
-        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+}
+function isSupported() {
+    if (supported !== undefined) {
+        return supported;
     }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn('Invalid template ref type:', value, `(${typeof value})`);
+    /* eslint-disable no-restricted-globals */
+    if (typeof window !== 'undefined' && window.performance) {
+        supported = true;
+        perf = window.performance;
     }
-};
+    else {
+        supported = false;
+    }
+    /* eslint-enable no-restricted-globals */
+    return supported;
+}
+
+/**
+ * This is only called in esm-bundler builds.
+ * It is called when a renderer is created, in `baseCreateRenderer` so that
+ * importing runtime-core is side-effects free.
+ *
+ * istanbul-ignore-next
+ */
+function initFeatureFlags() {
+    let needWarn = false;
+    if (typeof __VUE_OPTIONS_API__ !== 'boolean') {
+        needWarn = true;
+        getGlobalThis().__VUE_OPTIONS_API__ = true;
+    }
+    if (typeof __VUE_PROD_DEVTOOLS__ !== 'boolean') {
+        needWarn = true;
+        getGlobalThis().__VUE_PROD_DEVTOOLS__ = false;
+    }
+    if ((process.env.NODE_ENV !== 'production') && needWarn) {
+        console.warn(`You are running the esm-bundler build of Vue. It is recommended to ` +
+            `configure your bundler to explicitly replace feature flag globals ` +
+            `with boolean literals to get proper tree-shaking in the final bundle. ` +
+            `See http://link.vuejs.org/feature-flags for more details.`);
+    }
+}
+
+const queuePostRenderEffect = queueEffectWithSuspense
+    ;
 /**
  * The createRenderer function accepts two generic arguments:
  * HostNode and HostElement, corresponding to Node and Element types in the
@@ -5804,10 +5338,14 @@ function baseCreateRenderer(options, createHydrationFns) {
         target.__VUE__ = true;
         setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
     }
-    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, // fixed by xxxxxx
+    createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
     // Note: functions inside this closure should use `const xxx = () => {}`
     // style in order to prevent being inlined by minifiers.
-    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
+    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = (process.env.NODE_ENV !== 'production') && isHmrUpdating ? false : !!n2.dynamicChildren) => {
+        if (n1 === n2) {
+            return;
+        }
         // patching & not same type, unmount old tree
         if (n1 && !isSameVNodeType(n1, n2)) {
             anchor = getNextHostNode(n1);
@@ -5851,7 +5389,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid VNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
                 }
         }
         // set ref
@@ -5882,19 +5420,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const mountStaticNode = (n2, container, anchor, isSVG) => {
-        // static nodes are only present when used with compiler-dom/runtime-dom
-        // which guarantees presence of hostInsertStaticContent.
-        const nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, 
-        // pass cached nodes if the static node is being mounted multiple times
-        // so that runtime-dom can simply cloneNode() instead of inserting new
-        // HTML
-        n2.staticCache);
-        // first mount - this is the orignal hoisted vnode. cache nodes.
-        if (!n2.el) {
-            n2.staticCache = nodes;
-        }
-        n2.el = nodes[0];
-        n2.anchor = nodes[nodes.length - 1];
+        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
     };
     /**
      * Dev / HMR only
@@ -5963,7 +5489,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 hostSetElementText(el, vnode.children);
             }
             else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
             }
             if (dirs) {
                 invokeDirectiveHook(vnode, null, parentComponent, 'created');
@@ -5971,10 +5497,22 @@ function baseCreateRenderer(options, createHydrationFns) {
             // props
             if (props) {
                 for (const key in props) {
-                    if (!isReservedProp(key)) {
+                    if (key !== 'value' && !isReservedProp(key)) {
                         hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                     }
                 }
+                /**
+                 * Special case for setting value on DOM elements:
+                 * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+                 * - it needs to be forced (#1471)
+                 * #2353 proposes adding another renderer option to configure this, but
+                 * the properties affects are so finite it is worth special casing it
+                 * here to reduce the complexity. (Special casing it also should not
+                 * affect non-DOM renderers)
+                 */
+                if ('value' in props) {
+                    hostPatchProp(el, 'value', null, props.value);
+                }
                 if ((vnodeHook = props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parentComponent, vnode);
                 }
@@ -6101,8 +5639,11 @@ function baseCreateRenderer(options, createHydrationFns) {
                         const key = propsToUpdate[i];
                         const prev = oldProps[key];
                         const next = newProps[key];
+                        // #1471 force patch value
                         if (next !== prev ||
-                            (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                            key === 'value' ||
+                            (hostForcePatchProp && hostForcePatchProp(el, key)) // fixed by xxxxxx
+                        ) {
                             hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
                         }
                     }
@@ -6172,8 +5713,10 @@ function baseCreateRenderer(options, createHydrationFns) {
                     continue;
                 const next = newProps[key];
                 const prev = oldProps[key];
-                if (next !== prev ||
-                    (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                // defer patching value
+                if ((next !== prev && key !== 'value') ||
+                    (hostForcePatchProp && hostForcePatchProp(el, key)) // fixed by xxxxxx
+                ) {
                     hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                 }
             }
@@ -6184,6 +5727,9 @@ function baseCreateRenderer(options, createHydrationFns) {
                     }
                 }
             }
+            if ('value' in newProps) {
+                hostPatchProp(el, 'value', oldProps.value, newProps.value);
+            }
         }
     };
     const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
@@ -6194,8 +5740,11 @@ function baseCreateRenderer(options, createHydrationFns) {
             ? n1.anchor
             : hostCreateText('', container)); // fixed by xxxxxx
         let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-        if (dynamicChildren) {
-            optimized = true;
+        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
+            // HMR updated, force full diff
+            patchFlag = 0;
+            optimized = false;
+            dynamicChildren = null;
         }
         // check if this is a slot fragment with :slotted scope ids
         if (fragmentSlotScopeIds) {
@@ -6203,12 +5752,6 @@ function baseCreateRenderer(options, createHydrationFns) {
                 ? slotScopeIds.concat(fragmentSlotScopeIds)
                 : fragmentSlotScopeIds;
         }
-        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
-            // HMR updated, force full diff
-            patchFlag = 0;
-            optimized = false;
-            dynamicChildren = null;
-        }
         if (n1 == null) {
             hostInsert(fragmentStartAnchor, container, anchor);
             hostInsert(fragmentEndAnchor, container, anchor);
@@ -6335,7 +5878,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 // in case the child component is also queued, remove it to avoid
                 // double updating the same child component in the same flush.
                 invalidateJob(instance.update);
-                // instance.update is the reactive effect runner.
+                // instance.update is the reactive effect.
                 instance.update();
             }
         }
@@ -6347,12 +5890,12 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-        // create reactive effect for rendering
-        instance.update = effect(function componentEffect() {
+        const componentUpdateFn = () => {
             if (!instance.isMounted) {
                 let vnodeHook;
                 const { el, props } = initialVNode;
                 const { bm, m, parent } = instance;
+                effect.allowRecurse = false;
                 // beforeMount hook
                 if (bm) {
                     invokeArrayFns(bm);
@@ -6361,6 +5904,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = props && props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parent, initialVNode);
                 }
+                effect.allowRecurse = true;
                 if (el && hydrateNode) {
                     // vnode has adopted host node - perform hydration instead of mount.
                     const hydrateSubTree = () => {
@@ -6447,6 +5991,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                 else {
                     next = vnode;
                 }
+                // Disallow component effect recursion during pre-lifecycle hooks.
+                effect.allowRecurse = false;
                 // beforeUpdate hook
                 if (bu) {
                     invokeArrayFns(bu);
@@ -6455,6 +6001,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
                     invokeVNodeHook(vnodeHook, parent, next, vnode);
                 }
+                effect.allowRecurse = true;
                 // render
                 if ((process.env.NODE_ENV !== 'production')) {
                     startMeasure(instance, `render`);
@@ -6498,11 +6045,26 @@ function baseCreateRenderer(options, createHydrationFns) {
                     popWarningContext();
                 }
             }
-        }, (process.env.NODE_ENV !== 'production') ? createDevEffectOptions(instance) : prodEffectOptions);
+        };
+        // create reactive effect for rendering
+        const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+        );
+        const update = (instance.update = effect.run.bind(effect));
+        update.id = instance.uid;
+        // allowRecurse
+        // #1801, #2043 component render effects should allow recursive updates
+        effect.allowRecurse = update.allowRecurse = true;
         if ((process.env.NODE_ENV !== 'production')) {
-            // @ts-ignore
-            instance.update.ownerInstance = instance;
-        }
+            effect.onTrack = instance.rtc
+                ? e => invokeArrayFns(instance.rtc, e)
+                : void 0;
+            effect.onTrigger = instance.rtg
+                ? e => invokeArrayFns(instance.rtg, e)
+                : void 0;
+            // @ts-ignore (for scheduler)
+            update.ownerInstance = instance;
+        }
+        update();
     };
     const updateComponentPreRender = (instance, nextVNode, optimized) => {
         nextVNode.component = instance;
@@ -6679,7 +6241,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     : normalizeVNode(c2[i]));
                 if (nextChild.key != null) {
                     if ((process.env.NODE_ENV !== 'production') && keyToNewIndexMap.has(nextChild.key)) {
-                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                     }
                     keyToNewIndexMap.set(nextChild.key, i);
                 }
@@ -6765,1812 +6327,2607 @@ function baseCreateRenderer(options, createHydrationFns) {
             }
         }
     };
-    const move = (vnode, container, anchor, moveType, parentSuspense = null) => {
-        const { el, type, transition, children, shapeFlag } = vnode;
-        if (shapeFlag & 6 /* COMPONENT */) {
-            move(vnode.component.subTree, container, anchor, moveType);
-            return;
+    const move = (vnode, container, anchor, moveType, parentSuspense = null) => {
+        const { el, type, transition, children, shapeFlag } = vnode;
+        if (shapeFlag & 6 /* COMPONENT */) {
+            move(vnode.component.subTree, container, anchor, moveType);
+            return;
+        }
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            vnode.suspense.move(container, anchor, moveType);
+            return;
+        }
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type.move(vnode, container, anchor, internals);
+            return;
+        }
+        if (type === Fragment) {
+            hostInsert(el, container, anchor);
+            for (let i = 0; i < children.length; i++) {
+                move(children[i], container, anchor, moveType);
+            }
+            hostInsert(vnode.anchor, container, anchor);
+            return;
+        }
+        if (type === Static) {
+            moveStaticNode(vnode, container, anchor);
+            return;
+        }
+        // single nodes
+        const needTransition = moveType !== 2 /* REORDER */ &&
+            shapeFlag & 1 /* ELEMENT */ &&
+            transition;
+        if (needTransition) {
+            if (moveType === 0 /* ENTER */) {
+                transition.beforeEnter(el);
+                hostInsert(el, container, anchor);
+                queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+            }
+            else {
+                const { leave, delayLeave, afterLeave } = transition;
+                const remove = () => hostInsert(el, container, anchor);
+                const performLeave = () => {
+                    leave(el, () => {
+                        remove();
+                        afterLeave && afterLeave();
+                    });
+                };
+                if (delayLeave) {
+                    delayLeave(el, remove, performLeave);
+                }
+                else {
+                    performLeave();
+                }
+            }
+        }
+        else {
+            hostInsert(el, container, anchor);
+        }
+    };
+    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
+        const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
+        // unset ref
+        if (ref != null) {
+            setRef(ref, null, parentSuspense, vnode, true);
+        }
+        if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
+            parentComponent.ctx.deactivate(vnode);
+            return;
+        }
+        const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
+        let vnodeHook;
+        if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
+            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+        }
+        if (shapeFlag & 6 /* COMPONENT */) {
+            unmountComponent(vnode.component, parentSuspense, doRemove);
+        }
+        else {
+            if (shapeFlag & 128 /* SUSPENSE */) {
+                vnode.suspense.unmount(parentSuspense, doRemove);
+                return;
+            }
+            if (shouldInvokeDirs) {
+                invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
+            }
+            if (shapeFlag & 64 /* TELEPORT */) {
+                vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+            }
+            else if (dynamicChildren &&
+                // #1153: fast path should not be taken for non-stable (v-for) fragments
+                (type !== Fragment ||
+                    (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
+                // fast path for block nodes: only need to unmount dynamic children.
+                unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+            }
+            else if ((type === Fragment &&
+                (patchFlag & 128 /* KEYED_FRAGMENT */ ||
+                    patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
+                (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
+                unmountChildren(children, parentComponent, parentSuspense);
+            }
+            if (doRemove) {
+                remove(vnode);
+            }
+        }
+        if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
+            queuePostRenderEffect(() => {
+                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                shouldInvokeDirs &&
+                    invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
+            }, parentSuspense);
+        }
+    };
+    const remove = vnode => {
+        const { type, el, anchor, transition } = vnode;
+        if (type === Fragment) {
+            removeFragment(el, anchor);
+            return;
+        }
+        if (type === Static) {
+            removeStaticNode(vnode);
+            return;
+        }
+        const performRemove = () => {
+            hostRemove(el);
+            if (transition && !transition.persisted && transition.afterLeave) {
+                transition.afterLeave();
+            }
+        };
+        if (vnode.shapeFlag & 1 /* ELEMENT */ &&
+            transition &&
+            !transition.persisted) {
+            const { leave, delayLeave } = transition;
+            const performLeave = () => leave(el, performRemove);
+            if (delayLeave) {
+                delayLeave(vnode.el, performRemove, performLeave);
+            }
+            else {
+                performLeave();
+            }
+        }
+        else {
+            performRemove();
+        }
+    };
+    const removeFragment = (cur, end) => {
+        // For fragments, directly remove all contained DOM nodes.
+        // (fragment child nodes cannot have transition)
+        let next;
+        while (cur !== end) {
+            next = hostNextSibling(cur);
+            hostRemove(cur);
+            cur = next;
+        }
+        hostRemove(end);
+    };
+    const unmountComponent = (instance, parentSuspense, doRemove) => {
+        if ((process.env.NODE_ENV !== 'production') && instance.type.__hmrId) {
+            unregisterHMR(instance);
+        }
+        const { bum, scope, update, subTree, um } = instance;
+        // beforeUnmount hook
+        if (bum) {
+            invokeArrayFns(bum);
+        }
+        // stop effects in component scope
+        scope.stop();
+        // update may be null if a component is unmounted before its async
+        // setup has resolved.
+        if (update) {
+            // so that scheduler will no longer invoke it
+            update.active = false;
+            unmount(subTree, instance, parentSuspense, doRemove);
+        }
+        // unmounted hook
+        if (um) {
+            queuePostRenderEffect(um, parentSuspense);
+        }
+        queuePostRenderEffect(() => {
+            instance.isUnmounted = true;
+        }, parentSuspense);
+        // A component with async dep inside a pending suspense is unmounted before
+        // its async dep resolves. This should remove the dep from the suspense, and
+        // cause the suspense to resolve immediately if that was the last dep.
+        if (parentSuspense &&
+            parentSuspense.pendingBranch &&
+            !parentSuspense.isUnmounted &&
+            instance.asyncDep &&
+            !instance.asyncResolved &&
+            instance.suspenseId === parentSuspense.pendingId) {
+            parentSuspense.deps--;
+            if (parentSuspense.deps === 0) {
+                parentSuspense.resolve();
+            }
+        }
+        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
+            devtoolsComponentRemoved(instance);
+        }
+    };
+    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
+        for (let i = start; i < children.length; i++) {
+            unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
         }
-        if (shapeFlag & 128 /* SUSPENSE */) {
-            vnode.suspense.move(container, anchor, moveType);
-            return;
+    };
+    const getNextHostNode = vnode => {
+        if (vnode.shapeFlag & 6 /* COMPONENT */) {
+            return getNextHostNode(vnode.component.subTree);
         }
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type.move(vnode, container, anchor, internals);
-            return;
+        if (vnode.shapeFlag & 128 /* SUSPENSE */) {
+            return vnode.suspense.next();
         }
-        if (type === Fragment) {
-            hostInsert(el, container, anchor);
-            for (let i = 0; i < children.length; i++) {
-                move(children[i], container, anchor, moveType);
+        return hostNextSibling((vnode.anchor || vnode.el));
+    };
+    const render = (vnode, container, isSVG) => {
+        if (vnode == null) {
+            if (container._vnode) {
+                unmount(container._vnode, null, null, true);
             }
-            hostInsert(vnode.anchor, container, anchor);
-            return;
         }
-        if (type === Static) {
-            moveStaticNode(vnode, container, anchor);
-            return;
+        else {
+            patch(container._vnode || null, vnode, container, null, null, null, isSVG);
         }
-        // single nodes
-        const needTransition = moveType !== 2 /* REORDER */ &&
-            shapeFlag & 1 /* ELEMENT */ &&
-            transition;
-        if (needTransition) {
-            if (moveType === 0 /* ENTER */) {
-                transition.beforeEnter(el);
-                hostInsert(el, container, anchor);
-                queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+        flushPostFlushCbs();
+        container._vnode = vnode;
+    };
+    const internals = {
+        p: patch,
+        um: unmount,
+        m: move,
+        r: remove,
+        mt: mountComponent,
+        mc: mountChildren,
+        pc: patchChildren,
+        pbc: patchBlockChildren,
+        n: getNextHostNode,
+        o: options
+    };
+    let hydrate;
+    let hydrateNode;
+    if (createHydrationFns) {
+        [hydrate, hydrateNode] = createHydrationFns(internals);
+    }
+    return {
+        render,
+        hydrate,
+        createApp: createAppAPI(render, hydrate)
+    };
+}
+function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (isArray(rawRef)) {
+        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+        return;
+    }
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+        // when mounting async components, nothing needs to be done,
+        // because the template ref is forwarded to inner component
+        return;
+    }
+    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
+        ? getExposeProxy(vnode.component) || vnode.component.proxy
+        : vnode.el;
+    const value = isUnmount ? null : refValue;
+    const { i: owner, r: ref } = rawRef;
+    if ((process.env.NODE_ENV !== 'production') && !owner) {
+        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+            `A vnode with ref must be created inside the render function.`);
+        return;
+    }
+    const oldRef = oldRawRef && oldRawRef.r;
+    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
+    const setupState = owner.setupState;
+    // dynamic ref changed. unset old ref
+    if (oldRef != null && oldRef !== ref) {
+        if (isString(oldRef)) {
+            refs[oldRef] = null;
+            if (hasOwn(setupState, oldRef)) {
+                setupState[oldRef] = null;
             }
-            else {
-                const { leave, delayLeave, afterLeave } = transition;
-                const remove = () => hostInsert(el, container, anchor);
-                const performLeave = () => {
-                    leave(el, () => {
-                        remove();
-                        afterLeave && afterLeave();
-                    });
-                };
-                if (delayLeave) {
-                    delayLeave(el, remove, performLeave);
+        }
+        else if (isRef(oldRef)) {
+            oldRef.value = null;
+        }
+    }
+    if (isString(ref)) {
+        const doSet = () => {
+            {
+                refs[ref] = value;
+            }
+            if (hasOwn(setupState, ref)) {
+                setupState[ref] = value;
+            }
+        };
+        // #1789: for non-null values, set them after render
+        // null values means this is unmount and it should not overwrite another
+        // ref with the same key
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isRef(ref)) {
+        const doSet = () => {
+            ref.value = value;
+        };
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isFunction(ref)) {
+        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1('Invalid template ref type:', value, `(${typeof value})`);
+    }
+}
+function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
+    callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
+        vnode,
+        prevVNode
+    ]);
+}
+/**
+ * #1156
+ * When a component is HMR-enabled, we need to make sure that all static nodes
+ * inside a block also inherit the DOM element from the previous tree so that
+ * HMR updates (which are full updates) can retrieve the element for patching.
+ *
+ * #2080
+ * Inside keyed `template` fragment static children, if a fragment is moved,
+ * the children will always moved so that need inherit el form previous nodes
+ * to ensure correct moved position.
+ */
+function traverseStaticChildren(n1, n2, shallow = false) {
+    const ch1 = n1.children;
+    const ch2 = n2.children;
+    if (isArray(ch1) && isArray(ch2)) {
+        for (let i = 0; i < ch1.length; i++) {
+            // this is only called in the optimized path so array children are
+            // guaranteed to be vnodes
+            const c1 = ch1[i];
+            let c2 = ch2[i];
+            if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) {
+                if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) {
+                    c2 = ch2[i] = cloneIfMounted(ch2[i]);
+                    c2.el = c1.el;
+                }
+                if (!shallow)
+                    traverseStaticChildren(c1, c2);
+            }
+            // also inherit for comment nodes, but not placeholders (e.g. v-if which
+            // would have received .el during block patch)
+            if ((process.env.NODE_ENV !== 'production') && c2.type === Comment$1 && !c2.el) {
+                c2.el = c1.el;
+            }
+        }
+    }
+}
+// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
+function getSequence(arr) {
+    const p = arr.slice();
+    const result = [0];
+    let i, j, u, v, c;
+    const len = arr.length;
+    for (i = 0; i < len; i++) {
+        const arrI = arr[i];
+        if (arrI !== 0) {
+            j = result[result.length - 1];
+            if (arr[j] < arrI) {
+                p[i] = j;
+                result.push(i);
+                continue;
+            }
+            u = 0;
+            v = result.length - 1;
+            while (u < v) {
+                c = (u + v) >> 1;
+                if (arr[result[c]] < arrI) {
+                    u = c + 1;
                 }
                 else {
-                    performLeave();
+                    v = c;
+                }
+            }
+            if (arrI < arr[result[u]]) {
+                if (u > 0) {
+                    p[i] = result[u - 1];
                 }
+                result[u] = i;
             }
         }
+    }
+    u = result.length;
+    v = result[u - 1];
+    while (u-- > 0) {
+        result[u] = v;
+        v = p[v];
+    }
+    return result;
+}
+
+const isTeleport = (type) => type.__isTeleport;
+const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
+const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
+const resolveTarget = (props, select) => {
+    const targetSelector = props && props.to;
+    if (isString(targetSelector)) {
+        if (!select) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Current renderer does not support string target for Teleports. ` +
+                    `(missing querySelector renderer option)`);
+            return null;
+        }
         else {
-            hostInsert(el, container, anchor);
-        }
-    };
-    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-        const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
-        // unset ref
-        if (ref != null) {
-            setRef(ref, null, parentSuspense, vnode, true);
-        }
-        if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
-            parentComponent.ctx.deactivate(vnode);
-            return;
+            const target = select(targetSelector);
+            if (!target) {
+                (process.env.NODE_ENV !== 'production') &&
+                    warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                        `Note the target element must exist before the component is mounted - ` +
+                        `i.e. the target cannot be rendered by the component itself, and ` +
+                        `ideally should be outside of the entire Vue component tree.`);
+            }
+            return target;
         }
-        const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
-        let vnodeHook;
-        if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
-            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+    }
+    else {
+        if ((process.env.NODE_ENV !== 'production') && !targetSelector && !isTeleportDisabled(props)) {
+            warn$1(`Invalid Teleport target: ${targetSelector}`);
         }
-        if (shapeFlag & 6 /* COMPONENT */) {
-            unmountComponent(vnode.component, parentSuspense, doRemove);
+        return targetSelector;
+    }
+};
+const TeleportImpl = {
+    __isTeleport: true,
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
+        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+        const disabled = isTeleportDisabled(n2.props);
+        let { shapeFlag, children, dynamicChildren } = n2;
+        // #3302
+        // HMR updated, force full diff
+        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
+            optimized = false;
+            dynamicChildren = null;
         }
-        else {
-            if (shapeFlag & 128 /* SUSPENSE */) {
-                vnode.suspense.unmount(parentSuspense, doRemove);
-                return;
+        if (n1 == null) {
+            // insert anchors in the main view
+            const placeholder = (n2.el = (process.env.NODE_ENV !== 'production')
+                ? createComment('teleport start', container) // fixed by xxxxxx
+                : createText('', container)); // fixed by xxxxxx
+            const mainAnchor = (n2.anchor = (process.env.NODE_ENV !== 'production')
+                ? createComment('teleport end', container) // fixed by xxxxxx
+                : createText('', container)); // fixed by xxxxxx
+            insert(placeholder, container, anchor);
+            insert(mainAnchor, container, anchor);
+            const target = (n2.target = resolveTarget(n2.props, querySelector));
+            const targetAnchor = (n2.targetAnchor = createText('', container)); // fixed by xxxxxx
+            if (target) {
+                insert(targetAnchor, target);
+                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
+                isSVG = isSVG || isTargetSVG(target);
             }
-            if (shouldInvokeDirs) {
-                invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
+            else if ((process.env.NODE_ENV !== 'production') && !disabled) {
+                warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
             }
-            if (shapeFlag & 64 /* TELEPORT */) {
-                vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+            const mount = (container, anchor) => {
+                // Teleport *always* has Array children. This is enforced in both the
+                // compiler and vnode children normalization.
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
+            };
+            if (disabled) {
+                mount(container, mainAnchor);
             }
-            else if (dynamicChildren &&
-                // #1153: fast path should not be taken for non-stable (v-for) fragments
-                (type !== Fragment ||
-                    (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
-                // fast path for block nodes: only need to unmount dynamic children.
-                unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+            else if (target) {
+                mount(target, targetAnchor);
             }
-            else if ((type === Fragment &&
-                (patchFlag & 128 /* KEYED_FRAGMENT */ ||
-                    patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
-                (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
-                unmountChildren(children, parentComponent, parentSuspense);
+        }
+        else {
+            // update content
+            n2.el = n1.el;
+            const mainAnchor = (n2.anchor = n1.anchor);
+            const target = (n2.target = n1.target);
+            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
+            const wasDisabled = isTeleportDisabled(n1.props);
+            const currentContainer = wasDisabled ? container : target;
+            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
+            isSVG = isSVG || isTargetSVG(target);
+            if (dynamicChildren) {
+                // fast path when the teleport happens to be a block root
+                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
+                // even in block tree mode we need to make sure all root-level nodes
+                // in the teleport inherit previous DOM references so that they can
+                // be moved in future patches.
+                traverseStaticChildren(n1, n2, true);
             }
-            if (doRemove) {
-                remove(vnode);
+            else if (!optimized) {
+                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
+            }
+            if (disabled) {
+                if (!wasDisabled) {
+                    // enabled -> disabled
+                    // move into main container
+                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
+                }
+            }
+            else {
+                // target changed
+                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
+                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
+                    if (nextTarget) {
+                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
+                    }
+                    else if ((process.env.NODE_ENV !== 'production')) {
+                        warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
+                    }
+                }
+                else if (wasDisabled) {
+                    // disabled -> enabled
+                    // move into teleport target
+                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
+                }
             }
         }
-        if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
-            queuePostRenderEffect(() => {
-                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-                shouldInvokeDirs &&
-                    invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
-            }, parentSuspense);
-        }
-    };
-    const remove = vnode => {
-        const { type, el, anchor, transition } = vnode;
-        if (type === Fragment) {
-            removeFragment(el, anchor);
-            return;
+    },
+    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
+        if (target) {
+            hostRemove(targetAnchor);
         }
-        if (type === Static) {
-            removeStaticNode(vnode);
-            return;
+        // an unmounted teleport should always remove its children if not disabled
+        if (doRemove || !isTeleportDisabled(props)) {
+            hostRemove(anchor);
+            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                for (let i = 0; i < children.length; i++) {
+                    const child = children[i];
+                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+                }
+            }
         }
-        const performRemove = () => {
-            hostRemove(el);
-            if (transition && !transition.persisted && transition.afterLeave) {
-                transition.afterLeave();
+    },
+    move: moveTeleport,
+    hydrate: hydrateTeleport
+};
+function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
+    // move target anchor if this is a target change.
+    if (moveType === 0 /* TARGET_CHANGE */) {
+        insert(vnode.targetAnchor, container, parentAnchor);
+    }
+    const { el, anchor, shapeFlag, children, props } = vnode;
+    const isReorder = moveType === 2 /* REORDER */;
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(el, container, parentAnchor);
+    }
+    // if this is a re-order and teleport is enabled (content is in target)
+    // do not move children. So the opposite is: only move children if this
+    // is not a reorder, or the teleport is disabled
+    if (!isReorder || isTeleportDisabled(props)) {
+        // Teleport has either Array children or no children.
+        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            for (let i = 0; i < children.length; i++) {
+                move(children[i], container, parentAnchor, 2 /* REORDER */);
             }
-        };
-        if (vnode.shapeFlag & 1 /* ELEMENT */ &&
-            transition &&
-            !transition.persisted) {
-            const { leave, delayLeave } = transition;
-            const performLeave = () => leave(el, performRemove);
-            if (delayLeave) {
-                delayLeave(vnode.el, performRemove, performLeave);
+        }
+    }
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(anchor, container, parentAnchor);
+    }
+}
+function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
+    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
+    if (target) {
+        // if multiple teleports rendered to the same target element, we need to
+        // pick up from where the last teleport finished instead of the first node
+        const targetNode = target._lpa || target.firstChild;
+        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            if (isTeleportDisabled(vnode.props)) {
+                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
+                vnode.targetAnchor = targetNode;
             }
             else {
-                performLeave();
+                vnode.anchor = nextSibling(node);
+                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+            }
+            target._lpa =
+                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+        }
+    }
+    return vnode.anchor && nextSibling(vnode.anchor);
+}
+// Force-casted public typing for h and TSX props inference
+const Teleport = TeleportImpl;
+
+const COMPONENTS = 'components';
+const DIRECTIVES = 'directives';
+/**
+ * @private
+ */
+function resolveComponent(name, maybeSelfReference) {
+    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+}
+const NULL_DYNAMIC_COMPONENT = Symbol();
+/**
+ * @private
+ */
+function resolveDynamicComponent(component) {
+    if (isString(component)) {
+        return resolveAsset(COMPONENTS, component, false) || component;
+    }
+    else {
+        // invalid types will fallthrough to createVNode and raise warning
+        return (component || NULL_DYNAMIC_COMPONENT);
+    }
+}
+/**
+ * @private
+ */
+function resolveDirective(name) {
+    return resolveAsset(DIRECTIVES, name);
+}
+// implementation
+function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
+    const instance = currentRenderingInstance || currentInstance;
+    if (instance) {
+        const Component = instance.type;
+        // explicit self name has highest priority
+        if (type === COMPONENTS) {
+            const selfName = getComponentName(Component);
+            if (selfName &&
+                (selfName === name ||
+                    selfName === camelize(name) ||
+                    selfName === capitalize(camelize(name)))) {
+                return Component;
             }
         }
-        else {
-            performRemove();
+        const res = 
+        // local registration
+        // check instance[type] first which is resolved for options API
+        resolve(instance[type] || Component[type], name) ||
+            // global registration
+            resolve(instance.appContext[type], name);
+        if (!res && maybeSelfReference) {
+            // fallback to implicit self-reference
+            return Component;
         }
-    };
-    const removeFragment = (cur, end) => {
-        // For fragments, directly remove all contained DOM nodes.
-        // (fragment child nodes cannot have transition)
-        let next;
-        while (cur !== end) {
-            next = hostNextSibling(cur);
-            hostRemove(cur);
-            cur = next;
+        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
+            warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
         }
-        hostRemove(end);
+        return res;
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1(`resolve${capitalize(type.slice(0, -1))} ` +
+            `can only be used in render() or setup().`);
+    }
+}
+function resolve(registry, name) {
+    return (registry &&
+        (registry[name] ||
+            registry[camelize(name)] ||
+            registry[capitalize(camelize(name))]));
+}
+
+const Fragment = Symbol((process.env.NODE_ENV !== 'production') ? 'Fragment' : undefined);
+const Text = Symbol((process.env.NODE_ENV !== 'production') ? 'Text' : undefined);
+const Comment$1 = Symbol((process.env.NODE_ENV !== 'production') ? 'Comment' : undefined);
+const Static = Symbol((process.env.NODE_ENV !== 'production') ? 'Static' : undefined);
+// Since v-if and v-for are the two possible ways node structure can dynamically
+// change, once we consider v-if branches and each v-for fragment a block, we
+// can divide a template into nested blocks, and within each block the node
+// structure would be stable. This allows us to skip most children diffing
+// and only worry about the dynamic nodes (indicated by patch flags).
+const blockStack = [];
+let currentBlock = null;
+/**
+ * Open a block.
+ * This must be called before `createBlock`. It cannot be part of `createBlock`
+ * because the children of the block are evaluated before `createBlock` itself
+ * is called. The generated code typically looks like this:
+ *
+ * ```js
+ * function render() {
+ *   return (openBlock(),createBlock('div', null, [...]))
+ * }
+ * ```
+ * disableTracking is true when creating a v-for fragment block, since a v-for
+ * fragment always diffs its children.
+ *
+ * @private
+ */
+function openBlock(disableTracking = false) {
+    blockStack.push((currentBlock = disableTracking ? null : []));
+}
+function closeBlock() {
+    blockStack.pop();
+    currentBlock = blockStack[blockStack.length - 1] || null;
+}
+// Whether we should be tracking dynamic child nodes inside a block.
+// Only tracks when this value is > 0
+// We are not using a simple boolean because this value may need to be
+// incremented/decremented by nested usage of v-once (see below)
+let isBlockTreeEnabled = 1;
+/**
+ * Block tracking sometimes needs to be disabled, for example during the
+ * creation of a tree that needs to be cached by v-once. The compiler generates
+ * code like this:
+ *
+ * ``` js
+ * _cache[1] || (
+ *   setBlockTracking(-1),
+ *   _cache[1] = createVNode(...),
+ *   setBlockTracking(1),
+ *   _cache[1]
+ * )
+ * ```
+ *
+ * @private
+ */
+function setBlockTracking(value) {
+    isBlockTreeEnabled += value;
+}
+function setupBlock(vnode) {
+    // save current block children on the block vnode
+    vnode.dynamicChildren =
+        isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
+    // close block
+    closeBlock();
+    // a block is always going to be patched, so track it as a child of its
+    // parent block
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(vnode);
+    }
+    return vnode;
+}
+/**
+ * @private
+ */
+function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */));
+}
+/**
+ * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+ * A block root keeps track of dynamic nodes within the block in the
+ * `dynamicChildren` array.
+ *
+ * @private
+ */
+function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */));
+}
+function isVNode(value) {
+    return value ? value.__v_isVNode === true : false;
+}
+function isSameVNodeType(n1, n2) {
+    if ((process.env.NODE_ENV !== 'production') &&
+        n2.shapeFlag & 6 /* COMPONENT */ &&
+        hmrDirtyComponents.has(n2.type)) {
+        // HMR only: if the component has been hot-updated, force a reload.
+        return false;
+    }
+    return n1.type === n2.type && n1.key === n2.key;
+}
+let vnodeArgsTransformer;
+/**
+ * Internal API for registering an arguments transform for createVNode
+ * used for creating stubs in the test-utils
+ * It is *internal* but needs to be exposed for test-utils to pick up proper
+ * typings
+ */
+function transformVNodeArgs(transformer) {
+    vnodeArgsTransformer = transformer;
+}
+const createVNodeWithArgsTransform = (...args) => {
+    return _createVNode(...(vnodeArgsTransformer
+        ? vnodeArgsTransformer(args, currentRenderingInstance)
+        : args));
+};
+const InternalObjectKey = `__vInternal`;
+const normalizeKey = ({ key }) => key != null ? key : null;
+const normalizeRef = ({ ref }) => {
+    return (ref != null
+        ? isString(ref) || isRef(ref) || isFunction(ref)
+            ? { i: currentRenderingInstance, r: ref }
+            : ref
+        : null);
+};
+function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) {
+    const vnode = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type,
+        props,
+        key: props && normalizeKey(props),
+        ref: props && normalizeRef(props),
+        scopeId: currentScopeId,
+        slotScopeIds: null,
+        children,
+        component: null,
+        suspense: null,
+        ssContent: null,
+        ssFallback: null,
+        dirs: null,
+        transition: null,
+        el: null,
+        anchor: null,
+        target: null,
+        targetAnchor: null,
+        staticCount: 0,
+        shapeFlag,
+        patchFlag,
+        dynamicProps,
+        dynamicChildren: null,
+        appContext: null
     };
-    const unmountComponent = (instance, parentSuspense, doRemove) => {
-        if ((process.env.NODE_ENV !== 'production') && instance.type.__hmrId) {
-            unregisterHMR(instance);
-        }
-        const { bum, effects, update, subTree, um } = instance;
-        // beforeUnmount hook
-        if (bum) {
-            invokeArrayFns(bum);
-        }
-        if (effects) {
-            for (let i = 0; i < effects.length; i++) {
-                stop(effects[i]);
-            }
-        }
-        // update may be null if a component is unmounted before its async
-        // setup has resolved.
-        if (update) {
-            stop(update);
-            unmount(subTree, instance, parentSuspense, doRemove);
-        }
-        // unmounted hook
-        if (um) {
-            queuePostRenderEffect(um, parentSuspense);
-        }
-        queuePostRenderEffect(() => {
-            instance.isUnmounted = true;
-        }, parentSuspense);
-        // A component with async dep inside a pending suspense is unmounted before
-        // its async dep resolves. This should remove the dep from the suspense, and
-        // cause the suspense to resolve immediately if that was the last dep.
-        if (parentSuspense &&
-            parentSuspense.pendingBranch &&
-            !parentSuspense.isUnmounted &&
-            instance.asyncDep &&
-            !instance.asyncResolved &&
-            instance.suspenseId === parentSuspense.pendingId) {
-            parentSuspense.deps--;
-            if (parentSuspense.deps === 0) {
-                parentSuspense.resolve();
-            }
-        }
-        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
-            devtoolsComponentRemoved(instance);
+    if (needFullChildrenNormalization) {
+        normalizeChildren(vnode, children);
+        // normalize suspense children
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            type.normalize(vnode);
         }
-    };
-    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
-        for (let i = start; i < children.length; i++) {
-            unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
+    }
+    else if (children) {
+        // compiled element vnode - if children is passed, only possible types are
+        // string or Array.
+        vnode.shapeFlag |= isString(children)
+            ? 8 /* TEXT_CHILDREN */
+            : 16 /* ARRAY_CHILDREN */;
+    }
+    // validate key
+    if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
+        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    }
+    // track vnode for block tree
+    if (isBlockTreeEnabled > 0 &&
+        // avoid a block node from tracking itself
+        !isBlockNode &&
+        // has current parent block
+        currentBlock &&
+        // presence of a patch flag indicates this node needs patching on updates.
+        // component nodes also should always be patched, because even if the
+        // component doesn't need to update, it needs to persist the instance on to
+        // the next vnode so that it can be properly unmounted later.
+        (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
+        // the EVENTS flag is only for hydration and if it is the only flag, the
+        // vnode should not be considered dynamic due to handler caching.
+        vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) {
+        currentBlock.push(vnode);
+    }
+    return vnode;
+}
+const createVNode = ((process.env.NODE_ENV !== 'production') ? createVNodeWithArgsTransform : _createVNode);
+function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
+    if (!type || type === NULL_DYNAMIC_COMPONENT) {
+        if ((process.env.NODE_ENV !== 'production') && !type) {
+            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
         }
-    };
-    const getNextHostNode = vnode => {
-        if (vnode.shapeFlag & 6 /* COMPONENT */) {
-            return getNextHostNode(vnode.component.subTree);
+        type = Comment$1;
+    }
+    if (isVNode(type)) {
+        // createVNode receiving an existing vnode. This happens in cases like
+        // <component :is="vnode"/>
+        // #2078 make sure to merge refs during the clone instead of overwriting it
+        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
+        if (children) {
+            normalizeChildren(cloned, children);
         }
-        if (vnode.shapeFlag & 128 /* SUSPENSE */) {
-            return vnode.suspense.next();
+        return cloned;
+    }
+    // class component normalization.
+    if (isClassComponent(type)) {
+        type = type.__vccOpts;
+    }
+    // class & style normalization.
+    if (props) {
+        // for reactive or proxy objects, we need to clone it to enable mutation.
+        props = guardReactiveProps(props);
+        let { class: klass, style } = props;
+        if (klass && !isString(klass)) {
+            props.class = normalizeClass(klass);
         }
-        return hostNextSibling((vnode.anchor || vnode.el));
-    };
-    const render = (vnode, container, isSVG) => {
-        if (vnode == null) {
-            if (container._vnode) {
-                unmount(container._vnode, null, null, true);
+        if (isObject(style)) {
+            // reactive state objects need to be cloned since they are likely to be
+            // mutated
+            if (isProxy(style) && !isArray(style)) {
+                style = extend({}, style);
             }
+            props.style = normalizeStyle(style);
         }
-        else {
-            patch(container._vnode || null, vnode, container, null, null, null, isSVG);
-        }
-        flushPostFlushCbs();
-        container._vnode = vnode;
-    };
-    const internals = {
-        p: patch,
-        um: unmount,
-        m: move,
-        r: remove,
-        mt: mountComponent,
-        mc: mountChildren,
-        pc: patchChildren,
-        pbc: patchBlockChildren,
-        n: getNextHostNode,
-        o: options
-    };
-    let hydrate;
-    let hydrateNode;
-    if (createHydrationFns) {
-        [hydrate, hydrateNode] = createHydrationFns(internals);
     }
-    return {
-        render,
-        hydrate,
-        createApp: createAppAPI(render, hydrate)
+    // encode the vnode type information into a bitmap
+    const shapeFlag = isString(type)
+        ? 1 /* ELEMENT */
+        : isSuspense(type)
+            ? 128 /* SUSPENSE */
+            : isTeleport(type)
+                ? 64 /* TELEPORT */
+                : isObject(type)
+                    ? 4 /* STATEFUL_COMPONENT */
+                    : isFunction(type)
+                        ? 2 /* FUNCTIONAL_COMPONENT */
+                        : 0;
+    if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
+        type = toRaw(type);
+        warn$1(`Vue received a Component which was made a reactive object. This can ` +
+            `lead to unnecessary performance overhead, and should be avoided by ` +
+            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
+            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
+    }
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+}
+function guardReactiveProps(props) {
+    if (!props)
+        return null;
+    return isProxy(props) || InternalObjectKey in props
+        ? extend({}, props)
+        : props;
+}
+function cloneVNode(vnode, extraProps, mergeRef = false) {
+    // This is intentionally NOT using spread or extend to avoid the runtime
+    // key enumeration cost.
+    const { props, ref, patchFlag, children } = vnode;
+    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
+    const cloned = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type: vnode.type,
+        props: mergedProps,
+        key: mergedProps && normalizeKey(mergedProps),
+        ref: extraProps && extraProps.ref
+            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
+                // if the vnode itself already has a ref, cloneVNode will need to merge
+                // the refs so the single vnode can be set on multiple refs
+                mergeRef && ref
+                    ? isArray(ref)
+                        ? ref.concat(normalizeRef(extraProps))
+                        : [ref, normalizeRef(extraProps)]
+                    : normalizeRef(extraProps)
+            : ref,
+        scopeId: vnode.scopeId,
+        slotScopeIds: vnode.slotScopeIds,
+        children: (process.env.NODE_ENV !== 'production') && patchFlag === -1 /* HOISTED */ && isArray(children)
+            ? children.map(deepCloneVNode)
+            : children,
+        target: vnode.target,
+        targetAnchor: vnode.targetAnchor,
+        staticCount: vnode.staticCount,
+        shapeFlag: vnode.shapeFlag,
+        // if the vnode is cloned with extra props, we can no longer assume its
+        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
+        // note: perserve flag for fragments since they use the flag for children
+        // fast paths only.
+        patchFlag: extraProps && vnode.type !== Fragment
+            ? patchFlag === -1 // hoisted node
+                ? 16 /* FULL_PROPS */
+                : patchFlag | 16 /* FULL_PROPS */
+            : patchFlag,
+        dynamicProps: vnode.dynamicProps,
+        dynamicChildren: vnode.dynamicChildren,
+        appContext: vnode.appContext,
+        dirs: vnode.dirs,
+        transition: vnode.transition,
+        // These should technically only be non-null on mounted VNodes. However,
+        // they *should* be copied for kept-alive vnodes. So we just always copy
+        // them since them being non-null during a mount doesn't affect the logic as
+        // they will simply be overwritten.
+        component: vnode.component,
+        suspense: vnode.suspense,
+        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
+        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
+        el: vnode.el,
+        anchor: vnode.anchor
     };
+    return cloned;
 }
-function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
-    callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
-        vnode,
-        prevVNode
-    ]);
+/**
+ * Dev only, for HMR of hoisted vnodes reused in v-for
+ * https://github.com/vitejs/vite/issues/2022
+ */
+function deepCloneVNode(vnode) {
+    const cloned = cloneVNode(vnode);
+    if (isArray(vnode.children)) {
+        cloned.children = vnode.children.map(deepCloneVNode);
+    }
+    return cloned;
 }
 /**
- * #1156
- * When a component is HMR-enabled, we need to make sure that all static nodes
- * inside a block also inherit the DOM element from the previous tree so that
- * HMR updates (which are full updates) can retrieve the element for patching.
- *
- * #2080
- * Inside keyed `template` fragment static children, if a fragment is moved,
- * the children will always moved so that need inherit el form previous nodes
- * to ensure correct moved position.
+ * @private
  */
-function traverseStaticChildren(n1, n2, shallow = false) {
-    const ch1 = n1.children;
-    const ch2 = n2.children;
-    if (isArray(ch1) && isArray(ch2)) {
-        for (let i = 0; i < ch1.length; i++) {
-            // this is only called in the optimized path so array children are
-            // guaranteed to be vnodes
-            const c1 = ch1[i];
-            let c2 = ch2[i];
-            if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) {
-                if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) {
-                    c2 = ch2[i] = cloneIfMounted(ch2[i]);
-                    c2.el = c1.el;
-                }
-                if (!shallow)
-                    traverseStaticChildren(c1, c2);
-            }
-            // also inherit for comment nodes, but not placeholders (e.g. v-if which
-            // would have received .el during block patch)
-            if ((process.env.NODE_ENV !== 'production') && c2.type === Comment$1 && !c2.el) {
-                c2.el = c1.el;
+function createTextVNode(text = ' ', flag = 0) {
+    return createVNode(Text, null, text, flag);
+}
+/**
+ * @private
+ */
+function createStaticVNode(content, numberOfNodes) {
+    // A static vnode can contain multiple stringified elements, and the number
+    // of elements is necessary for hydration.
+    const vnode = createVNode(Static, null, content);
+    vnode.staticCount = numberOfNodes;
+    return vnode;
+}
+/**
+ * @private
+ */
+function createCommentVNode(text = '', 
+// when used as the v-else branch, the comment node must be created as a
+// block to ensure correct updates.
+asBlock = false) {
+    return asBlock
+        ? (openBlock(), createBlock(Comment$1, null, text))
+        : createVNode(Comment$1, null, text);
+}
+function normalizeVNode(child) {
+    if (child == null || typeof child === 'boolean') {
+        // empty placeholder
+        return createVNode(Comment$1);
+    }
+    else if (isArray(child)) {
+        // fragment
+        return createVNode(Fragment, null, 
+        // #3666, avoid reference pollution when reusing vnode
+        child.slice());
+    }
+    else if (typeof child === 'object') {
+        // already vnode, this should be the most common since compiled templates
+        // always produce all-vnode children arrays
+        return cloneIfMounted(child);
+    }
+    else {
+        // strings and numbers
+        return createVNode(Text, null, String(child));
+    }
+}
+// optimized normalization for template-compiled render fns
+function cloneIfMounted(child) {
+    return child.el === null || child.memo ? child : cloneVNode(child);
+}
+function normalizeChildren(vnode, children) {
+    let type = 0;
+    const { shapeFlag } = vnode;
+    if (children == null) {
+        children = null;
+    }
+    else if (isArray(children)) {
+        type = 16 /* ARRAY_CHILDREN */;
+    }
+    else if (typeof children === 'object') {
+        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
+            // Normalize slot to plain children for plain element and Teleport
+            const slot = children.default;
+            if (slot) {
+                // _c marker is added by withCtx() indicating this is a compiled slot
+                slot._c && (slot._d = false);
+                normalizeChildren(vnode, slot());
+                slot._c && (slot._d = true);
             }
+            return;
         }
-    }
-}
-// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
-function getSequence(arr) {
-    const p = arr.slice();
-    const result = [0];
-    let i, j, u, v, c;
-    const len = arr.length;
-    for (i = 0; i < len; i++) {
-        const arrI = arr[i];
-        if (arrI !== 0) {
-            j = result[result.length - 1];
-            if (arr[j] < arrI) {
-                p[i] = j;
-                result.push(i);
-                continue;
+        else {
+            type = 32 /* SLOTS_CHILDREN */;
+            const slotFlag = children._;
+            if (!slotFlag && !(InternalObjectKey in children)) {
+                children._ctx = currentRenderingInstance;
             }
-            u = 0;
-            v = result.length - 1;
-            while (u < v) {
-                c = ((u + v) / 2) | 0;
-                if (arr[result[c]] < arrI) {
-                    u = c + 1;
+            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
+                // a child component receives forwarded slots from the parent.
+                // its slot type is determined by its parent's slot type.
+                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
+                    children._ = 1 /* STABLE */;
                 }
                 else {
-                    v = c;
-                }
-            }
-            if (arrI < arr[result[u]]) {
-                if (u > 0) {
-                    p[i] = result[u - 1];
+                    children._ = 2 /* DYNAMIC */;
+                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
                 }
-                result[u] = i;
             }
         }
     }
-    u = result.length;
-    v = result[u - 1];
-    while (u-- > 0) {
-        result[u] = v;
-        v = p[v];
+    else if (isFunction(children)) {
+        children = { default: children, _ctx: currentRenderingInstance };
+        type = 32 /* SLOTS_CHILDREN */;
     }
-    return result;
-}
-
-const isTeleport = (type) => type.__isTeleport;
-const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
-const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
-const resolveTarget = (props, select) => {
-    const targetSelector = props && props.to;
-    if (isString(targetSelector)) {
-        if (!select) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Current renderer does not support string target for Teleports. ` +
-                    `(missing querySelector renderer option)`);
-            return null;
+    else {
+        children = String(children);
+        // force teleport children to array so it can be moved around
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type = 16 /* ARRAY_CHILDREN */;
+            children = [createTextVNode(children)];
         }
         else {
-            const target = select(targetSelector);
-            if (!target) {
-                (process.env.NODE_ENV !== 'production') &&
-                    warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
-                        `Note the target element must exist before the component is mounted - ` +
-                        `i.e. the target cannot be rendered by the component itself, and ` +
-                        `ideally should be outside of the entire Vue component tree.`);
-            }
-            return target;
-        }
-    }
-    else {
-        if ((process.env.NODE_ENV !== 'production') && !targetSelector && !isTeleportDisabled(props)) {
-            warn(`Invalid Teleport target: ${targetSelector}`);
+            type = 8 /* TEXT_CHILDREN */;
         }
-        return targetSelector;
     }
-};
-const TeleportImpl = {
-    __isTeleport: true,
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
-        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
-        const disabled = isTeleportDisabled(n2.props);
-        let { shapeFlag, children, dynamicChildren } = n2;
-        // #3302
-        // HMR updated, force full diff
-        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
-            optimized = false;
-            dynamicChildren = null;
-        }
-        if (n1 == null) {
-            // insert anchors in the main view
-            const placeholder = (n2.el = (process.env.NODE_ENV !== 'production')
-                ? createComment('teleport start', container) // fixed by xxxxxx
-                : createText('', container)); // fixed by xxxxxx
-            const mainAnchor = (n2.anchor = (process.env.NODE_ENV !== 'production')
-                ? createComment('teleport end', container) // fixed by xxxxxx
-                : createText('', container)); // fixed by xxxxxx
-            insert(placeholder, container, anchor);
-            insert(mainAnchor, container, anchor);
-            const target = (n2.target = resolveTarget(n2.props, querySelector));
-            const targetAnchor = (n2.targetAnchor = createText('', container)); // fixed by xxxxxx
-            if (target) {
-                insert(targetAnchor, target);
-                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
-                isSVG = isSVG || isTargetSVG(target);
-            }
-            else if ((process.env.NODE_ENV !== 'production') && !disabled) {
-                warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
-            }
-            const mount = (container, anchor) => {
-                // Teleport *always* has Array children. This is enforced in both the
-                // compiler and vnode children normalization.
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+    vnode.children = children;
+    vnode.shapeFlag |= type;
+}
+function mergeProps(...args) {
+    const ret = {};
+    for (let i = 0; i < args.length; i++) {
+        const toMerge = args[i];
+        for (const key in toMerge) {
+            if (key === 'class') {
+                if (ret.class !== toMerge.class) {
+                    ret.class = normalizeClass([ret.class, toMerge.class]);
                 }
-            };
-            if (disabled) {
-                mount(container, mainAnchor);
-            }
-            else if (target) {
-                mount(target, targetAnchor);
-            }
-        }
-        else {
-            // update content
-            n2.el = n1.el;
-            const mainAnchor = (n2.anchor = n1.anchor);
-            const target = (n2.target = n1.target);
-            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
-            const wasDisabled = isTeleportDisabled(n1.props);
-            const currentContainer = wasDisabled ? container : target;
-            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
-            isSVG = isSVG || isTargetSVG(target);
-            if (dynamicChildren) {
-                // fast path when the teleport happens to be a block root
-                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
-                // even in block tree mode we need to make sure all root-level nodes
-                // in the teleport inherit previous DOM references so that they can
-                // be moved in future patches.
-                traverseStaticChildren(n1, n2, true);
             }
-            else if (!optimized) {
-                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
+            else if (key === 'style') {
+                ret.style = normalizeStyle([ret.style, toMerge.style]);
             }
-            if (disabled) {
-                if (!wasDisabled) {
-                    // enabled -> disabled
-                    // move into main container
-                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
+            else if (isOn(key)) {
+                const existing = ret[key];
+                const incoming = toMerge[key];
+                if (existing !== incoming) {
+                    ret[key] = existing
+                        ? [].concat(existing, incoming)
+                        : incoming;
                 }
             }
-            else {
-                // target changed
-                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
-                    if (nextTarget) {
-                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
-                    }
-                    else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Invalid Teleport target on update:', target, `(${typeof target})`);
-                    }
-                }
-                else if (wasDisabled) {
-                    // disabled -> enabled
-                    // move into teleport target
-                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
-                }
+            else if (key !== '') {
+                ret[key] = toMerge[key];
             }
         }
-    },
-    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
-        if (target) {
-            hostRemove(targetAnchor);
-        }
-        // an unmounted teleport should always remove its children if not disabled
-        if (doRemove || !isTeleportDisabled(props)) {
-            hostRemove(anchor);
-            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                for (let i = 0; i < children.length; i++) {
-                    const child = children[i];
-                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
-                }
-            }
+    }
+    return ret;
+}
+
+/**
+ * Actual implementation
+ */
+function renderList(source, renderItem, cache, index) {
+    let ret;
+    const cached = (cache && cache[index]);
+    if (isArray(source) || isString(source)) {
+        ret = new Array(source.length);
+        for (let i = 0, l = source.length; i < l; i++) {
+            ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
         }
-    },
-    move: moveTeleport,
-    hydrate: hydrateTeleport
-};
-function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
-    // move target anchor if this is a target change.
-    if (moveType === 0 /* TARGET_CHANGE */) {
-        insert(vnode.targetAnchor, container, parentAnchor);
     }
-    const { el, anchor, shapeFlag, children, props } = vnode;
-    const isReorder = moveType === 2 /* REORDER */;
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(el, container, parentAnchor);
+    else if (typeof source === 'number') {
+        if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
+            warn$1(`The v-for range expect an integer value but got ${source}.`);
+            return [];
+        }
+        ret = new Array(source);
+        for (let i = 0; i < source; i++) {
+            ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
+        }
     }
-    // if this is a re-order and teleport is enabled (content is in target)
-    // do not move children. So the opposite is: only move children if this
-    // is not a reorder, or the teleport is disabled
-    if (!isReorder || isTeleportDisabled(props)) {
-        // Teleport has either Array children or no children.
-        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            for (let i = 0; i < children.length; i++) {
-                move(children[i], container, parentAnchor, 2 /* REORDER */);
+    else if (isObject(source)) {
+        if (source[Symbol.iterator]) {
+            ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
+        }
+        else {
+            const keys = Object.keys(source);
+            ret = new Array(keys.length);
+            for (let i = 0, l = keys.length; i < l; i++) {
+                const key = keys[i];
+                ret[i] = renderItem(source[key], key, i, cached && cached[i]);
             }
         }
     }
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(anchor, container, parentAnchor);
+    else {
+        ret = [];
+    }
+    if (cache) {
+        cache[index] = ret;
     }
-}
-function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
-    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
-    if (target) {
-        // if multiple teleports rendered to the same target element, we need to
-        // pick up from where the last teleport finished instead of the first node
-        const targetNode = target._lpa || target.firstChild;
-        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            if (isTeleportDisabled(vnode.props)) {
-                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-                vnode.targetAnchor = targetNode;
-            }
-            else {
-                vnode.anchor = nextSibling(node);
-                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+    return ret;
+}
+
+/**
+ * Compiler runtime helper for creating dynamic slots object
+ * @private
+ */
+function createSlots(slots, dynamicSlots) {
+    for (let i = 0; i < dynamicSlots.length; i++) {
+        const slot = dynamicSlots[i];
+        // array of dynamic slot generated by <template v-for="..." #[...]>
+        if (isArray(slot)) {
+            for (let j = 0; j < slot.length; j++) {
+                slots[slot[j].name] = slot[j].fn;
             }
-            target._lpa =
-                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+        }
+        else if (slot) {
+            // conditional single slot generated by <template v-if="..." #foo>
+            slots[slot.name] = slot.fn;
         }
     }
-    return vnode.anchor && nextSibling(vnode.anchor);
-}
-// Force-casted public typing for h and TSX props inference
-const Teleport = TeleportImpl;
+    return slots;
+}
 
-const COMPONENTS = 'components';
-const DIRECTIVES = 'directives';
 /**
+ * Compiler runtime helper for rendering `<slot/>`
  * @private
  */
-function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+function renderSlot(slots, name, props = {}, 
+// this is not a user-facing function, so the fallback is always generated by
+// the compiler and guaranteed to be a function returning an array
+fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+    }
+    let slot = slots[name];
+    if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
+        warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+            `function. You need to mark this component with $dynamic-slots in the ` +
+            `parent template.`);
+        slot = () => [];
+    }
+    // a compiled slot disables block tracking by default to avoid manual
+    // invocation interfering with template-based block tracking, but in
+    // `renderSlot` we can be sure that it's template-based so we can force
+    // enable it.
+    if (slot && slot._c) {
+        slot._d = false;
+    }
+    openBlock();
+    const validSlotContent = slot && ensureValidVNode(slot(props));
+    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
+        ? 64 /* STABLE_FRAGMENT */
+        : -2 /* BAIL */);
+    if (!noSlotted && rendered.scopeId) {
+        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    }
+    if (slot && slot._c) {
+        slot._d = true;
+    }
+    return rendered;
 }
-const NULL_DYNAMIC_COMPONENT = Symbol();
+function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+        if (!isVNode(child))
+            return true;
+        if (child.type === Comment$1)
+            return false;
+        if (child.type === Fragment &&
+            !ensureValidVNode(child.children))
+            return false;
+        return true;
+    })
+        ? vnodes
+        : null;
+}
+
 /**
+ * For prefixing keys in v-on="obj" with "on"
  * @private
  */
-function resolveDynamicComponent(component) {
-    if (isString(component)) {
-        return resolveAsset(COMPONENTS, component, false) || component;
+function toHandlers(obj) {
+    const ret = {};
+    if ((process.env.NODE_ENV !== 'production') && !isObject(obj)) {
+        warn$1(`v-on with no argument expects an object value.`);
+        return ret;
     }
-    else {
-        // invalid types will fallthrough to createVNode and raise warning
-        return (component || NULL_DYNAMIC_COMPONENT);
+    for (const key in obj) {
+        ret[toHandlerKey(key)] = obj[key];
     }
-}
+    return ret;
+}
+
 /**
- * @private
+ * #2437 In Vue 3, functional components do not have a public instance proxy but
+ * they exist in the internal parent chain. For code that relies on traversing
+ * public $parent chains, skip functional ones and go to the parent instead.
  */
-function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
-}
-// implementation
-function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    const instance = currentRenderingInstance || currentInstance;
-    if (instance) {
-        const Component = instance.type;
-        // explicit self name has highest priority
-        if (type === COMPONENTS) {
-            const selfName = getComponentName(Component);
-            if (selfName &&
-                (selfName === name ||
-                    selfName === camelize(name) ||
-                    selfName === capitalize(camelize(name)))) {
-                return Component;
+const getPublicInstance = (i) => {
+    if (!i)
+        return null;
+    if (isStatefulComponent(i))
+        return getExposeProxy(i) || i.proxy;
+    return getPublicInstance(i.parent);
+};
+const publicPropertiesMap = extend(Object.create(null), {
+    $: i => i,
+    $el: i => i.vnode.el,
+    $data: i => i.data,
+    $props: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.props) : i.props),
+    $attrs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.attrs) : i.attrs),
+    $slots: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots),
+    $refs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.refs) : i.refs),
+    $parent: i => getPublicInstance(i.parent),
+    $root: i => getPublicInstance(i.root),
+    $emit: i => i.emit,
+    $options: i => (__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
+    $forceUpdate: i => () => queueJob(i.update),
+    $nextTick: i => nextTick.bind(i.proxy),
+    $watch: i => (__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
+});
+const PublicInstanceProxyHandlers = {
+    get({ _: instance }, key) {
+        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
+        // for internal formatters to know that this is a Vue instance
+        if ((process.env.NODE_ENV !== 'production') && key === '__isVue') {
+            return true;
+        }
+        // prioritize <script setup> bindings during dev.
+        // this allows even properties that start with _ or $ to be used - so that
+        // it aligns with the production behavior where the render fn is inlined and
+        // indeed has access to all declared variables.
+        if ((process.env.NODE_ENV !== 'production') &&
+            setupState !== EMPTY_OBJ &&
+            setupState.__isScriptSetup &&
+            hasOwn(setupState, key)) {
+            return setupState[key];
+        }
+        // data / props / ctx
+        // This getter gets called for every property access on the render context
+        // during render and is a major hotspot. The most expensive part of this
+        // is the multiple hasOwn() calls. It's much faster to do a simple property
+        // access on a plain object, so we use an accessCache object (with null
+        // prototype) to memoize what access type a key corresponds to.
+        let normalizedProps;
+        if (key[0] !== '$') {
+            const n = accessCache[key];
+            if (n !== undefined) {
+                switch (n) {
+                    case 0 /* SETUP */:
+                        return setupState[key];
+                    case 1 /* DATA */:
+                        return data[key];
+                    case 3 /* CONTEXT */:
+                        return ctx[key];
+                    case 2 /* PROPS */:
+                        return props[key];
+                    // default: just fallthrough
+                }
+            }
+            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+                accessCache[key] = 0 /* SETUP */;
+                return setupState[key];
+            }
+            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+                accessCache[key] = 1 /* DATA */;
+                return data[key];
+            }
+            else if (
+            // only cache other properties when instance has declared (thus stable)
+            // props
+            (normalizedProps = instance.propsOptions[0]) &&
+                hasOwn(normalizedProps, key)) {
+                accessCache[key] = 2 /* PROPS */;
+                return props[key];
+            }
+            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+                accessCache[key] = 3 /* CONTEXT */;
+                return ctx[key];
+            }
+            else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {
+                accessCache[key] = 4 /* OTHER */;
+            }
+        }
+        const publicGetter = publicPropertiesMap[key];
+        let cssModule, globalProperties;
+        // public $xxx properties
+        if (publicGetter) {
+            if (key === '$attrs') {
+                track(instance, "get" /* GET */, key);
+                (process.env.NODE_ENV !== 'production') && markAttrsAccessed();
+            }
+            return publicGetter(instance);
+        }
+        else if (
+        // css module (injected by vue-loader)
+        (cssModule = type.__cssModules) &&
+            (cssModule = cssModule[key])) {
+            return cssModule;
+        }
+        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+            // user may set custom properties to `this` that start with `$`
+            accessCache[key] = 3 /* CONTEXT */;
+            return ctx[key];
+        }
+        else if (
+        // global properties
+        ((globalProperties = appContext.config.globalProperties),
+            hasOwn(globalProperties, key))) {
+            {
+                return globalProperties[key];
+            }
+        }
+        else if ((process.env.NODE_ENV !== 'production') &&
+            currentRenderingInstance &&
+            (!isString(key) ||
+                // #1091 avoid internal isRef/isVNode checks on component instance leading
+                // to infinite warning loop
+                key.indexOf('__v') !== 0)) {
+            if (data !== EMPTY_OBJ &&
+                (key[0] === '$' || key[0] === '_') &&
+                hasOwn(data, key)) {
+                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                    `character ("$" or "_") and is not proxied on the render context.`);
+            }
+            else if (instance === currentRenderingInstance) {
+                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
+                    `but is not defined on instance.`);
             }
         }
-        const res = 
-        // local registration
-        // check instance[type] first which is resolved for options API
-        resolve(instance[type] || Component[type], name) ||
-            // global registration
-            resolve(instance.appContext[type], name);
-        if (!res && maybeSelfReference) {
-            // fallback to implicit self-reference
-            return Component;
+    },
+    set({ _: instance }, key, value) {
+        const { data, setupState, ctx } = instance;
+        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+            setupState[key] = value;
         }
-        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
-            warn(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+            data[key] = value;
         }
-        return res;
-    }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`resolve${capitalize(type.slice(0, -1))} ` +
-            `can only be used in render() or setup().`);
-    }
-}
-function resolve(registry, name) {
-    return (registry &&
-        (registry[name] ||
-            registry[camelize(name)] ||
-            registry[capitalize(camelize(name))]));
-}
-
-const Fragment = Symbol((process.env.NODE_ENV !== 'production') ? 'Fragment' : undefined);
-const Text = Symbol((process.env.NODE_ENV !== 'production') ? 'Text' : undefined);
-const Comment$1 = Symbol((process.env.NODE_ENV !== 'production') ? 'Comment' : undefined);
-const Static = Symbol((process.env.NODE_ENV !== 'production') ? 'Static' : undefined);
-// Since v-if and v-for are the two possible ways node structure can dynamically
-// change, once we consider v-if branches and each v-for fragment a block, we
-// can divide a template into nested blocks, and within each block the node
-// structure would be stable. This allows us to skip most children diffing
-// and only worry about the dynamic nodes (indicated by patch flags).
-const blockStack = [];
-let currentBlock = null;
-/**
- * Open a block.
- * This must be called before `createBlock`. It cannot be part of `createBlock`
- * because the children of the block are evaluated before `createBlock` itself
- * is called. The generated code typically looks like this:
- *
- * ```js
- * function render() {
- *   return (openBlock(),createBlock('div', null, [...]))
- * }
- * ```
- * disableTracking is true when creating a v-for fragment block, since a v-for
- * fragment always diffs its children.
- *
- * @private
- */
-function openBlock(disableTracking = false) {
-    blockStack.push((currentBlock = disableTracking ? null : []));
-}
-function closeBlock() {
-    blockStack.pop();
-    currentBlock = blockStack[blockStack.length - 1] || null;
-}
-// Whether we should be tracking dynamic child nodes inside a block.
-// Only tracks when this value is > 0
-// We are not using a simple boolean because this value may need to be
-// incremented/decremented by nested usage of v-once (see below)
-let isBlockTreeEnabled = 1;
-/**
- * Block tracking sometimes needs to be disabled, for example during the
- * creation of a tree that needs to be cached by v-once. The compiler generates
- * code like this:
- *
- * ``` js
- * _cache[1] || (
- *   setBlockTracking(-1),
- *   _cache[1] = createVNode(...),
- *   setBlockTracking(1),
- *   _cache[1]
- * )
- * ```
- *
- * @private
- */
-function setBlockTracking(value) {
-    isBlockTreeEnabled += value;
-}
-/**
- * Create a block root vnode. Takes the same exact arguments as `createVNode`.
- * A block root keeps track of dynamic nodes within the block in the
- * `dynamicChildren` array.
- *
- * @private
- */
-function createBlock(type, props, children, patchFlag, dynamicProps) {
-    const vnode = createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */);
-    // save current block children on the block vnode
-    vnode.dynamicChildren =
-        isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
-    // close block
-    closeBlock();
-    // a block is always going to be patched, so track it as a child of its
-    // parent block
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-        currentBlock.push(vnode);
-    }
-    return vnode;
-}
-function isVNode(value) {
-    return value ? value.__v_isVNode === true : false;
-}
-function isSameVNodeType(n1, n2) {
-    if ((process.env.NODE_ENV !== 'production') &&
-        n2.shapeFlag & 6 /* COMPONENT */ &&
-        hmrDirtyComponents.has(n2.type)) {
-        // HMR only: if the component has been hot-updated, force a reload.
-        return false;
-    }
-    return n1.type === n2.type && n1.key === n2.key;
-}
-let vnodeArgsTransformer;
-/**
- * Internal API for registering an arguments transform for createVNode
- * used for creating stubs in the test-utils
- * It is *internal* but needs to be exposed for test-utils to pick up proper
- * typings
- */
-function transformVNodeArgs(transformer) {
-    vnodeArgsTransformer = transformer;
-}
-const createVNodeWithArgsTransform = (...args) => {
-    return _createVNode(...(vnodeArgsTransformer
-        ? vnodeArgsTransformer(args, currentRenderingInstance)
-        : args));
-};
-const InternalObjectKey = `__vInternal`;
-const normalizeKey = ({ key }) => key != null ? key : null;
-const normalizeRef = ({ ref }) => {
-    return (ref != null
-        ? isString(ref) || isRef(ref) || isFunction(ref)
-            ? { i: currentRenderingInstance, r: ref }
-            : ref
-        : null);
-};
-const createVNode = ((process.env.NODE_ENV !== 'production')
-    ? createVNodeWithArgsTransform
-    : _createVNode);
-function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-        if ((process.env.NODE_ENV !== 'production') && !type) {
-            warn(`Invalid vnode type when creating vnode: ${type}.`);
+        else if (hasOwn(instance.props, key)) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+            return false;
         }
-        type = Comment$1;
-    }
-    if (isVNode(type)) {
-        // createVNode receiving an existing vnode. This happens in cases like
-        // <component :is="vnode"/>
-        // #2078 make sure to merge refs during the clone instead of overwriting it
-        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
-        if (children) {
-            normalizeChildren(cloned, children);
+        if (key[0] === '$' && key.slice(1) in instance) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Attempting to mutate public property "${key}". ` +
+                    `Properties starting with $ are reserved and readonly.`, instance);
+            return false;
         }
-        return cloned;
-    }
-    // class component normalization.
-    if (isClassComponent(type)) {
-        type = type.__vccOpts;
-    }
-    // class & style normalization.
-    if (props) {
-        // for reactive or proxy objects, we need to clone it to enable mutation.
-        if (isProxy(props) || InternalObjectKey in props) {
-            props = extend({}, props);
+        else {
+            if ((process.env.NODE_ENV !== 'production') && key in instance.appContext.config.globalProperties) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    value
+                });
+            }
+            else {
+                ctx[key] = value;
+            }
         }
-        let { class: klass, style } = props;
-        if (klass && !isString(klass)) {
-            props.class = normalizeClass(klass);
+        return true;
+    },
+    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
+        let normalizedProps;
+        return (accessCache[key] !== undefined ||
+            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
+            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
+            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
+            hasOwn(ctx, key) ||
+            hasOwn(publicPropertiesMap, key) ||
+            hasOwn(appContext.config.globalProperties, key));
+    }
+};
+if ((process.env.NODE_ENV !== 'production') && !false) {
+    PublicInstanceProxyHandlers.ownKeys = (target) => {
+        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+            `The keys will be empty in production mode to avoid performance overhead.`);
+        return Reflect.ownKeys(target);
+    };
+}
+const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
+    get(target, key) {
+        // fast path for unscopables when using `with` block
+        if (key === Symbol.unscopables) {
+            return;
         }
-        if (isObject(style)) {
-            // reactive state objects need to be cloned since they are likely to be
-            // mutated
-            if (isProxy(style) && !isArray(style)) {
-                style = extend({}, style);
-            }
-            props.style = normalizeStyle(style);
+        return PublicInstanceProxyHandlers.get(target, key, target);
+    },
+    has(_, key) {
+        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
+        if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
+            warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
         }
+        return has;
     }
-    // encode the vnode type information into a bitmap
-    const shapeFlag = isString(type)
-        ? 1 /* ELEMENT */
-        : isSuspense(type)
-            ? 128 /* SUSPENSE */
-            : isTeleport(type)
-                ? 64 /* TELEPORT */
-                : isObject(type)
-                    ? 4 /* STATEFUL_COMPONENT */
-                    : isFunction(type)
-                        ? 2 /* FUNCTIONAL_COMPONENT */
-                        : 0;
-    if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
-        type = toRaw(type);
-        warn(`Vue received a Component which was made a reactive object. This can ` +
-            `lead to unnecessary performance overhead, and should be avoided by ` +
-            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
-            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
+});
+// dev only
+// In dev mode, the proxy target exposes the same properties as seen on `this`
+// for easier console inspection. In prod mode it will be an empty object so
+// these properties definitions can be skipped.
+function createDevRenderContext(instance) {
+    const target = {};
+    // expose internal instance for proxy handlers
+    Object.defineProperty(target, `_`, {
+        configurable: true,
+        enumerable: false,
+        get: () => instance
+    });
+    // expose public properties
+    Object.keys(publicPropertiesMap).forEach(key => {
+        Object.defineProperty(target, key, {
+            configurable: true,
+            enumerable: false,
+            get: () => publicPropertiesMap[key](instance),
+            // intercepted by the proxy so no need for implementation,
+            // but needed to prevent set errors
+            set: NOOP
+        });
+    });
+    return target;
+}
+// dev only
+function exposePropsOnRenderContext(instance) {
+    const { ctx, propsOptions: [propsOptions] } = instance;
+    if (propsOptions) {
+        Object.keys(propsOptions).forEach(key => {
+            Object.defineProperty(ctx, key, {
+                enumerable: true,
+                configurable: true,
+                get: () => instance.props[key],
+                set: NOOP
+            });
+        });
     }
-    const vnode = {
-        __v_isVNode: true,
-        __v_skip: true,
+}
+// dev only
+function exposeSetupStateOnRenderContext(instance) {
+    const { ctx, setupState } = instance;
+    Object.keys(toRaw(setupState)).forEach(key => {
+        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
+            warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                `which are reserved prefixes for Vue internals.`);
+            return;
+        }
+        Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => setupState[key],
+            set: NOOP
+        });
+    });
+}
+
+const emptyAppContext = createAppContext();
+let uid$1 = 0;
+function createComponentInstance(vnode, parent, suspense) {
+    const type = vnode.type;
+    // inherit parent app context - or - if root, adopt from root vnode
+    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
+    const instance = {
+        uid: uid$1++,
+        vnode,
         type,
-        props,
-        key: props && normalizeKey(props),
-        ref: props && normalizeRef(props),
-        scopeId: currentScopeId,
-        slotScopeIds: null,
-        children: null,
-        component: null,
-        suspense: null,
-        ssContent: null,
-        ssFallback: null,
-        dirs: null,
-        transition: null,
-        el: null,
-        anchor: null,
-        target: null,
-        targetAnchor: null,
-        shapeFlag,
-        patchFlag,
-        dynamicProps,
-        dynamicChildren: null,
-        appContext: null
+        parent,
+        appContext,
+        root: null,
+        next: null,
+        subTree: null,
+        update: null,
+        scope: new EffectScope(true /* detached */),
+        render: null,
+        proxy: null,
+        exposed: null,
+        exposeProxy: null,
+        withProxy: null,
+        provides: parent ? parent.provides : Object.create(appContext.provides),
+        accessCache: null,
+        renderCache: [],
+        // local resovled assets
+        components: null,
+        directives: null,
+        // resolved props and emits options
+        propsOptions: normalizePropsOptions(type, appContext),
+        emitsOptions: normalizeEmitsOptions(type, appContext),
+        // emit
+        emit: null,
+        emitted: null,
+        // props default value
+        propsDefaults: EMPTY_OBJ,
+        // inheritAttrs
+        inheritAttrs: type.inheritAttrs,
+        // state
+        ctx: EMPTY_OBJ,
+        data: EMPTY_OBJ,
+        props: EMPTY_OBJ,
+        attrs: EMPTY_OBJ,
+        slots: EMPTY_OBJ,
+        refs: EMPTY_OBJ,
+        setupState: EMPTY_OBJ,
+        setupContext: null,
+        // suspense related
+        suspense,
+        suspenseId: suspense ? suspense.pendingId : 0,
+        asyncDep: null,
+        asyncResolved: false,
+        // lifecycle hooks
+        // not using enums here because it results in computed properties
+        isMounted: false,
+        isUnmounted: false,
+        isDeactivated: false,
+        bc: null,
+        c: null,
+        bm: null,
+        m: null,
+        bu: null,
+        u: null,
+        um: null,
+        bum: null,
+        da: null,
+        a: null,
+        rtg: null,
+        rtc: null,
+        ec: null,
+        sp: null
     };
-    // validate key
-    if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
-        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    if ((process.env.NODE_ENV !== 'production')) {
+        instance.ctx = createDevRenderContext(instance);
     }
-    normalizeChildren(vnode, children);
-    // normalize suspense children
-    if (shapeFlag & 128 /* SUSPENSE */) {
-        type.normalize(vnode);
+    else {
+        instance.ctx = { _: instance };
     }
-    if (isBlockTreeEnabled > 0 &&
-        // avoid a block node from tracking itself
-        !isBlockNode &&
-        // has current parent block
-        currentBlock &&
-        // presence of a patch flag indicates this node needs patching on updates.
-        // component nodes also should always be patched, because even if the
-        // component doesn't need to update, it needs to persist the instance on to
-        // the next vnode so that it can be properly unmounted later.
-        (patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
-        // the EVENTS flag is only for hydration and if it is the only flag, the
-        // vnode should not be considered dynamic due to handler caching.
-        patchFlag !== 32 /* HYDRATE_EVENTS */) {
-        currentBlock.push(vnode);
+    instance.root = parent ? parent.root : instance;
+    instance.emit = emit.bind(null, instance);
+    // apply custom element special handling
+    if (vnode.ce) {
+        vnode.ce(instance);
     }
-    return vnode;
-}
-function cloneVNode(vnode, extraProps, mergeRef = false) {
-    // This is intentionally NOT using spread or extend to avoid the runtime
-    // key enumeration cost.
-    const { props, ref, patchFlag, children } = vnode;
-    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    const cloned = {
-        __v_isVNode: true,
-        __v_skip: true,
-        type: vnode.type,
-        props: mergedProps,
-        key: mergedProps && normalizeKey(mergedProps),
-        ref: extraProps && extraProps.ref
-            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
-                // if the vnode itself already has a ref, cloneVNode will need to merge
-                // the refs so the single vnode can be set on multiple refs
-                mergeRef && ref
-                    ? isArray(ref)
-                        ? ref.concat(normalizeRef(extraProps))
-                        : [ref, normalizeRef(extraProps)]
-                    : normalizeRef(extraProps)
-            : ref,
-        scopeId: vnode.scopeId,
-        slotScopeIds: vnode.slotScopeIds,
-        children: (process.env.NODE_ENV !== 'production') && patchFlag === -1 /* HOISTED */ && isArray(children)
-            ? children.map(deepCloneVNode)
-            : children,
-        target: vnode.target,
-        targetAnchor: vnode.targetAnchor,
-        staticCount: vnode.staticCount,
-        staticCache: vnode.staticCache,
-        shapeFlag: vnode.shapeFlag,
-        // if the vnode is cloned with extra props, we can no longer assume its
-        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-        // note: perserve flag for fragments since they use the flag for children
-        // fast paths only.
-        patchFlag: extraProps && vnode.type !== Fragment
-            ? patchFlag === -1 // hoisted node
-                ? 16 /* FULL_PROPS */
-                : patchFlag | 16 /* FULL_PROPS */
-            : patchFlag,
-        dynamicProps: vnode.dynamicProps,
-        dynamicChildren: vnode.dynamicChildren,
-        appContext: vnode.appContext,
-        dirs: vnode.dirs,
-        transition: vnode.transition,
-        // These should technically only be non-null on mounted VNodes. However,
-        // they *should* be copied for kept-alive vnodes. So we just always copy
-        // them since them being non-null during a mount doesn't affect the logic as
-        // they will simply be overwritten.
-        component: vnode.component,
-        suspense: vnode.suspense,
-        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
-        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
-        el: vnode.el,
-        anchor: vnode.anchor
-    };
-    return cloned;
+    return instance;
 }
-/**
- * Dev only, for HMR of hoisted vnodes reused in v-for
- * https://github.com/vitejs/vite/issues/2022
- */
-function deepCloneVNode(vnode) {
-    const cloned = cloneVNode(vnode);
-    if (isArray(vnode.children)) {
-        cloned.children = vnode.children.map(deepCloneVNode);
+let currentInstance = null;
+const getCurrentInstance = () => currentInstance || currentRenderingInstance;
+const setCurrentInstance = (instance) => {
+    currentInstance = instance;
+    instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
+};
+const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
+function validateComponentName(name, config) {
+    const appIsNativeTag = config.isNativeTag || NO;
+    if (isBuiltInTag(name) || appIsNativeTag(name)) {
+        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
-    return cloned;
-}
-/**
- * @private
- */
-function createTextVNode(text = ' ', flag = 0) {
-    return createVNode(Text, null, text, flag);
-}
-/**
- * @private
- */
-function createStaticVNode(content, numberOfNodes) {
-    // A static vnode can contain multiple stringified elements, and the number
-    // of elements is necessary for hydration.
-    const vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
 }
-/**
- * @private
- */
-function createCommentVNode(text = '', 
-// when used as the v-else branch, the comment node must be created as a
-// block to ensure correct updates.
-asBlock = false) {
-    return asBlock
-        ? (openBlock(), createBlock(Comment$1, null, text))
-        : createVNode(Comment$1, null, text);
+function isStatefulComponent(instance) {
+    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
 }
-function normalizeVNode(child) {
-    if (child == null || typeof child === 'boolean') {
-        // empty placeholder
-        return createVNode(Comment$1);
+let isInSSRComponentSetup = false;
+function setupComponent(instance, isSSR = false) {
+    isInSSRComponentSetup = isSSR;
+    const { props, children } = instance.vnode;
+    const isStateful = isStatefulComponent(instance);
+    initProps(instance, props, isStateful, isSSR);
+    initSlots(instance, children);
+    const setupResult = isStateful
+        ? setupStatefulComponent(instance, isSSR)
+        : undefined;
+    isInSSRComponentSetup = false;
+    return setupResult;
+}
+function setupStatefulComponent(instance, isSSR) {
+    const Component = instance.type;
+    if ((process.env.NODE_ENV !== 'production')) {
+        if (Component.name) {
+            validateComponentName(Component.name, instance.appContext.config);
+        }
+        if (Component.components) {
+            const names = Object.keys(Component.components);
+            for (let i = 0; i < names.length; i++) {
+                validateComponentName(names[i], instance.appContext.config);
+            }
+        }
+        if (Component.directives) {
+            const names = Object.keys(Component.directives);
+            for (let i = 0; i < names.length; i++) {
+                validateDirectiveName(names[i]);
+            }
+        }
+        if (Component.compilerOptions && isRuntimeOnly()) {
+            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+                `includes the runtime compiler. Since you are using a runtime-only ` +
+                `build, the options should be passed via your build tool config instead.`);
+        }
     }
-    else if (isArray(child)) {
-        // fragment
-        return createVNode(Fragment, null, 
-        // #3666, avoid reference pollution when reusing vnode
-        child.slice());
+    // 0. create render proxy property access cache
+    instance.accessCache = Object.create(null);
+    // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    if ((process.env.NODE_ENV !== 'production')) {
+        exposePropsOnRenderContext(instance);
     }
-    else if (typeof child === 'object') {
-        // already vnode, this should be the most common since compiled templates
-        // always produce all-vnode children arrays
-        return cloneIfMounted(child);
+    // 2. call setup()
+    const { setup } = Component;
+    if (setup) {
+        const setupContext = (instance.setupContext =
+            setup.length > 1 ? createSetupContext(instance) : null);
+        setCurrentInstance(instance);
+        pauseTracking();
+        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
+        resetTracking();
+        unsetCurrentInstance();
+        if (isPromise(setupResult)) {
+            setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+            if (isSSR) {
+                // return the promise so server-renderer can wait on it
+                return setupResult
+                    .then((resolvedResult) => {
+                    handleSetupResult(instance, resolvedResult, isSSR);
+                })
+                    .catch(e => {
+                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
+                });
+            }
+            else {
+                // async setup returned Promise.
+                // bail here and wait for re-entry.
+                instance.asyncDep = setupResult;
+            }
+        }
+        else {
+            handleSetupResult(instance, setupResult, isSSR);
+        }
     }
     else {
-        // strings and numbers
-        return createVNode(Text, null, String(child));
+        finishComponentSetup(instance, isSSR);
     }
 }
-// optimized normalization for template-compiled render fns
-function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
-}
-function normalizeChildren(vnode, children) {
-    let type = 0;
-    const { shapeFlag } = vnode;
-    if (children == null) {
-        children = null;
+function handleSetupResult(instance, setupResult, isSSR) {
+    if (isFunction(setupResult)) {
+        // setup returned an inline render function
+        {
+            instance.render = setupResult;
+        }
     }
-    else if (isArray(children)) {
-        type = 16 /* ARRAY_CHILDREN */;
+    else if (isObject(setupResult)) {
+        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
+            warn$1(`setup() should not return VNodes directly - ` +
+                `return a render function instead.`);
+        }
+        // setup returned bindings.
+        // assuming a render function compiled from template is present.
+        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
+            instance.devtoolsRawSetupState = setupResult;
+        }
+        instance.setupState = proxyRefs(setupResult);
+        if ((process.env.NODE_ENV !== 'production')) {
+            exposeSetupStateOnRenderContext(instance);
+        }
     }
-    else if (typeof children === 'object') {
-        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
-            // Normalize slot to plain children for plain element and Teleport
-            const slot = children.default;
-            if (slot) {
-                // _c marker is added by withCtx() indicating this is a compiled slot
-                slot._c && (slot._d = false);
-                normalizeChildren(vnode, slot());
-                slot._c && (slot._d = true);
-            }
-            return;
+    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
+        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+    }
+    finishComponentSetup(instance, isSSR);
+}
+let compile;
+let installWithProxy;
+/**
+ * For runtime-dom to register the compiler.
+ * Note the exported method uses any to avoid d.ts relying on the compiler types.
+ */
+function registerRuntimeCompiler(_compile) {
+    compile = _compile;
+    installWithProxy = i => {
+        if (i.render._rc) {
+            i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
         }
-        else {
-            type = 32 /* SLOTS_CHILDREN */;
-            const slotFlag = children._;
-            if (!slotFlag && !(InternalObjectKey in children)) {
-                children._ctx = currentRenderingInstance;
-            }
-            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
-                // a child component receives forwarded slots from the parent.
-                // its slot type is determined by its parent's slot type.
-                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
-                    children._ = 1 /* STABLE */;
+    };
+}
+// dev only
+const isRuntimeOnly = () => !compile;
+function finishComponentSetup(instance, isSSR, skipOptions) {
+    const Component = instance.type;
+    // template / render function normalization
+    if (!instance.render) {
+        // could be set from setup()
+        if (compile && !Component.render) {
+            const template = Component.template;
+            if (template) {
+                if ((process.env.NODE_ENV !== 'production')) {
+                    startMeasure(instance, `compile`);
                 }
-                else {
-                    children._ = 2 /* DYNAMIC */;
-                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                const { isCustomElement, compilerOptions } = instance.appContext.config;
+                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
+                const finalCompilerOptions = extend(extend({
+                    isCustomElement,
+                    delimiters
+                }, compilerOptions), componentCompilerOptions);
+                Component.render = compile(template, finalCompilerOptions);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    endMeasure(instance, `compile`);
                 }
             }
         }
+        instance.render = (Component.render || NOOP);
+        // for runtime-compiled render functions using `with` blocks, the render
+        // proxy used needs a different `has` handler which is more performant and
+        // also only allows a whitelist of globals to fallthrough.
+        if (installWithProxy) {
+            installWithProxy(instance);
+        }
     }
-    else if (isFunction(children)) {
-        children = { default: children, _ctx: currentRenderingInstance };
-        type = 32 /* SLOTS_CHILDREN */;
+    // support for 2.x options
+    if (__VUE_OPTIONS_API__ && !(false )) {
+        setCurrentInstance(instance);
+        pauseTracking();
+        applyOptions(instance);
+        resetTracking();
+        unsetCurrentInstance();
     }
-    else {
-        children = String(children);
-        // force teleport children to array so it can be moved around
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type = 16 /* ARRAY_CHILDREN */;
-            children = [createTextVNode(children)];
+    // warn missing template/render
+    // the runtime compilation of template in SSR is done by server-render
+    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
+        /* istanbul ignore if */
+        if (!compile && Component.template) {
+            warn$1(`Component provided template option but ` +
+                `runtime compilation is not supported in this build of Vue.` +
+                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
+                    ) /* should not happen */);
         }
         else {
-            type = 8 /* TEXT_CHILDREN */;
+            warn$1(`Component is missing template or render function.`);
+        }
+    }
+}
+function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, (process.env.NODE_ENV !== 'production')
+        ? {
+            get(target, key) {
+                markAttrsAccessed();
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            },
+            set() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            },
+            deleteProperty() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            }
+        }
+        : {
+            get(target, key) {
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            }
+        });
+}
+function createSetupContext(instance) {
+    const expose = exposed => {
+        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
+            warn$1(`expose() should be called only once per setup().`);
         }
+        instance.exposed = exposed || {};
+    };
+    let attrs;
+    if ((process.env.NODE_ENV !== 'production')) {
+        // We use getters in dev in case libs like test-utils overwrite instance
+        // properties (overwrites should not be done in prod)
+        return Object.freeze({
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            get slots() {
+                return shallowReadonly(instance.slots);
+            },
+            get emit() {
+                return (event, ...args) => instance.emit(event, ...args);
+            },
+            expose
+        });
+    }
+    else {
+        return {
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            slots: instance.slots,
+            emit: instance.emit,
+            expose
+        };
+    }
+}
+function getExposeProxy(instance) {
+    if (instance.exposed) {
+        return (instance.exposeProxy ||
+            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+                get(target, key) {
+                    if (key in target) {
+                        return target[key];
+                    }
+                    else if (key in publicPropertiesMap) {
+                        return publicPropertiesMap[key](instance);
+                    }
+                }
+            })));
     }
-    vnode.children = children;
-    vnode.shapeFlag |= type;
 }
-function mergeProps(...args) {
-    const ret = extend({}, args[0]);
-    for (let i = 1; i < args.length; i++) {
-        const toMerge = args[i];
-        for (const key in toMerge) {
-            if (key === 'class') {
-                if (ret.class !== toMerge.class) {
-                    ret.class = normalizeClass([ret.class, toMerge.class]);
-                }
-            }
-            else if (key === 'style') {
-                ret.style = normalizeStyle([ret.style, toMerge.style]);
-            }
-            else if (isOn(key)) {
-                const existing = ret[key];
-                const incoming = toMerge[key];
-                if (existing !== incoming) {
-                    ret[key] = existing
-                        ? [].concat(existing, incoming)
-                        : incoming;
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return isFunction(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
+}
+/* istanbul ignore next */
+function formatComponentName(instance, Component, isRoot = false) {
+    let name = getComponentName(Component);
+    if (!name && Component.__file) {
+        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
+        if (match) {
+            name = match[1];
+        }
+    }
+    if (!name && instance && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
                 }
             }
-            else if (key !== '') {
-                ret[key] = toMerge[key];
-            }
-        }
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
     }
-    return ret;
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+}
+function isClassComponent(value) {
+    return isFunction(value) && '__vccOpts' in value;
 }
 
-/**
- * Actual implementation
- */
-function renderList(source, renderItem) {
-    let ret;
-    if (isArray(source) || isString(source)) {
-        ret = new Array(source.length);
-        for (let i = 0, l = source.length; i < l; i++) {
-            ret[i] = renderItem(source[i], i);
-        }
-    }
-    else if (typeof source === 'number') {
-        if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
-            warn(`The v-for range expect an integer value but got ${source}.`);
-            return [];
-        }
-        ret = new Array(source);
-        for (let i = 0; i < source; i++) {
-            ret[i] = renderItem(i + 1, i);
-        }
+const stack = [];
+function pushWarningContext(vnode) {
+    stack.push(vnode);
+}
+function popWarningContext() {
+    stack.pop();
+}
+function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    const instance = stack.length ? stack[stack.length - 1].component : null;
+    const appWarnHandler = instance && instance.appContext.config.warnHandler;
+    const trace = getComponentTrace();
+    if (appWarnHandler) {
+        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
+            msg + args.join(''),
+            instance && instance.proxy,
+            trace
+                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
+                .join('\n'),
+            trace
+        ]);
     }
-    else if (isObject(source)) {
-        if (source[Symbol.iterator]) {
-            ret = Array.from(source, renderItem);
-        }
-        else {
-            const keys = Object.keys(source);
-            ret = new Array(keys.length);
-            for (let i = 0, l = keys.length; i < l; i++) {
-                const key = keys[i];
-                ret[i] = renderItem(source[key], key, i);
-            }
+    else {
+        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
+        /* istanbul ignore if */
+        if (trace.length &&
+            // avoid spamming console during tests
+            !false) {
+            warnArgs.push(`\n`, ...formatTrace(trace));
         }
+        console.warn(...warnArgs);
     }
-    else {
-        ret = [];
+    resetTracking();
+}
+function getComponentTrace() {
+    let currentVNode = stack[stack.length - 1];
+    if (!currentVNode) {
+        return [];
     }
-    return ret;
-}
-
-/**
- * Compiler runtime helper for creating dynamic slots object
- * @private
- */
-function createSlots(slots, dynamicSlots) {
-    for (let i = 0; i < dynamicSlots.length; i++) {
-        const slot = dynamicSlots[i];
-        // array of dynamic slot generated by <template v-for="..." #[...]>
-        if (isArray(slot)) {
-            for (let j = 0; j < slot.length; j++) {
-                slots[slot[j].name] = slot[j].fn;
-            }
+    // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
+    const normalizedStack = [];
+    while (currentVNode) {
+        const last = normalizedStack[0];
+        if (last && last.vnode === currentVNode) {
+            last.recurseCount++;
         }
-        else if (slot) {
-            // conditional single slot generated by <template v-if="..." #foo>
-            slots[slot.name] = slot.fn;
+        else {
+            normalizedStack.push({
+                vnode: currentVNode,
+                recurseCount: 0
+            });
         }
+        const parentInstance = currentVNode.component && currentVNode.component.parent;
+        currentVNode = parentInstance && parentInstance.vnode;
     }
-    return slots;
-}
-
-/**
- * Compiler runtime helper for rendering `<slot/>`
- * @private
- */
-function renderSlot(slots, name, props = {}, 
-// this is not a user-facing function, so the fallback is always generated by
-// the compiler and guaranteed to be a function returning an array
-fallback, noSlotted) {
-    let slot = slots[name];
-    if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
-        warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
-            `function. You need to mark this component with $dynamic-slots in the ` +
-            `parent template.`);
-        slot = () => [];
-    }
-    // a compiled slot disables block tracking by default to avoid manual
-    // invocation interfering with template-based block tracking, but in
-    // `renderSlot` we can be sure that it's template-based so we can force
-    // enable it.
-    if (slot && slot._c) {
-        slot._d = false;
+    return normalizedStack;
+}
+/* istanbul ignore next */
+function formatTrace(trace) {
+    const logs = [];
+    trace.forEach((entry, i) => {
+        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    });
+    return logs;
+}
+function formatTraceEntry({ vnode, recurseCount }) {
+    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
+    const isRoot = vnode.component ? vnode.component.parent == null : false;
+    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
+    const close = `>` + postfix;
+    return vnode.props
+        ? [open, ...formatProps(vnode.props), close]
+        : [open + close];
+}
+/* istanbul ignore next */
+function formatProps(props) {
+    const res = [];
+    const keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+        res.push(...formatProp(key, props[key]));
+    });
+    if (keys.length > 3) {
+        res.push(` ...`);
     }
-    openBlock();
-    const validSlotContent = slot && ensureValidVNode(slot(props));
-    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
-        ? 64 /* STABLE_FRAGMENT */
-        : -2 /* BAIL */);
-    if (!noSlotted && rendered.scopeId) {
-        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    return res;
+}
+/* istanbul ignore next */
+function formatProp(key, value, raw) {
+    if (isString(value)) {
+        value = JSON.stringify(value);
+        return raw ? value : [`${key}=${value}`];
     }
-    if (slot && slot._c) {
-        slot._d = true;
+    else if (typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        value == null) {
+        return raw ? value : [`${key}=${value}`];
     }
-    return rendered;
-}
-function ensureValidVNode(vnodes) {
-    return vnodes.some(child => {
-        if (!isVNode(child))
-            return true;
-        if (child.type === Comment$1)
-            return false;
-        if (child.type === Fragment &&
-            !ensureValidVNode(child.children))
-            return false;
-        return true;
-    })
-        ? vnodes
-        : null;
-}
-
-/**
- * For prefixing keys in v-on="obj" with "on"
- * @private
- */
-function toHandlers(obj) {
-    const ret = {};
-    if ((process.env.NODE_ENV !== 'production') && !isObject(obj)) {
-        warn(`v-on with no argument expects an object value.`);
-        return ret;
+    else if (isRef(value)) {
+        value = formatProp(key, toRaw(value.value), true);
+        return raw ? value : [`${key}=Ref<`, value, `>`];
     }
-    for (const key in obj) {
-        ret[toHandlerKey(key)] = obj[key];
+    else if (isFunction(value)) {
+        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
+    }
+    else {
+        value = toRaw(value);
+        return raw ? value : [`${key}=`, value];
     }
-    return ret;
 }
 
-/**
- * #2437 In Vue 3, functional components do not have a public instance proxy but
- * they exist in the internal parent chain. For code that relies on traversing
- * public $parent chains, skip functional ones and go to the parent instead.
- */
-const getPublicInstance = (i) => {
-    if (!i)
-        return null;
-    if (isStatefulComponent(i))
-        return getExposeProxy(i) || i.proxy;
-    return getPublicInstance(i.parent);
+const ErrorTypeStrings = {
+    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
+    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
+    ["c" /* CREATED */]: 'created hook',
+    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
+    ["m" /* MOUNTED */]: 'mounted hook',
+    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
+    ["u" /* UPDATED */]: 'updated',
+    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
+    ["um" /* UNMOUNTED */]: 'unmounted hook',
+    ["a" /* ACTIVATED */]: 'activated hook',
+    ["da" /* DEACTIVATED */]: 'deactivated hook',
+    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
+    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
+    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
+    [0 /* SETUP_FUNCTION */]: 'setup function',
+    [1 /* RENDER_FUNCTION */]: 'render function',
+    [2 /* WATCH_GETTER */]: 'watcher getter',
+    [3 /* WATCH_CALLBACK */]: 'watcher callback',
+    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
+    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
+    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
+    [7 /* VNODE_HOOK */]: 'vnode hook',
+    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
+    [9 /* TRANSITION_HOOK */]: 'transition hook',
+    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
+    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
+    [12 /* FUNCTION_REF */]: 'ref function',
+    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
+    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
 };
-const publicPropertiesMap = extend(Object.create(null), {
-    $: i => i,
-    $el: i => i.vnode.el,
-    $data: i => i.data,
-    $props: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.props) : i.props),
-    $attrs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.attrs) : i.attrs),
-    $slots: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots),
-    $refs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.refs) : i.refs),
-    $parent: i => getPublicInstance(i.parent),
-    $root: i => getPublicInstance(i.root),
-    $emit: i => i.emit,
-    $options: i => (__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
-    $forceUpdate: i => () => queueJob(i.update),
-    $nextTick: i => nextTick.bind(i.proxy),
-    $watch: i => (__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
-});
-const PublicInstanceProxyHandlers = {
-    get({ _: instance }, key) {
-        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-        // for internal formatters to know that this is a Vue instance
-        if ((process.env.NODE_ENV !== 'production') && key === '__isVue') {
-            return true;
-        }
-        // prioritize <script setup> bindings during dev.
-        // this allows even properties that start with _ or $ to be used - so that
-        // it aligns with the production behavior where the render fn is inlined and
-        // indeed has access to all declared variables.
-        if ((process.env.NODE_ENV !== 'production') &&
-            setupState !== EMPTY_OBJ &&
-            setupState.__isScriptSetup &&
-            hasOwn(setupState, key)) {
-            return setupState[key];
+function callWithErrorHandling(fn, instance, type, args) {
+    let res;
+    try {
+        res = args ? fn(...args) : fn();
+    }
+    catch (err) {
+        handleError(err, instance, type);
+    }
+    return res;
+}
+function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (isFunction(fn)) {
+        const res = callWithErrorHandling(fn, instance, type, args);
+        if (res && isPromise(res)) {
+            res.catch(err => {
+                handleError(err, instance, type);
+            });
         }
-        // data / props / ctx
-        // This getter gets called for every property access on the render context
-        // during render and is a major hotspot. The most expensive part of this
-        // is the multiple hasOwn() calls. It's much faster to do a simple property
-        // access on a plain object, so we use an accessCache object (with null
-        // prototype) to memoize what access type a key corresponds to.
-        let normalizedProps;
-        if (key[0] !== '$') {
-            const n = accessCache[key];
-            if (n !== undefined) {
-                switch (n) {
-                    case 0 /* SETUP */:
-                        return setupState[key];
-                    case 1 /* DATA */:
-                        return data[key];
-                    case 3 /* CONTEXT */:
-                        return ctx[key];
-                    case 2 /* PROPS */:
-                        return props[key];
-                    // default: just fallthrough
+        return res;
+    }
+    const values = [];
+    for (let i = 0; i < fn.length; i++) {
+        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    }
+    return values;
+}
+function handleError(err, instance, type, throwInDev = true) {
+    const contextVNode = instance ? instance.vnode : null;
+    if (instance) {
+        let cur = instance.parent;
+        // the exposed instance is the render proxy to keep it consistent with 2.x
+        const exposedInstance = instance.proxy;
+        // in production the hook receives only the error code
+        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
+        while (cur) {
+            const errorCapturedHooks = cur.ec;
+            if (errorCapturedHooks) {
+                for (let i = 0; i < errorCapturedHooks.length; i++) {
+                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+                        return;
+                    }
                 }
             }
-            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-                accessCache[key] = 0 /* SETUP */;
-                return setupState[key];
-            }
-            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-                accessCache[key] = 1 /* DATA */;
-                return data[key];
-            }
-            else if (
-            // only cache other properties when instance has declared (thus stable)
-            // props
-            (normalizedProps = instance.propsOptions[0]) &&
-                hasOwn(normalizedProps, key)) {
-                accessCache[key] = 2 /* PROPS */;
-                return props[key];
-            }
-            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-                accessCache[key] = 3 /* CONTEXT */;
-                return ctx[key];
-            }
-            else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {
-                accessCache[key] = 4 /* OTHER */;
-            }
-        }
-        const publicGetter = publicPropertiesMap[key];
-        let cssModule, globalProperties;
-        // public $xxx properties
-        if (publicGetter) {
-            if (key === '$attrs') {
-                track(instance, "get" /* GET */, key);
-                (process.env.NODE_ENV !== 'production') && markAttrsAccessed();
-            }
-            return publicGetter(instance);
-        }
-        else if (
-        // css module (injected by vue-loader)
-        (cssModule = type.__cssModules) &&
-            (cssModule = cssModule[key])) {
-            return cssModule;
-        }
-        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-            // user may set custom properties to `this` that start with `$`
-            accessCache[key] = 3 /* CONTEXT */;
-            return ctx[key];
+            cur = cur.parent;
         }
-        else if (
-        // global properties
-        ((globalProperties = appContext.config.globalProperties),
-            hasOwn(globalProperties, key))) {
-            {
-                return globalProperties[key];
-            }
+        // app-level handling
+        const appErrorHandler = instance.appContext.config.errorHandler;
+        if (appErrorHandler) {
+            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
+            return;
         }
-        else if ((process.env.NODE_ENV !== 'production') &&
-            currentRenderingInstance &&
-            (!isString(key) ||
-                // #1091 avoid internal isRef/isVNode checks on component instance leading
-                // to infinite warning loop
-                key.indexOf('__v') !== 0)) {
-            if (data !== EMPTY_OBJ &&
-                (key[0] === '$' || key[0] === '_') &&
-                hasOwn(data, key)) {
-                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
-                    `character ("$" or "_") and is not proxied on the render context.`);
-            }
-            else if (instance === currentRenderingInstance) {
-                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
-                    `but is not defined on instance.`);
-            }
+    }
+    logError(err, type, contextVNode, throwInDev);
+}
+function logError(err, type, contextVNode, throwInDev = true) {
+    if ((process.env.NODE_ENV !== 'production')) {
+        const info = ErrorTypeStrings[type];
+        if (contextVNode) {
+            pushWarningContext(contextVNode);
         }
-    },
-    set({ _: instance }, key, value) {
-        const { data, setupState, ctx } = instance;
-        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-            setupState[key] = value;
+        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        if (contextVNode) {
+            popWarningContext();
         }
-        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-            data[key] = value;
+        // crash in dev by default so it's more noticeable
+        if (throwInDev) {
+            // throw err fixed by xxxxxx 避免 error 导致 App 端不可用（比如跳转时报错）
+            console.error(err);
         }
-        else if (hasOwn(instance.props, key)) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
-            return false;
+        else {
+            console.error(err);
         }
-        if (key[0] === '$' && key.slice(1) in instance) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate public property "${key}". ` +
-                    `Properties starting with $ are reserved and readonly.`, instance);
-            return false;
+    }
+    else {
+        // recover in prod to reduce the impact on end-user
+        console.error(err);
+    }
+}
+
+let isFlushing = false;
+let isFlushPending = false;
+const queue = [];
+let flushIndex = 0;
+const pendingPreFlushCbs = [];
+let activePreFlushCbs = null;
+let preFlushIndex = 0;
+const pendingPostFlushCbs = [];
+let activePostFlushCbs = null;
+let postFlushIndex = 0;
+// fixed by xxxxxx iOS
+const iOSPromise = {
+    then(callback) {
+        setTimeout(() => callback(), 0);
+    }
+};
+const isIOS = exports.platform === 'iOS';
+const resolvedPromise = isIOS ? iOSPromise : Promise.resolve();
+let currentFlushPromise = null;
+let currentPreFlushParentJob = null;
+const RECURSION_LIMIT = 100;
+function nextTick(fn) {
+    const p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+}
+// #2768
+// Use binary-search to find a suitable position in the queue,
+// so that the queue maintains the increasing order of job's id,
+// which can prevent the job from being skipped and also can avoid repeated patching.
+function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    let start = flushIndex + 1;
+    let end = queue.length;
+    while (start < end) {
+        const middle = (start + end) >>> 1;
+        const middleJobId = getId(queue[middle]);
+        middleJobId < id ? (start = middle + 1) : (end = middle);
+    }
+    return start;
+}
+function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length ||
+        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
+        job !== currentPreFlushParentJob) {
+        if (job.id == null) {
+            queue.push(job);
         }
         else {
-            if ((process.env.NODE_ENV !== 'production') && key in instance.appContext.config.globalProperties) {
-                Object.defineProperty(ctx, key, {
-                    enumerable: true,
-                    configurable: true,
-                    value
-                });
-            }
-            else {
-                ctx[key] = value;
-            }
+            queue.splice(findInsertionIndex(job.id), 0, job);
         }
-        return true;
-    },
-    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
-        let normalizedProps;
-        return (accessCache[key] !== undefined ||
-            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
-            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
-            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
-            hasOwn(ctx, key) ||
-            hasOwn(publicPropertiesMap, key) ||
-            hasOwn(appContext.config.globalProperties, key));
+        queueFlush();
     }
-};
-if ((process.env.NODE_ENV !== 'production') && !false) {
-    PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
-            `The keys will be empty in production mode to avoid performance overhead.`);
-        return Reflect.ownKeys(target);
-    };
 }
-const RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-        // fast path for unscopables when using `with` block
-        if (key === Symbol.unscopables) {
-            return;
-        }
-        return PublicInstanceProxyHandlers.get(target, key, target);
-    },
-    has(_, key) {
-        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
-        if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
-            warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+        isFlushPending = true;
+        currentFlushPromise = resolvedPromise.then(flushJobs);
+    }
+}
+function invalidateJob(job) {
+    const i = queue.indexOf(job);
+    if (i > flushIndex) {
+        queue.splice(i, 1);
+    }
+}
+function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!isArray(cb)) {
+        if (!activeQueue ||
+            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+            pendingQueue.push(cb);
         }
-        return has;
     }
-});
-// In dev mode, the proxy target exposes the same properties as seen on `this`
-// for easier console inspection. In prod mode it will be an empty object so
-// these properties definitions can be skipped.
-function createRenderContext(instance) {
-    const target = {};
-    // expose internal instance for proxy handlers
-    Object.defineProperty(target, `_`, {
-        configurable: true,
-        enumerable: false,
-        get: () => instance
-    });
-    // expose public properties
-    Object.keys(publicPropertiesMap).forEach(key => {
-        Object.defineProperty(target, key, {
-            configurable: true,
-            enumerable: false,
-            get: () => publicPropertiesMap[key](instance),
-            // intercepted by the proxy so no need for implementation,
-            // but needed to prevent set errors
-            set: NOOP
-        });
-    });
-    return target;
+    else {
+        // if cb is an array, it is a component lifecycle hook which can only be
+        // triggered by a job, which is already deduped in the main queue, so
+        // we can skip duplicate check here to improve perf
+        pendingQueue.push(...cb);
+    }
+    queueFlush();
 }
-// dev only
-function exposePropsOnRenderContext(instance) {
-    const { ctx, propsOptions: [propsOptions] } = instance;
-    if (propsOptions) {
-        Object.keys(propsOptions).forEach(key => {
-            Object.defineProperty(ctx, key, {
-                enumerable: true,
-                configurable: true,
-                get: () => instance.props[key],
-                set: NOOP
-            });
-        });
+function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+}
+function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+}
+function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+        currentPreFlushParentJob = parentJob;
+        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+        pendingPreFlushCbs.length = 0;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
+        }
+        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+                continue;
+            }
+            activePreFlushCbs[preFlushIndex]();
+        }
+        activePreFlushCbs = null;
+        preFlushIndex = 0;
+        currentPreFlushParentJob = null;
+        // recursively flush until it drains
+        flushPreFlushCbs(seen, parentJob);
     }
 }
-// dev only
-function exposeSetupStateOnRenderContext(instance) {
-    const { ctx, setupState } = instance;
-    Object.keys(toRaw(setupState)).forEach(key => {
-        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-            warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
-                `which are reserved prefixes for Vue internals.`);
+function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+        const deduped = [...new Set(pendingPostFlushCbs)];
+        pendingPostFlushCbs.length = 0;
+        // #1947 already has active queue, nested flushPostFlushCbs call
+        if (activePostFlushCbs) {
+            activePostFlushCbs.push(...deduped);
             return;
-        }
-        Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            get: () => setupState[key],
-            set: NOOP
-        });
-    });
-}
-
-const emptyAppContext = createAppContext();
-let uid$2 = 0;
-function createComponentInstance(vnode, parent, suspense) {
-    const type = vnode.type;
-    // inherit parent app context - or - if root, adopt from root vnode
-    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    const instance = {
-        uid: uid$2++,
-        vnode,
-        type,
-        parent,
-        appContext,
-        root: null,
-        next: null,
-        subTree: null,
-        update: null,
-        render: null,
-        proxy: null,
-        exposed: null,
-        exposeProxy: null,
-        withProxy: null,
-        effects: null,
-        provides: parent ? parent.provides : Object.create(appContext.provides),
-        accessCache: null,
-        renderCache: [],
-        // local resovled assets
-        components: null,
-        directives: null,
-        // resolved props and emits options
-        propsOptions: normalizePropsOptions(type, appContext),
-        emitsOptions: normalizeEmitsOptions(type, appContext),
-        // emit
-        emit: null,
-        emitted: null,
-        // props default value
-        propsDefaults: EMPTY_OBJ,
-        // inheritAttrs
-        inheritAttrs: type.inheritAttrs,
-        // state
-        ctx: EMPTY_OBJ,
-        data: EMPTY_OBJ,
-        props: EMPTY_OBJ,
-        attrs: EMPTY_OBJ,
-        slots: EMPTY_OBJ,
-        refs: EMPTY_OBJ,
-        setupState: EMPTY_OBJ,
-        setupContext: null,
-        // suspense related
-        suspense,
-        suspenseId: suspense ? suspense.pendingId : 0,
-        asyncDep: null,
-        asyncResolved: false,
-        // lifecycle hooks
-        // not using enums here because it results in computed properties
-        isMounted: false,
-        isUnmounted: false,
-        isDeactivated: false,
-        bc: null,
-        c: null,
-        bm: null,
-        m: null,
-        bu: null,
-        u: null,
-        um: null,
-        bum: null,
-        da: null,
-        a: null,
-        rtg: null,
-        rtc: null,
-        ec: null,
-        sp: null
-    };
+        }
+        activePostFlushCbs = deduped;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
+        }
+        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+                continue;
+            }
+            activePostFlushCbs[postFlushIndex]();
+        }
+        activePostFlushCbs = null;
+        postFlushIndex = 0;
+    }
+}
+const getId = (job) => job.id == null ? Infinity : job.id;
+function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
     if ((process.env.NODE_ENV !== 'production')) {
-        instance.ctx = createRenderContext(instance);
+        seen = seen || new Map();
     }
-    else {
-        instance.ctx = { _: instance };
+    flushPreFlushCbs(seen);
+    // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
+    queue.sort((a, b) => getId(a) - getId(b));
+    try {
+        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+            const job = queue[flushIndex];
+            if (job && job.active !== false) {
+                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
+                    continue;
+                }
+                // console.log(`running:`, job.id)
+                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
+            }
+        }
+    }
+    finally {
+        flushIndex = 0;
+        queue.length = 0;
+        flushPostFlushCbs(seen);
+        isFlushing = false;
+        currentFlushPromise = null;
+        // some postFlushCb queued jobs!
+        // keep flushing until it drains.
+        if (queue.length ||
+            pendingPreFlushCbs.length ||
+            pendingPostFlushCbs.length) {
+            flushJobs(seen);
+        }
     }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit.bind(null, instance);
-    return instance;
 }
-let currentInstance = null;
-const getCurrentInstance = () => currentInstance || currentRenderingInstance;
-const setCurrentInstance = (instance) => {
-    currentInstance = instance;
-};
-const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
-function validateComponentName(name, config) {
-    const appIsNativeTag = config.isNativeTag || NO;
-    if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
+function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+        seen.set(fn, 1);
+    }
+    else {
+        const count = seen.get(fn);
+        if (count > RECURSION_LIMIT) {
+            const instance = fn.ownerInstance;
+            const componentName = instance && getComponentName(instance.type);
+            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+                `This means you have a reactive effect that is mutating its own ` +
+                `dependencies and thus recursively triggering itself. Possible sources ` +
+                `include component template, render function, updated hook or ` +
+                `watcher source function.`);
+            return true;
+        }
+        else {
+            seen.set(fn, count + 1);
+        }
     }
+}
+
+// Simple effect.
+function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
 }
-function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
+function watchPostEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'post' })
+        : { flush: 'post' }));
 }
-let isInSSRComponentSetup = false;
-function setupComponent(instance, isSSR = false) {
-    isInSSRComponentSetup = isSSR;
-    const { props, children } = instance.vnode;
-    const isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children);
-    const setupResult = isStateful
-        ? setupStatefulComponent(instance, isSSR)
-        : undefined;
-    isInSSRComponentSetup = false;
-    return setupResult;
+function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'sync' })
+        : { flush: 'sync' }));
 }
-function setupStatefulComponent(instance, isSSR) {
-    const Component = instance.type;
-    if ((process.env.NODE_ENV !== 'production')) {
-        if (Component.name) {
-            validateComponentName(Component.name, instance.appContext.config);
-        }
-        if (Component.components) {
-            const names = Object.keys(Component.components);
-            for (let i = 0; i < names.length; i++) {
-                validateComponentName(names[i], instance.appContext.config);
-            }
-        }
-        if (Component.directives) {
-            const names = Object.keys(Component.directives);
-            for (let i = 0; i < names.length; i++) {
-                validateDirectiveName(names[i]);
-            }
+// initial value for watchers to trigger on undefined initial values
+const INITIAL_WATCHER_VALUE = {};
+// implementation
+function watch(source, cb, options) {
+    if ((process.env.NODE_ENV !== 'production') && !isFunction(cb)) {
+        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+            `supports \`watch(source, cb, options?) signature.`);
+    }
+    return doWatch(source, cb, options);
+}
+function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
+    if ((process.env.NODE_ENV !== 'production') && !cb) {
+        if (immediate !== undefined) {
+            warn$1(`watch() "immediate" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
-        if (Component.compilerOptions && isRuntimeOnly()) {
-            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
-                `includes the runtime compiler. Since you are using a runtime-only ` +
-                `build, the options should be passed via your build tool config instead.`);
+        if (deep !== undefined) {
+            warn$1(`watch() "deep" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
     }
-    // 0. create render proxy property access cache
-    instance.accessCache = Object.create(null);
-    // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
-    if ((process.env.NODE_ENV !== 'production')) {
-        exposePropsOnRenderContext(instance);
+    const warnInvalidSource = (s) => {
+        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+            `a reactive object, or an array of these types.`);
+    };
+    const instance = currentInstance;
+    let getter;
+    let forceTrigger = false;
+    let isMultiSource = false;
+    if (isRef(source)) {
+        getter = () => source.value;
+        forceTrigger = !!source._shallow;
     }
-    // 2. call setup()
-    const { setup } = Component;
-    if (setup) {
-        const setupContext = (instance.setupContext =
-            setup.length > 1 ? createSetupContext(instance) : null);
-        currentInstance = instance;
-        pauseTracking();
-        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
-        resetTracking();
-        currentInstance = null;
-        if (isPromise(setupResult)) {
-            const unsetInstance = () => {
-                currentInstance = null;
-            };
-            setupResult.then(unsetInstance, unsetInstance);
-            if (isSSR) {
-                // return the promise so server-renderer can wait on it
-                return setupResult
-                    .then((resolvedResult) => {
-                    handleSetupResult(instance, resolvedResult, isSSR);
-                })
-                    .catch(e => {
-                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
-                });
+    else if (isReactive(source)) {
+        getter = () => source;
+        deep = true;
+    }
+    else if (isArray(source)) {
+        isMultiSource = true;
+        forceTrigger = source.some(isReactive);
+        getter = () => source.map(s => {
+            if (isRef(s)) {
+                return s.value;
+            }
+            else if (isReactive(s)) {
+                return traverse(s);
+            }
+            else if (isFunction(s)) {
+                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
             }
             else {
-                // async setup returned Promise.
-                // bail here and wait for re-entry.
-                instance.asyncDep = setupResult;
+                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
             }
+        });
+    }
+    else if (isFunction(source)) {
+        if (cb) {
+            // getter with cb
+            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
         }
         else {
-            handleSetupResult(instance, setupResult, isSSR);
+            // no cb -> simple effect
+            getter = () => {
+                if (instance && instance.isUnmounted) {
+                    return;
+                }
+                if (cleanup) {
+                    cleanup();
+                }
+                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
+            };
         }
     }
     else {
-        finishComponentSetup(instance, isSSR);
+        getter = NOOP;
+        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
     }
-}
-function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction(setupResult)) {
-        // setup returned an inline render function
-        {
-            instance.render = setupResult;
-        }
+    if (cb && deep) {
+        const baseGetter = getter;
+        getter = () => traverse(baseGetter());
     }
-    else if (isObject(setupResult)) {
-        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
-            warn(`setup() should not return VNodes directly - ` +
-                `return a render function instead.`);
+    let cleanup;
+    let onInvalidate = (fn) => {
+        cleanup = effect.onStop = () => {
+            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
+        };
+    };
+    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    const job = () => {
+        if (!effect.active) {
+            return;
         }
-        // setup returned bindings.
-        // assuming a render function compiled from template is present.
-        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
-            instance.devtoolsRawSetupState = setupResult;
+        if (cb) {
+            // watch(source, cb)
+            const newValue = effect.run();
+            if (deep ||
+                forceTrigger ||
+                (isMultiSource
+                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
+                    : hasChanged(newValue, oldValue)) ||
+                (false  )) {
+                // cleanup before running cb again
+                if (cleanup) {
+                    cleanup();
+                }
+                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                    newValue,
+                    // pass undefined as the old value when it's changed for the first time
+                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    onInvalidate
+                ]);
+                oldValue = newValue;
+            }
         }
-        instance.setupState = proxyRefs(setupResult);
-        if ((process.env.NODE_ENV !== 'production')) {
-            exposeSetupStateOnRenderContext(instance);
+        else {
+            // watchEffect
+            effect.run();
         }
+    };
+    // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
+    job.allowRecurse = !!cb;
+    let scheduler;
+    if (flush === 'sync') {
+        scheduler = job; // the scheduler function gets called directly
     }
-    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
-        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+    else if (flush === 'post') {
+        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
     }
-    finishComponentSetup(instance, isSSR);
-}
-let compile;
-// dev only
-const isRuntimeOnly = () => !compile;
-/**
- * For runtime-dom to register the compiler.
- * Note the exported method uses any to avoid d.ts relying on the compiler types.
- */
-function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-}
-function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component = instance.type;
-    // template / render function normalization
-    if (!instance.render) {
-        // could be set from setup()
-        if (compile && !Component.render) {
-            const template = Component.template;
-            if (template) {
-                if ((process.env.NODE_ENV !== 'production')) {
-                    startMeasure(instance, `compile`);
-                }
-                const { isCustomElement, compilerOptions } = instance.appContext.config;
-                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-                const finalCompilerOptions = extend(extend({
-                    isCustomElement,
-                    delimiters
-                }, compilerOptions), componentCompilerOptions);
-                Component.render = compile(template, finalCompilerOptions);
-                if ((process.env.NODE_ENV !== 'production')) {
-                    endMeasure(instance, `compile`);
-                }
+    else {
+        // default: 'pre'
+        scheduler = () => {
+            if (!instance || instance.isMounted) {
+                queuePreFlushCb(job);
             }
-        }
-        instance.render = (Component.render || NOOP);
-        // for runtime-compiled render functions using `with` blocks, the render
-        // proxy used needs a different `has` handler which is more performant and
-        // also only allows a whitelist of globals to fallthrough.
-        if (instance.render._rc) {
-            instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-        }
+            else {
+                // with 'pre' option, the first call must happen before
+                // the component is mounted so it is called synchronously.
+                job();
+            }
+        };
     }
-    // support for 2.x options
-    if (__VUE_OPTIONS_API__ && !(false )) {
-        currentInstance = instance;
-        pauseTracking();
-        applyOptions(instance);
-        resetTracking();
-        currentInstance = null;
+    const effect = new ReactiveEffect(getter, scheduler);
+    if ((process.env.NODE_ENV !== 'production')) {
+        effect.onTrack = onTrack;
+        effect.onTrigger = onTrigger;
     }
-    // warn missing template/render
-    // the runtime compilation of template in SSR is done by server-render
-    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
-        /* istanbul ignore if */
-        if (!compile && Component.template) {
-            warn(`Component provided template option but ` +
-                `runtime compilation is not supported in this build of Vue.` +
-                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
-                    ) /* should not happen */);
+    // initial run
+    if (cb) {
+        if (immediate) {
+            job();
         }
         else {
-            warn(`Component is missing template or render function.`);
+            oldValue = effect.run();
         }
     }
-}
-const attrDevProxyHandlers = {
-    get: (target, key) => {
-        markAttrsAccessed();
-        return target[key];
-    },
-    set: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
-    },
-    deleteProperty: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
+    else if (flush === 'post') {
+        queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
     }
-};
-function createSetupContext(instance) {
-    const expose = exposed => {
-        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
-            warn(`expose() should be called only once per setup().`);
+    else {
+        effect.run();
+    }
+    return () => {
+        effect.stop();
+        if (instance && instance.scope) {
+            remove(instance.scope.effects, effect);
         }
-        instance.exposed = exposed || {};
     };
-    if ((process.env.NODE_ENV !== 'production')) {
-        let attrs;
-        // We use getters in dev in case libs like test-utils overwrite instance
-        // properties (overwrites should not be done in prod)
-        return Object.freeze({
-            get attrs() {
-                return (attrs || (attrs = new Proxy(instance.attrs, attrDevProxyHandlers)));
-            },
-            get slots() {
-                return shallowReadonly(instance.slots);
-            },
-            get emit() {
-                return (event, ...args) => instance.emit(event, ...args);
-            },
-            expose
-        });
+}
+// this.$watch
+function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = isString(source)
+        ? source.includes('.')
+            ? createPathGetter(publicThis, source)
+            : () => publicThis[source]
+        : source.bind(publicThis, publicThis);
+    let cb;
+    if (isFunction(value)) {
+        cb = value;
     }
     else {
-        return {
-            attrs: instance.attrs,
-            slots: instance.slots,
-            emit: instance.emit,
-            expose
-        };
+        cb = value.handler;
+        options = value;
     }
-}
-function getExposeProxy(instance) {
-    if (instance.exposed) {
-        return (instance.exposeProxy ||
-            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-                get(target, key) {
-                    if (key in target) {
-                        return target[key];
-                    }
-                    else if (key in publicPropertiesMap) {
-                        return publicPropertiesMap[key](instance);
-                    }
-                }
-            })));
+    const cur = currentInstance;
+    setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    if (cur) {
+        setCurrentInstance(cur);
     }
-}
-// record effects created during a component's setup() so that they can be
-// stopped when the component unmounts
-function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-        (instance.effects || (instance.effects = [])).push(effect);
+    else {
+        unsetCurrentInstance();
     }
+    return res;
 }
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return isFunction(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
+function createPathGetter(ctx, path) {
+    const segments = path.split('.');
+    return () => {
+        let cur = ctx;
+        for (let i = 0; i < segments.length && cur; i++) {
+            cur = cur[segments[i]];
+        }
+        return cur;
+    };
 }
-/* istanbul ignore next */
-function formatComponentName(instance, Component, isRoot = false) {
-    let name = getComponentName(Component);
-    if (!name && Component.__file) {
-        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-        if (match) {
-            name = match[1];
+function traverse(value, seen = new Set()) {
+    if (!isObject(value) || value["__v_skip" /* SKIP */]) {
+        return value;
+    }
+    seen = seen || new Set();
+    if (seen.has(value)) {
+        return value;
+    }
+    seen.add(value);
+    if (isRef(value)) {
+        traverse(value.value, seen);
+    }
+    else if (isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            traverse(value[i], seen);
         }
     }
-    if (!name && instance && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    else if (isSet(value) || isMap(value)) {
+        value.forEach((v) => {
+            traverse(v, seen);
+        });
     }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-function isClassComponent(value) {
-    return isFunction(value) && '__vccOpts' in value;
-}
-
-function computed$1(getterOrOptions) {
-    const c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    else if (isPlainObject(value)) {
+        for (const key in value) {
+            traverse(value[key], seen);
+        }
+    }
+    return value;
 }
 
 // dev only
-const warnRuntimeUsage = (method) => warn(`${method}() is a compiler-hint helper that is only usable inside ` +
+const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
     `<script setup> of a single file component. Its arguments should be ` +
     `compiled away and passing it at runtime has no effect.`);
 // implementation
@@ -8587,10 +8944,6 @@ function defineEmits() {
     }
     return null;
 }
-/**
- * @deprecated use `defineEmits` instead.
- */
-const defineEmit = defineEmits;
 /**
  * Vue `<script setup>` compiler macro for declaring a component's exposed
  * instance properties when it is accessed by a parent component via template
@@ -8632,16 +8985,6 @@ function withDefaults(props, defaults) {
     }
     return null;
 }
-/**
- * @deprecated use `useSlots` and `useAttrs` instead.
- */
-function useContext() {
-    if ((process.env.NODE_ENV !== 'production')) {
-        warn(`\`useContext()\` has been deprecated and will be removed in the ` +
-            `next minor release. Use \`useSlots()\` and \`useAttrs()\` instead.`);
-    }
-    return getContext();
-}
 function useSlots() {
     return getContext().slots;
 }
@@ -8651,7 +8994,7 @@ function useAttrs() {
 function getContext() {
     const i = getCurrentInstance();
     if ((process.env.NODE_ENV !== 'production') && !i) {
-        warn(`useContext() called without active instance.`);
+        warn$1(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
 }
@@ -8672,30 +9015,44 @@ props, defaults) {
             props[key] = { default: defaults[key] };
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`props default key "${key}" has no corresponding declaration.`);
+            warn$1(`props default key "${key}" has no corresponding declaration.`);
         }
     }
     return props;
 }
 /**
- * Runtime helper for storing and resuming current instance context in
- * async setup().
+ * `<script setup>` helper for persisting the current instance context over
+ * async/await flows.
+ *
+ * `@vue/compiler-sfc` converts the following:
+ *
+ * ```ts
+ * const x = await foo()
+ * ```
+ *
+ * into:
+ *
+ * ```ts
+ * let __temp, __restore
+ * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+ * ```
+ * @internal
  */
-function withAsyncContext(awaitable) {
+function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
     if ((process.env.NODE_ENV !== 'production') && !ctx) {
-        warn(`withAsyncContext() called when there is no active context instance.`);
+        warn$1(`withAsyncContext called without active current instance. ` +
+            `This is likely a bug.`);
     }
-    return isPromise(awaitable)
-        ? awaitable.then(res => {
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+        awaitable = awaitable.catch(e => {
             setCurrentInstance(ctx);
-            return res;
-        }, err => {
-            setCurrentInstance(ctx);
-            throw err;
-        })
-        : awaitable;
+            throw e;
+        });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
 }
 
 // Actual implementation
@@ -8731,7 +9088,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn(`Server rendering context not provided. Make sure to only call ` +
+            warn$1(`Server rendering context not provided. Make sure to only call ` +
                 `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -8927,13 +9284,60 @@ function initCustomFormatter() {
     }
 }
 
+function withMemo(memo, render, cache, index) {
+    const cached = cache[index];
+    if (cached && isMemoSame(cached, memo)) {
+        return cached;
+    }
+    const ret = render();
+    // shallow clone
+    ret.memo = memo.slice();
+    return (cache[index] = ret);
+}
+function isMemoSame(cached, memo) {
+    const prev = cached.memo;
+    if (prev.length != memo.length) {
+        return false;
+    }
+    for (let i = 0; i < prev.length; i++) {
+        if (prev[i] !== memo[i]) {
+            return false;
+        }
+    }
+    // make sure to let parent block track it when returning cached
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(cached);
+    }
+    return true;
+}
+
+function $ref() { }
+function $shallowRef(arg) {
+    return arg;
+}
+function $computed() { }
+function $fromRefs() {
+    return null;
+}
+function $raw() {
+    return null;
+}
+
 // Core API ------------------------------------------------------------------
-const version = "3.1.4";
+const version = "3.2.2";
+const _ssrUtils = {
+    createComponentInstance,
+    setupComponent,
+    renderComponentRoot,
+    setCurrentRenderingInstance,
+    isVNode,
+    normalizeVNode
+};
 /**
  * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
  * @internal
  */
-const ssrUtils = (null);
+const ssrUtils = (_ssrUtils );
 /**
  * @internal only exposed in compat builds
  */
@@ -9229,18 +9633,18 @@ function useCssModule(name = '$style') {
     {
         const instance = getCurrentInstance();
         if (!instance) {
-            (process.env.NODE_ENV !== 'production') && warn(`useCssModule must be called inside setup()`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`useCssModule must be called inside setup()`);
             return EMPTY_OBJ;
         }
         const modules = instance.type.__cssModules;
         if (!modules) {
-            (process.env.NODE_ENV !== 'production') && warn(`Current instance does not have CSS modules injected.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`Current instance does not have CSS modules injected.`);
             return EMPTY_OBJ;
         }
         const mod = modules[name];
         if (!mod) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Current instance does not have CSS module named "${name}".`);
+                warn$1(`Current instance does not have CSS module named "${name}".`);
             return EMPTY_OBJ;
         }
         return mod;
@@ -9256,7 +9660,7 @@ function useCssVars(getter) {
     /* istanbul ignore next */
     if (!instance) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`useCssVars is called without current active component instance.`);
+            warn$1(`useCssVars is called without current active component instance.`);
         return;
     }
     const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy));
@@ -9437,11 +9841,11 @@ function NumberOf(val) {
 }
 function validateDuration(val) {
     if (typeof val !== 'number') {
-        warn(`<transition> explicit duration is not a valid number - ` +
+        warn$1(`<transition> explicit duration is not a valid number - ` +
             `got ${JSON.stringify(val)}.`);
     }
     else if (isNaN(val)) {
-        warn(`<transition> explicit duration is NaN - ` +
+        warn$1(`<transition> explicit duration is NaN - ` +
             'the duration expression might be incorrect.');
     }
 }
@@ -9626,7 +10030,7 @@ const TransitionGroupImpl = {
                     setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`<TransitionGroup> children must be keyed.`);
+                    warn$1(`<TransitionGroup> children must be keyed.`);
                 }
             }
             if (prevChildren) {
@@ -9835,4 +10239,4 @@ function injectNativeTagCheck(app) {
 function onBeforeActivate() { }
 function onBeforeDeactivate() { }
 
-export { BaseTransition, Comment$1 as Comment, Fragment, KeepAlive, Static, Suspense, Teleport, Text, Transition, TransitionGroup, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed$1 as computed, createApp, createBlock, createComment, createCommentVNode, createElement, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextNode, createTextVNode, createVNode, createApp as createVueApp, customRef, defineAsyncComponent, defineComponent, defineEmit, defineEmits, defineExpose, defineProps, devtools, getCurrentInstance, getTransitionRawChildren, h, handleError, initCustomFormatter, inject, injectHook, isInSSRComponentSetup, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, onActivated, onBeforeActivate, onBeforeDeactivate, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useContext, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelText, vShow, version, warn, watch, watchEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withModifiers, withScopeId };
+export { $computed, $fromRefs, $raw, $ref, $shallowRef, BaseTransition, Comment$1 as Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, createApp, createBlock, createComment, createCommentVNode, createElement, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextNode, createTextVNode, createVNode, createApp as createVueApp, customRef, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineProps, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, initCustomFormatter, inject, injectHook, isInSSRComponentSetup, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeActivate, onBeforeDeactivate, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
diff --git a/packages/uni-app-vue/lib/view.runtime.esm.js b/packages/uni-app-vue/lib/view.runtime.esm.js
index e4d5743e0..076e35b65 100644
--- a/packages/uni-app-vue/lib/view.runtime.esm.js
+++ b/packages/uni-app-vue/lib/view.runtime.esm.js
@@ -1,64 +1,188 @@
-import { EMPTY_OBJ, isArray, isMap, isIntegerKey, isSymbol, extend, hasOwn, isObject as isObject$1, hasChanged, makeMap, capitalize, toRawType, def, isFunction as isFunction$1, NOOP, isString, isPromise as isPromise$1, toHandlerKey, toNumber, hyphenate, camelize, isOn, isModelListener, remove, isSet, isPlainObject, invokeArrayFns, isReservedProp, EMPTY_ARR, NO, getGlobalThis, normalizeClass, normalizeStyle, isGloballyWhitelisted, isSpecialBooleanAttr, looseIndexOf, looseEqual, isHTMLTag, isSVGTag } from '@vue/shared';
-export { camelize, capitalize, toDisplayString, toHandlerKey } from '@vue/shared';
+import { extend, isArray, isMap, isIntegerKey, isSymbol, hasOwn, isObject as isObject$1, hasChanged, makeMap, capitalize, toRawType, def, isFunction as isFunction$1, NOOP, EMPTY_OBJ, toHandlerKey, toNumber, hyphenate, camelize, isOn, isModelListener, remove, isString, invokeArrayFns, isPromise as isPromise$1, isReservedProp, EMPTY_ARR, NO, getGlobalThis, normalizeClass, normalizeStyle, isGloballyWhitelisted, isSet, isPlainObject, isSpecialBooleanAttr, looseIndexOf, looseEqual, isHTMLTag, isSVGTag } from '@vue/shared';
+export { camelize, capitalize, normalizeClass, normalizeProps, normalizeStyle, toDisplayString, toHandlerKey } from '@vue/shared';
 
-const targetMap = new WeakMap();
-const effectStack = [];
-let activeEffect;
-const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
-const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
-function isEffect(fn) {
-    return fn && fn._isEffect === true;
-}
-function effect(fn, options = EMPTY_OBJ) {
-    if (isEffect(fn)) {
-        fn = fn.raw;
+function warn(msg, ...args) {
+    console.warn(`[Vue warn] ${msg}`, ...args);
+}
+
+let activeEffectScope;
+const effectScopeStack = [];
+class EffectScope {
+    constructor(detached = false) {
+        this.active = true;
+        this.effects = [];
+        this.cleanups = [];
+        if (!detached && activeEffectScope) {
+            this.parent = activeEffectScope;
+            this.index =
+                (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+        }
+    }
+    run(fn) {
+        if (this.active) {
+            try {
+                this.on();
+                return fn();
+            }
+            finally {
+                this.off();
+            }
+        }
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn(`cannot run an inactive effect scope.`);
+        }
     }
-    const effect = createReactiveEffect(fn, options);
-    if (!options.lazy) {
-        effect();
+    on() {
+        if (this.active) {
+            effectScopeStack.push(this);
+            activeEffectScope = this;
+        }
     }
-    return effect;
-}
-function stop(effect) {
-    if (effect.active) {
-        cleanup(effect);
-        if (effect.options.onStop) {
-            effect.options.onStop();
+    off() {
+        if (this.active) {
+            effectScopeStack.pop();
+            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+        }
+    }
+    stop(fromParent) {
+        if (this.active) {
+            this.effects.forEach(e => e.stop());
+            this.cleanups.forEach(cleanup => cleanup());
+            if (this.scopes) {
+                this.scopes.forEach(e => e.stop(true));
+            }
+            // nested scope, dereference from parent to avoid memory leaks
+            if (this.parent && !fromParent) {
+                // optimized O(1) removal
+                const last = this.parent.scopes.pop();
+                if (last && last !== this) {
+                    this.parent.scopes[this.index] = last;
+                    last.index = this.index;
+                }
+            }
+            this.active = false;
         }
-        effect.active = false;
     }
 }
-let uid = 0;
-function createReactiveEffect(fn, options) {
-    const effect = function reactiveEffect() {
-        if (!effect.active) {
-            return fn();
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+    }
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn(`onDispose() is called when there is no active effect scope` +
+            ` to be associated with.`);
+    }
+}
+
+const createDep = (effects) => {
+    const dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+    if (deps.length) {
+        for (let i = 0; i < deps.length; i++) {
+            deps[i].w |= trackOpBit; // set was tracked
+        }
+    }
+};
+const finalizeDepMarkers = (effect) => {
+    const { deps } = effect;
+    if (deps.length) {
+        let ptr = 0;
+        for (let i = 0; i < deps.length; i++) {
+            const dep = deps[i];
+            if (wasTracked(dep) && !newTracked(dep)) {
+                dep.delete(effect);
+            }
+            else {
+                deps[ptr++] = dep;
+            }
+            // clear bits
+            dep.w &= ~trackOpBit;
+            dep.n &= ~trackOpBit;
         }
-        if (!effectStack.includes(effect)) {
-            cleanup(effect);
+        deps.length = ptr;
+    }
+};
+
+const targetMap = new WeakMap();
+// The number of effects currently being tracked recursively.
+let effectTrackDepth = 0;
+let trackOpBit = 1;
+/**
+ * The bitwise track markers support at most 30 levels op recursion.
+ * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+ * When recursion depth is greater, fall back to using a full cleanup.
+ */
+const maxMarkerBits = 30;
+const effectStack = [];
+let activeEffect;
+const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
+const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
+class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+        this.fn = fn;
+        this.scheduler = scheduler;
+        this.active = true;
+        this.deps = [];
+        recordEffectScope(this, scope);
+    }
+    run() {
+        if (!this.active) {
+            return this.fn();
+        }
+        if (!effectStack.includes(this)) {
             try {
+                effectStack.push((activeEffect = this));
                 enableTracking();
-                effectStack.push(effect);
-                activeEffect = effect;
-                return fn();
+                trackOpBit = 1 << ++effectTrackDepth;
+                if (effectTrackDepth <= maxMarkerBits) {
+                    initDepMarkers(this);
+                }
+                else {
+                    cleanupEffect(this);
+                }
+                return this.fn();
             }
             finally {
-                effectStack.pop();
+                if (effectTrackDepth <= maxMarkerBits) {
+                    finalizeDepMarkers(this);
+                }
+                trackOpBit = 1 << --effectTrackDepth;
                 resetTracking();
-                activeEffect = effectStack[effectStack.length - 1];
+                effectStack.pop();
+                const n = effectStack.length;
+                activeEffect = n > 0 ? effectStack[n - 1] : undefined;
             }
         }
-    };
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
-}
-function cleanup(effect) {
+    }
+    stop() {
+        if (this.active) {
+            cleanupEffect(this);
+            if (this.onStop) {
+                this.onStop();
+            }
+            this.active = false;
+        }
+    }
+}
+function cleanupEffect(effect) {
     const { deps } = effect;
     if (deps.length) {
         for (let i = 0; i < deps.length; i++) {
@@ -67,6 +191,26 @@ function cleanup(effect) {
         deps.length = 0;
     }
 }
+function effect(fn, options) {
+    if (fn.effect) {
+        fn = fn.effect.fn;
+    }
+    const _effect = new ReactiveEffect(fn);
+    if (options) {
+        extend(_effect, options);
+        if (options.scope)
+            recordEffectScope(_effect, options.scope);
+    }
+    if (!options || !options.lazy) {
+        _effect.run();
+    }
+    const runner = _effect.run.bind(_effect);
+    runner.effect = _effect;
+    return runner;
+}
+function stop(runner) {
+    runner.effect.stop();
+}
 let shouldTrack = true;
 const trackStack = [];
 function pauseTracking() {
@@ -82,7 +226,7 @@ function resetTracking() {
     shouldTrack = last === undefined ? true : last;
 }
 function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
         return;
     }
     let depsMap = targetMap.get(target);
@@ -91,18 +235,35 @@ function track(target, type, key) {
     }
     let dep = depsMap.get(key);
     if (!dep) {
-        depsMap.set(key, (dep = new Set()));
+        depsMap.set(key, (dep = createDep()));
+    }
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { effect: activeEffect, target, type, key }
+        : undefined;
+    trackEffects(dep, eventInfo);
+}
+function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+}
+function trackEffects(dep, debuggerEventExtraInfo) {
+    let shouldTrack = false;
+    if (effectTrackDepth <= maxMarkerBits) {
+        if (!newTracked(dep)) {
+            dep.n |= trackOpBit; // set newly tracked
+            shouldTrack = !wasTracked(dep);
+        }
     }
-    if (!dep.has(activeEffect)) {
+    else {
+        // Full cleanup mode.
+        shouldTrack = !dep.has(activeEffect);
+    }
+    if (shouldTrack) {
         dep.add(activeEffect);
         activeEffect.deps.push(dep);
-        if ((process.env.NODE_ENV !== 'production') && activeEffect.options.onTrack) {
-            activeEffect.options.onTrack({
-                effect: activeEffect,
-                target,
-                type,
-                key
-            });
+        if ((process.env.NODE_ENV !== 'production') && activeEffect.onTrack) {
+            activeEffect.onTrack(Object.assign({
+                effect: activeEffect
+            }, debuggerEventExtraInfo));
         }
     }
 }
@@ -112,82 +273,96 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         // never been tracked
         return;
     }
-    const effects = new Set();
-    const add = (effectsToAdd) => {
-        if (effectsToAdd) {
-            effectsToAdd.forEach(effect => {
-                if (effect !== activeEffect || effect.allowRecurse) {
-                    effects.add(effect);
-                }
-            });
-        }
-    };
+    let deps = [];
     if (type === "clear" /* CLEAR */) {
         // collection being cleared
         // trigger all effects for target
-        depsMap.forEach(add);
+        deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newValue) {
-                add(dep);
+                deps.push(dep);
             }
         });
     }
     else {
         // schedule runs for SET | ADD | DELETE
         if (key !== void 0) {
-            add(depsMap.get(key));
+            deps.push(depsMap.get(key));
         }
         // also run for iteration key on ADD | DELETE | Map.SET
         switch (type) {
             case "add" /* ADD */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 else if (isIntegerKey(key)) {
                     // new index added to array -> length changes
-                    add(depsMap.get('length'));
+                    deps.push(depsMap.get('length'));
                 }
                 break;
             case "delete" /* DELETE */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 break;
             case "set" /* SET */:
                 if (isMap(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                 }
                 break;
         }
     }
-    const run = (effect) => {
-        if ((process.env.NODE_ENV !== 'production') && effect.options.onTrigger) {
-            effect.options.onTrigger({
-                effect,
-                target,
-                key,
-                type,
-                newValue,
-                oldValue,
-                oldTarget
-            });
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { target, type, key, newValue, oldValue, oldTarget }
+        : undefined;
+    if (deps.length === 1) {
+        if (deps[0]) {
+            if ((process.env.NODE_ENV !== 'production')) {
+                triggerEffects(deps[0], eventInfo);
+            }
+            else {
+                triggerEffects(deps[0]);
+            }
+        }
+    }
+    else {
+        const effects = [];
+        for (const dep of deps) {
+            if (dep) {
+                effects.push(...dep);
+            }
         }
-        if (effect.options.scheduler) {
-            effect.options.scheduler(effect);
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(createDep(effects), eventInfo);
         }
         else {
-            effect();
+            triggerEffects(createDep(effects));
         }
-    };
-    effects.forEach(run);
+    }
+}
+function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (const effect of isArray(dep) ? dep : [...dep]) {
+        if (effect !== activeEffect || effect.allowRecurse) {
+            if ((process.env.NODE_ENV !== 'production') && effect.onTrigger) {
+                effect.onTrigger(extend({ effect }, debuggerEventExtraInfo));
+            }
+            if (effect.scheduler) {
+                effect.scheduler();
+            }
+            else {
+                effect.run();
+            }
+        }
+    }
 }
 
 const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -202,17 +377,16 @@ const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
 function createArrayInstrumentations() {
     const instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             const arr = toRaw(this);
             for (let i = 0, l = this.length; i < l; i++) {
                 track(arr, "get" /* GET */, i + '');
             }
             // we run the method using the original args first (which may be reactive)
-            const res = method.apply(arr, args);
+            const res = arr[key](...args);
             if (res === -1 || res === false) {
                 // if that didn't work, run it again using raw values.
-                return method.apply(arr, args.map(toRaw));
+                return arr[key](...args.map(toRaw));
             }
             else {
                 return res;
@@ -220,10 +394,9 @@ function createArrayInstrumentations() {
         };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             pauseTracking();
-            const res = method.apply(this, args);
+            const res = toRaw(this)[key].apply(this, args);
             resetTracking();
             return res;
         };
@@ -743,13 +916,48 @@ function isProxy(value) {
     return isReactive(value) || isReadonly(value);
 }
 function toRaw(observed) {
-    return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
+    const raw = observed && observed["__v_raw" /* RAW */];
+    return raw ? toRaw(raw) : observed;
 }
 function markRaw(value) {
     def(value, "__v_skip" /* SKIP */, true);
     return value;
 }
 
+function trackRefValue(ref) {
+    if (isTracking()) {
+        ref = toRaw(ref);
+        if (!ref.dep) {
+            ref.dep = createDep();
+        }
+        if ((process.env.NODE_ENV !== 'production')) {
+            trackEffects(ref.dep, {
+                target: ref,
+                type: "get" /* GET */,
+                key: 'value'
+            });
+        }
+        else {
+            trackEffects(ref.dep);
+        }
+    }
+}
+function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+    if (ref.dep) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(ref.dep, {
+                target: ref,
+                type: "set" /* SET */,
+                key: 'value',
+                newValue: newVal
+            });
+        }
+        else {
+            triggerEffects(ref.dep);
+        }
+    }
+}
 const convert = (val) => isObject$1(val) ? reactive(val) : val;
 function isRef(r) {
     return Boolean(r && r.__v_isRef === true);
@@ -761,21 +969,23 @@ function shallowRef(value) {
     return createRef(value, true);
 }
 class RefImpl {
-    constructor(_rawValue, _shallow) {
-        this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
         this._shallow = _shallow;
+        this.dep = undefined;
         this.__v_isRef = true;
-        this._value = _shallow ? _rawValue : convert(_rawValue);
+        this._rawValue = _shallow ? value : toRaw(value);
+        this._value = _shallow ? value : convert(value);
     }
     get value() {
-        track(toRaw(this), "get" /* GET */, 'value');
+        trackRefValue(this);
         return this._value;
     }
     set value(newVal) {
-        if (hasChanged(toRaw(newVal), this._rawValue)) {
+        newVal = this._shallow ? newVal : toRaw(newVal);
+        if (hasChanged(newVal, this._rawValue)) {
             this._rawValue = newVal;
             this._value = this._shallow ? newVal : convert(newVal);
-            trigger(toRaw(this), "set" /* SET */, 'value', newVal);
+            triggerRefValue(this, newVal);
         }
     }
 }
@@ -786,7 +996,7 @@ function createRef(rawValue, shallow = false) {
     return new RefImpl(rawValue, shallow);
 }
 function triggerRef(ref) {
-    trigger(toRaw(ref), "set" /* SET */, 'value', (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
+    triggerRefValue(ref, (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
 }
 function unref(ref) {
     return isRef(ref) ? ref.value : ref;
@@ -811,8 +1021,9 @@ function proxyRefs(objectWithRefs) {
 }
 class CustomRefImpl {
     constructor(factory) {
+        this.dep = undefined;
         this.__v_isRef = true;
-        const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
+        const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
         this._get = get;
         this._set = set;
     }
@@ -858,15 +1069,13 @@ function toRef(object, key) {
 class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
         this._setter = _setter;
+        this.dep = undefined;
         this._dirty = true;
         this.__v_isRef = true;
-        this.effect = effect(getter, {
-            lazy: true,
-            scheduler: () => {
-                if (!this._dirty) {
-                    this._dirty = true;
-                    trigger(toRaw(this), "set" /* SET */, 'value');
-                }
+        this.effect = new ReactiveEffect(getter, () => {
+            if (!this._dirty) {
+                this._dirty = true;
+                triggerRefValue(this);
             }
         });
         this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
@@ -874,18 +1083,18 @@ class ComputedRefImpl {
     get value() {
         // the computed ref may get wrapped by other proxies e.g. readonly() #3376
         const self = toRaw(this);
+        trackRefValue(self);
         if (self._dirty) {
-            self._value = this.effect();
             self._dirty = false;
+            self._value = self.effect.run();
         }
-        track(self, "get" /* GET */, 'value');
         return self._value;
     }
     set value(newValue) {
         this._setter(newValue);
     }
 }
-function computed(getterOrOptions) {
+function computed(getterOrOptions, debugOptions) {
     let getter;
     let setter;
     if (isFunction$1(getterOrOptions)) {
@@ -900,587 +1109,180 @@ function computed(getterOrOptions) {
         getter = getterOrOptions.get;
         setter = getterOrOptions.set;
     }
-    return new ComputedRefImpl(getter, setter, isFunction$1(getterOrOptions) || !getterOrOptions.set);
+    const cRef = new ComputedRefImpl(getter, setter, isFunction$1(getterOrOptions) || !getterOrOptions.set);
+    if ((process.env.NODE_ENV !== 'production') && debugOptions) {
+        cRef.effect.onTrack = debugOptions.onTrack;
+        cRef.effect.onTrigger = debugOptions.onTrigger;
+    }
+    return cRef;
 }
 
-const stack = [];
-function pushWarningContext(vnode) {
-    stack.push(vnode);
-}
-function popWarningContext() {
-    stack.pop();
+/* eslint-disable no-restricted-globals */
+let isHmrUpdating = false;
+const hmrDirtyComponents = new Set();
+// Expose the HMR runtime on the global object
+// This makes it entirely tree-shakable without polluting the exports and makes
+// it easier to be used in toolings like vue-loader
+// Note: for a component to be eligible for HMR it also needs the __hmrId option
+// to be set so that its instances can be registered / removed.
+if ((process.env.NODE_ENV !== 'production')) {
+    const globalObject = typeof global !== 'undefined'
+        ? global
+        : typeof self !== 'undefined'
+            ? self
+            : typeof window !== 'undefined'
+                ? window
+                : {};
+    globalObject.__VUE_HMR_RUNTIME__ = {
+        createRecord: tryWrap(createRecord),
+        rerender: tryWrap(rerender),
+        reload: tryWrap(reload)
+    };
 }
-function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    const instance = stack.length ? stack[stack.length - 1].component : null;
-    const appWarnHandler = instance && instance.appContext.config.warnHandler;
-    const trace = getComponentTrace();
-    if (appWarnHandler) {
-        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
-            msg + args.join(''),
-            instance && instance.proxy,
-            trace
-                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
-                .join('\n'),
-            trace
-        ]);
-    }
-    else {
-        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-        /* istanbul ignore if */
-        if (trace.length &&
-            // avoid spamming console during tests
-            !false) {
-            warnArgs.push(`\n`, ...formatTrace(trace));
-        }
-        console.warn(...warnArgs);
+const map = new Map();
+function registerHMR(instance) {
+    const id = instance.type.__hmrId;
+    let record = map.get(id);
+    if (!record) {
+        createRecord(id, instance.type);
+        record = map.get(id);
     }
-    resetTracking();
+    record.instances.add(instance);
 }
-function getComponentTrace() {
-    let currentVNode = stack[stack.length - 1];
-    if (!currentVNode) {
-        return [];
+function unregisterHMR(instance) {
+    map.get(instance.type.__hmrId).instances.delete(instance);
+}
+function createRecord(id, component) {
+    if (!component) {
+        warn$1(`HMR API usage is out of date.\n` +
+            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
+            `dependency that handles Vue SFC compilation.`);
+        component = {};
     }
-    // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
-    const normalizedStack = [];
-    while (currentVNode) {
-        const last = normalizedStack[0];
-        if (last && last.vnode === currentVNode) {
-            last.recurseCount++;
-        }
-        else {
-            normalizedStack.push({
-                vnode: currentVNode,
-                recurseCount: 0
-            });
-        }
-        const parentInstance = currentVNode.component && currentVNode.component.parent;
-        currentVNode = parentInstance && parentInstance.vnode;
+    if (map.has(id)) {
+        return false;
     }
-    return normalizedStack;
-}
-/* istanbul ignore next */
-function formatTrace(trace) {
-    const logs = [];
-    trace.forEach((entry, i) => {
-        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    map.set(id, {
+        component: isClassComponent(component) ? component.__vccOpts : component,
+        instances: new Set()
     });
-    return logs;
+    return true;
 }
-function formatTraceEntry({ vnode, recurseCount }) {
-    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-    const isRoot = vnode.component ? vnode.component.parent == null : false;
-    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
-    const close = `>` + postfix;
-    return vnode.props
-        ? [open, ...formatProps(vnode.props), close]
-        : [open + close];
+function rerender(id, newRender) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    if (newRender)
+        record.component.render = newRender;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    Array.from(record.instances).forEach(instance => {
+        if (newRender) {
+            instance.render = newRender;
+        }
+        instance.renderCache = [];
+        // this flag forces child components with slot content to update
+        isHmrUpdating = true;
+        instance.update();
+        isHmrUpdating = false;
+    });
 }
-/* istanbul ignore next */
-function formatProps(props) {
-    const res = [];
-    const keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-        res.push(...formatProp(key, props[key]));
-    });
-    if (keys.length > 3) {
-        res.push(` ...`);
-    }
-    return res;
-}
-/* istanbul ignore next */
-function formatProp(key, value, raw) {
-    if (isString(value)) {
-        value = JSON.stringify(value);
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (typeof value === 'number' ||
-        typeof value === 'boolean' ||
-        value == null) {
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (isRef(value)) {
-        value = formatProp(key, toRaw(value.value), true);
-        return raw ? value : [`${key}=Ref<`, value, `>`];
-    }
-    else if (isFunction$1(value)) {
-        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-    }
-    else {
-        value = toRaw(value);
-        return raw ? value : [`${key}=`, value];
-    }
-}
-
-const ErrorTypeStrings = {
-    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
-    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
-    ["c" /* CREATED */]: 'created hook',
-    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
-    ["m" /* MOUNTED */]: 'mounted hook',
-    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
-    ["u" /* UPDATED */]: 'updated',
-    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
-    ["um" /* UNMOUNTED */]: 'unmounted hook',
-    ["a" /* ACTIVATED */]: 'activated hook',
-    ["da" /* DEACTIVATED */]: 'deactivated hook',
-    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
-    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
-    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
-    [0 /* SETUP_FUNCTION */]: 'setup function',
-    [1 /* RENDER_FUNCTION */]: 'render function',
-    [2 /* WATCH_GETTER */]: 'watcher getter',
-    [3 /* WATCH_CALLBACK */]: 'watcher callback',
-    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
-    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
-    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
-    [7 /* VNODE_HOOK */]: 'vnode hook',
-    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
-    [9 /* TRANSITION_HOOK */]: 'transition hook',
-    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
-    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
-    [12 /* FUNCTION_REF */]: 'ref function',
-    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
-    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-};
-function callWithErrorHandling(fn, instance, type, args) {
-    let res;
-    try {
-        res = args ? fn(...args) : fn();
-    }
-    catch (err) {
-        handleError(err, instance, type);
-    }
-    return res;
-}
-function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction$1(fn)) {
-        const res = callWithErrorHandling(fn, instance, type, args);
-        if (res && isPromise$1(res)) {
-            res.catch(err => {
-                handleError(err, instance, type);
-            });
-        }
-        return res;
-    }
-    const values = [];
-    for (let i = 0; i < fn.length; i++) {
-        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
-    }
-    return values;
-}
-function handleError(err, instance, type, throwInDev = true) {
-    const contextVNode = instance ? instance.vnode : null;
-    if (instance) {
-        let cur = instance.parent;
-        // the exposed instance is the render proxy to keep it consistent with 2.x
-        const exposedInstance = instance.proxy;
-        // in production the hook receives only the error code
-        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
-        while (cur) {
-            const errorCapturedHooks = cur.ec;
-            if (errorCapturedHooks) {
-                for (let i = 0; i < errorCapturedHooks.length; i++) {
-                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-                        return;
-                    }
-                }
+function reload(id, newComp) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    const { component, instances } = record;
+    if (!hmrDirtyComponents.has(component)) {
+        // 1. Update existing comp definition to match new one
+        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+        extend(component, newComp);
+        for (const key in component) {
+            if (key !== '__file' && !(key in newComp)) {
+                delete component[key];
             }
-            cur = cur.parent;
-        }
-        // app-level handling
-        const appErrorHandler = instance.appContext.config.errorHandler;
-        if (appErrorHandler) {
-            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
-            return;
         }
+        // 2. Mark component dirty. This forces the renderer to replace the component
+        // on patch.
+        hmrDirtyComponents.add(component);
+        // 3. Make sure to unmark the component after the reload.
+        queuePostFlushCb(() => {
+            hmrDirtyComponents.delete(component);
+        });
     }
-    logError(err, type, contextVNode, throwInDev);
-}
-function logError(err, type, contextVNode, throwInDev = true) {
-    if ((process.env.NODE_ENV !== 'production')) {
-        const info = ErrorTypeStrings[type];
-        if (contextVNode) {
-            pushWarningContext(contextVNode);
+    Array.from(instances).forEach(instance => {
+        // invalidate options resolution cache
+        instance.appContext.optionsCache.delete(instance.type);
+        if (instance.ceReload) {
+            // custom element
+            hmrDirtyComponents.add(component);
+            instance.ceReload(newComp.styles);
+            hmrDirtyComponents.delete(component);
         }
-        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-        if (contextVNode) {
-            popWarningContext();
+        else if (instance.parent) {
+            // 4. Force the parent instance to re-render. This will cause all updated
+            // components to be unmounted and re-mounted. Queue the update so that we
+            // don't end up forcing the same parent to re-render multiple times.
+            queueJob(instance.parent.update);
+            // instance is the inner component of an async custom element
+            // invoke to reset styles
+            if (instance.parent.type.__asyncLoader &&
+                instance.parent.ceReload) {
+                instance.parent.ceReload(newComp.styles);
+            }
         }
-        // crash in dev by default so it's more noticeable
-        if (throwInDev) {
-            throw err;
+        else if (instance.appContext.reload) {
+            // root instance mounted via createApp() has a reload method
+            instance.appContext.reload();
+        }
+        else if (typeof window !== 'undefined') {
+            // root instance inside tree created via raw render(). Force reload.
+            window.location.reload();
         }
         else {
-            console.error(err);
+            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
         }
-    }
-    else {
-        // recover in prod to reduce the impact on end-user
-        // fixed by xxxxxx
-        if (err instanceof Error) {
-            console.error(err.message + '\n' + err.stack);
+    });
+}
+function tryWrap(fn) {
+    return (id, arg) => {
+        try {
+            return fn(id, arg);
         }
-        else {
-            console.error(err);
+        catch (e) {
+            console.error(e);
+            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
+                `Full reload required.`);
         }
-    }
+    };
 }
 
-let isFlushing = false;
-let isFlushPending = false;
-const queue = [];
-let flushIndex = 0;
-const pendingPreFlushCbs = [];
-let activePreFlushCbs = null;
-let preFlushIndex = 0;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
-let postFlushIndex = 0;
-const resolvedPromise = Promise.resolve();
-let currentFlushPromise = null;
-let currentPreFlushParentJob = null;
-const RECURSION_LIMIT = 100;
-function nextTick(fn) {
-    const p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
-}
-// #2768
-// Use binary-search to find a suitable position in the queue,
-// so that the queue maintains the increasing order of job's id,
-// which can prevent the job from being skipped and also can avoid repeated patching.
-function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    let start = flushIndex + 1;
-    let end = queue.length;
-    const jobId = getId(job);
-    while (start < end) {
-        const middle = (start + end) >>> 1;
-        const middleJobId = getId(queue[middle]);
-        middleJobId < jobId ? (start = middle + 1) : (end = middle);
-    }
-    return start;
+let devtools;
+function setDevtoolsHook(hook) {
+    devtools = hook;
 }
-function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length ||
-        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
-        job !== currentPreFlushParentJob) {
-        const pos = findInsertionIndex(job);
-        if (pos > -1) {
-            queue.splice(pos, 0, job);
-        }
-        else {
-            queue.push(job);
-        }
-        queueFlush();
-    }
+function devtoolsInitApp(app, version) {
+    // TODO queue if devtools is undefined
+    if (!devtools)
+        return;
+    devtools.emit("app:init" /* APP_INIT */, app, version, {
+        Fragment,
+        Text,
+        Comment: Comment$1,
+        Static
+    });
 }
-function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-        isFlushPending = true;
-        currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
-}
-function invalidateJob(job) {
-    const i = queue.indexOf(job);
-    if (i > flushIndex) {
-        queue.splice(i, 1);
-    }
-}
-function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!isArray(cb)) {
-        if (!activeQueue ||
-            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-            pendingQueue.push(cb);
-        }
-    }
-    else {
-        // if cb is an array, it is a component lifecycle hook which can only be
-        // triggered by a job, which is already deduped in the main queue, so
-        // we can skip duplicate check here to improve perf
-        pendingQueue.push(...cb);
-    }
-    queueFlush();
-}
-function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-}
-function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-}
-function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-        currentPreFlushParentJob = parentJob;
-        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-        pendingPreFlushCbs.length = 0;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
-                continue;
-            }
-            activePreFlushCbs[preFlushIndex]();
-        }
-        activePreFlushCbs = null;
-        preFlushIndex = 0;
-        currentPreFlushParentJob = null;
-        // recursively flush until it drains
-        flushPreFlushCbs(seen, parentJob);
-    }
-}
-function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-        const deduped = [...new Set(pendingPostFlushCbs)];
-        pendingPostFlushCbs.length = 0;
-        // #1947 already has active queue, nested flushPostFlushCbs call
-        if (activePostFlushCbs) {
-            activePostFlushCbs.push(...deduped);
-            return;
-        }
-        activePostFlushCbs = deduped;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
-                continue;
-            }
-            activePostFlushCbs[postFlushIndex]();
-        }
-        activePostFlushCbs = null;
-        postFlushIndex = 0;
-    }
-}
-const getId = (job) => job.id == null ? Infinity : job.id;
-function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    if ((process.env.NODE_ENV !== 'production')) {
-        seen = seen || new Map();
-    }
-    flushPreFlushCbs(seen);
-    // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
-    queue.sort((a, b) => getId(a) - getId(b));
-    try {
-        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
-            if (job && job.active !== false) {
-                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
-                    continue;
-                }
-                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
-            }
-        }
-    }
-    finally {
-        flushIndex = 0;
-        queue.length = 0;
-        flushPostFlushCbs(seen);
-        isFlushing = false;
-        currentFlushPromise = null;
-        // some postFlushCb queued jobs!
-        // keep flushing until it drains.
-        if (queue.length ||
-            pendingPreFlushCbs.length ||
-            pendingPostFlushCbs.length) {
-            flushJobs(seen);
-        }
-    }
-}
-function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-        seen.set(fn, 1);
-    }
-    else {
-        const count = seen.get(fn);
-        if (count > RECURSION_LIMIT) {
-            const instance = fn.ownerInstance;
-            const componentName = instance && getComponentName(instance.type);
-            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
-                `This means you have a reactive effect that is mutating its own ` +
-                `dependencies and thus recursively triggering itself. Possible sources ` +
-                `include component template, render function, updated hook or ` +
-                `watcher source function.`);
-            return true;
-        }
-        else {
-            seen.set(fn, count + 1);
-        }
-    }
-}
-
-/* eslint-disable no-restricted-globals */
-let isHmrUpdating = false;
-const hmrDirtyComponents = new Set();
-// Expose the HMR runtime on the global object
-// This makes it entirely tree-shakable without polluting the exports and makes
-// it easier to be used in toolings like vue-loader
-// Note: for a component to be eligible for HMR it also needs the __hmrId option
-// to be set so that its instances can be registered / removed.
-if ((process.env.NODE_ENV !== 'production')) {
-    const globalObject = typeof global !== 'undefined'
-        ? global
-        : typeof self !== 'undefined'
-            ? self
-            : typeof window !== 'undefined'
-                ? window
-                : {};
-    globalObject.__VUE_HMR_RUNTIME__ = {
-        createRecord: tryWrap(createRecord),
-        rerender: tryWrap(rerender),
-        reload: tryWrap(reload)
-    };
-}
-const map = new Map();
-function registerHMR(instance) {
-    const id = instance.type.__hmrId;
-    let record = map.get(id);
-    if (!record) {
-        createRecord(id, instance.type);
-        record = map.get(id);
-    }
-    record.instances.add(instance);
-}
-function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-}
-function createRecord(id, component) {
-    if (!component) {
-        warn(`HMR API usage is out of date.\n` +
-            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-            `dependency that handles Vue SFC compilation.`);
-        component = {};
-    }
-    if (map.has(id)) {
-        return false;
-    }
-    map.set(id, {
-        component: isClassComponent(component) ? component.__vccOpts : component,
-        instances: new Set()
-    });
-    return true;
-}
-function rerender(id, newRender) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    if (newRender)
-        record.component.render = newRender;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    Array.from(record.instances).forEach(instance => {
-        if (newRender) {
-            instance.render = newRender;
-        }
-        instance.renderCache = [];
-        // this flag forces child components with slot content to update
-        isHmrUpdating = true;
-        instance.update();
-        isHmrUpdating = false;
-    });
-}
-function reload(id, newComp) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    const { component, instances } = record;
-    if (!hmrDirtyComponents.has(component)) {
-        // 1. Update existing comp definition to match new one
-        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-        extend(component, newComp);
-        for (const key in component) {
-            if (key !== '__file' && !(key in newComp)) {
-                delete component[key];
-            }
-        }
-        // 2. Mark component dirty. This forces the renderer to replace the component
-        // on patch.
-        hmrDirtyComponents.add(component);
-        // 3. Make sure to unmark the component after the reload.
-        queuePostFlushCb(() => {
-            hmrDirtyComponents.delete(component);
-        });
-    }
-    Array.from(instances).forEach(instance => {
-        if (instance.parent) {
-            // 4. Force the parent instance to re-render. This will cause all updated
-            // components to be unmounted and re-mounted. Queue the update so that we
-            // don't end up forcing the same parent to re-render multiple times.
-            queueJob(instance.parent.update);
-        }
-        else if (instance.appContext.reload) {
-            // root instance mounted via createApp() has a reload method
-            instance.appContext.reload();
-        }
-        else if (typeof window !== 'undefined') {
-            // root instance inside tree created via raw render(). Force reload.
-            window.location.reload();
-        }
-        else {
-            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
-        }
-    });
-}
-function tryWrap(fn) {
-    return (id, arg) => {
-        try {
-            return fn(id, arg);
-        }
-        catch (e) {
-            console.error(e);
-            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
-                `Full reload required.`);
-        }
-    };
-}
-
-let devtools;
-function setDevtoolsHook(hook) {
-    devtools = hook;
-}
-function devtoolsInitApp(app, version) {
-    // TODO queue if devtools is undefined
-    if (!devtools)
-        return;
-    devtools.emit("app:init" /* APP_INIT */, app, version, {
-        Fragment,
-        Text,
-        Comment: Comment$1,
-        Static
-    });
-}
-function devtoolsUnmountApp(app) {
-    if (!devtools)
-        return;
-    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
+function devtoolsUnmountApp(app) {
+    if (!devtools)
+        return;
+    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
 }
 const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-const devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
+const devtoolsComponentUpdated = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
+const devtoolsComponentRemoved = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
 function createDevtoolsComponentHook(hook) {
     return (component) => {
         if (!devtools)
@@ -1627,8 +1429,7 @@ const deprecationData = {
         link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
     },
     ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
-        message: componentName => `Component <${componentName ||
-            'Anonymous'}> has \`inheritAttrs: false\` but is ` +
+        message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
             `relying on class/style fallthrough from parent. In Vue 3, class/style ` +
             `are now included in $attrs and will no longer fallthrough when ` +
             `inheritAttrs is false. If you are already using v-bind="$attrs" on ` +
@@ -1797,12 +1598,12 @@ function warnDeprecation(key, instance, ...args) {
     // same warning, but different component. skip the long message and just
     // log the key and count.
     if (dupKey in warnCount) {
-        warn(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
+        warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
         return;
     }
     warnCount[dupKey] = 0;
     const { message, link } = deprecationData[key];
-    warn(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
+    warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
     if (!isCompatEnabled(key, instance, true)) {
         console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
             `lead to runtime errors.`);
@@ -1844,7 +1645,7 @@ function emit(instance, event, ...rawArgs) {
             if (!(event in emitsOptions) &&
                 !(false )) {
                 if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                    warn(`Component emitted event "${event}" but it is neither declared in ` +
+                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
                         `the emits option nor as an "${toHandlerKey(event)}" prop.`);
                 }
             }
@@ -1853,7 +1654,7 @@ function emit(instance, event, ...rawArgs) {
                 if (isFunction$1(validator)) {
                     const isValid = validator(...rawArgs);
                     if (!isValid) {
-                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
+                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
                     }
                 }
             }
@@ -1879,7 +1680,7 @@ function emit(instance, event, ...rawArgs) {
     if ((process.env.NODE_ENV !== 'production')) {
         const lowerCaseEvent = event.toLowerCase();
         if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-            warn(`Event "${lowerCaseEvent}" is emitted in component ` +
+            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
                 `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
                 `Note that HTML attributes are case-insensitive and you cannot use ` +
                 `v-on to listen to camelCase events when using in-DOM templates. ` +
@@ -2142,13 +1943,13 @@ function renderComponentRoot(instance) {
                         }
                     }
                     if (extraAttrs.length) {
-                        warn(`Extraneous non-props attributes (` +
+                        warn$1(`Extraneous non-props attributes (` +
                             `${extraAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes.`);
                     }
                     if (eventAttrs.length) {
-                        warn(`Extraneous non-emits event listeners (` +
+                        warn$1(`Extraneous non-emits event listeners (` +
                             `${eventAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes. ` +
@@ -2166,7 +1967,7 @@ function renderComponentRoot(instance) {
         // inherit directives
         if (vnode.dirs) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Runtime directive used on component with non-element root node. ` +
+                warn$1(`Runtime directive used on component with non-element root node. ` +
                     `The directives will not function as intended.`);
             }
             root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
@@ -2174,7 +1975,7 @@ function renderComponentRoot(instance) {
         // inherit transition data
         if (vnode.transition) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Component inside <Transition> renders non-element root node ` +
+                warn$1(`Component inside <Transition> renders non-element root node ` +
                     `that cannot be animated.`);
             }
             root.transition = vnode.transition;
@@ -2375,8 +2176,7 @@ const SuspenseImpl = {
     normalize: normalizeSuspenseChildren
 };
 // Force-casted public typing for h and TSX props inference
-const Suspense = (SuspenseImpl
-    );
+const Suspense = (SuspenseImpl );
 function triggerEvent(vnode, name) {
     const eventListener = vnode.props && vnode.props[name];
     if (isFunction$1(eventListener)) {
@@ -2744,12 +2544,12 @@ function normalizeSuspenseSlot(s) {
     if (isArray(s)) {
         const singleChild = filterSingleRoot(s);
         if ((process.env.NODE_ENV !== 'production') && !singleChild) {
-            warn(`<Suspense> slots expect a single root node.`);
+            warn$1(`<Suspense> slots expect a single root node.`);
         }
         s = singleChild;
     }
     s = normalizeVNode(s);
-    if (block) {
+    if (block && !s.dynamicChildren) {
         s.dynamicChildren = block.filter(c => c !== s);
     }
     return s;
@@ -2778,286 +2578,55 @@ function setActiveBranch(suspense, branch) {
         updateHOCHostEl(parentComponent, el);
     }
 }
-
-function provide(key, value) {
-    if (!currentInstance) {
-        if ((process.env.NODE_ENV !== 'production')) {
-            warn(`provide() can only be used inside setup().`);
-        }
-    }
-    else {
-        let provides = currentInstance.provides;
-        // by default an instance inherits its parent's provides object
-        // but when it needs to provide values of its own, it creates its
-        // own provides object using parent provides object as prototype.
-        // this way in `inject` we can simply look up injections from direct
-        // parent and let the prototype chain do the work.
-        const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-        if (parentProvides === provides) {
-            provides = currentInstance.provides = Object.create(parentProvides);
-        }
-        // TS doesn't allow symbol as index type
-        provides[key] = value;
-    }
-}
-function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    // fallback to `currentRenderingInstance` so that this can be called in
-    // a functional component
-    const instance = currentInstance || currentRenderingInstance;
-    if (instance) {
-        // #2400
-        // to support `app.use` plugins,
-        // fallback to appContext's `provides` if the intance is at root
-        const provides = instance.parent == null
-            ? instance.vnode.appContext && instance.vnode.appContext.provides
-            : instance.parent.provides;
-        if (provides && key in provides) {
-            // TS doesn't allow symbol as index type
-            return provides[key];
-        }
-        else if (arguments.length > 1) {
-            return treatDefaultAsFactory && isFunction$1(defaultValue)
-                ? defaultValue.call(instance.proxy)
-                : defaultValue;
-        }
-        else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`injection "${String(key)}" not found.`);
-        }
-    }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`inject() can only be used inside setup() or functional components.`);
-    }
-}
-
-// Simple effect.
-function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-}
-// initial value for watchers to trigger on undefined initial values
-const INITIAL_WATCHER_VALUE = {};
-// implementation
-function watch(source, cb, options) {
-    if ((process.env.NODE_ENV !== 'production') && !isFunction$1(cb)) {
-        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
-            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-            `supports \`watch(source, cb, options?) signature.`);
-    }
-    return doWatch(source, cb, options);
-}
-function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ, instance = currentInstance) {
-    if ((process.env.NODE_ENV !== 'production') && !cb) {
-        if (immediate !== undefined) {
-            warn(`watch() "immediate" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-        if (deep !== undefined) {
-            warn(`watch() "deep" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-    }
-    const warnInvalidSource = (s) => {
-        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
-            `a reactive object, or an array of these types.`);
-    };
-    let getter;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef(source)) {
-        getter = () => source.value;
-        forceTrigger = !!source._shallow;
-    }
-    else if (isReactive(source)) {
-        getter = () => source;
-        deep = true;
-    }
-    else if (isArray(source)) {
-        isMultiSource = true;
-        forceTrigger = source.some(isReactive);
-        getter = () => source.map(s => {
-            if (isRef(s)) {
-                return s.value;
-            }
-            else if (isReactive(s)) {
-                return traverse(s);
-            }
-            else if (isFunction$1(s)) {
-                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
-            }
-            else {
-                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
-            }
-        });
-    }
-    else if (isFunction$1(source)) {
-        if (cb) {
-            // getter with cb
-            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
-        }
-        else {
-            // no cb -> simple effect
-            getter = () => {
-                if (instance && instance.isUnmounted) {
-                    return;
-                }
-                if (cleanup) {
-                    cleanup();
-                }
-                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
-            };
-        }
-    }
-    else {
-        getter = NOOP;
-        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
-    }
-    if (cb && deep) {
-        const baseGetter = getter;
-        getter = () => traverse(baseGetter());
-    }
-    let cleanup;
-    let onInvalidate = (fn) => {
-        cleanup = runner.options.onStop = () => {
-            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
-        };
-    };
-    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
-    const job = () => {
-        if (!runner.active) {
-            return;
-        }
-        if (cb) {
-            // watch(source, cb)
-            const newValue = runner();
-            if (deep ||
-                forceTrigger ||
-                (isMultiSource
-                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
-                    : hasChanged(newValue, oldValue)) ||
-                (false  )) {
-                // cleanup before running cb again
-                if (cleanup) {
-                    cleanup();
-                }
-                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                    newValue,
-                    // pass undefined as the old value when it's changed for the first time
-                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
-                    onInvalidate
-                ]);
-                oldValue = newValue;
-            }
-        }
-        else {
-            // watchEffect
-            runner();
-        }
-    };
-    // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
-    job.allowRecurse = !!cb;
-    let scheduler;
-    if (flush === 'sync') {
-        scheduler = job; // the scheduler function gets called directly
-    }
-    else if (flush === 'post') {
-        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-    }
-    else {
-        // default: 'pre'
-        scheduler = () => {
-            if (!instance || instance.isMounted) {
-                queuePreFlushCb(job);
-            }
-            else {
-                // with 'pre' option, the first call must happen before
-                // the component is mounted so it is called synchronously.
-                job();
-            }
-        };
-    }
-    const runner = effect(getter, {
-        lazy: true,
-        onTrack,
-        onTrigger,
-        scheduler
-    });
-    recordInstanceBoundEffect(runner, instance);
-    // initial run
-    if (cb) {
-        if (immediate) {
-            job();
-        }
-        else {
-            oldValue = runner();
-        }
-    }
-    else if (flush === 'post') {
-        queuePostRenderEffect(runner, instance && instance.suspense);
-    }
-    else {
-        runner();
-    }
-    return () => {
-        stop(runner);
-        if (instance) {
-            remove(instance.effects, runner);
-        }
-    };
-}
-// this.$watch
-function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source)
-        ? source.includes('.')
-            ? createPathGetter(publicThis, source)
-            : () => publicThis[source]
-        : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction$1(value)) {
-        cb = value;
+
+function provide(key, value) {
+    if (!currentInstance) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            warn$1(`provide() can only be used inside setup().`);
+        }
     }
     else {
-        cb = value.handler;
-        options = value;
+        let provides = currentInstance.provides;
+        // by default an instance inherits its parent's provides object
+        // but when it needs to provide values of its own, it creates its
+        // own provides object using parent provides object as prototype.
+        // this way in `inject` we can simply look up injections from direct
+        // parent and let the prototype chain do the work.
+        const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+        if (parentProvides === provides) {
+            provides = currentInstance.provides = Object.create(parentProvides);
+        }
+        // TS doesn't allow symbol as index type
+        provides[key] = value;
     }
-    return doWatch(getter, cb.bind(publicThis), options, this);
 }
-function createPathGetter(ctx, path) {
-    const segments = path.split('.');
-    return () => {
-        let cur = ctx;
-        for (let i = 0; i < segments.length && cur; i++) {
-            cur = cur[segments[i]];
+function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    // fallback to `currentRenderingInstance` so that this can be called in
+    // a functional component
+    const instance = currentInstance || currentRenderingInstance;
+    if (instance) {
+        // #2400
+        // to support `app.use` plugins,
+        // fallback to appContext's `provides` if the intance is at root
+        const provides = instance.parent == null
+            ? instance.vnode.appContext && instance.vnode.appContext.provides
+            : instance.parent.provides;
+        if (provides && key in provides) {
+            // TS doesn't allow symbol as index type
+            return provides[key];
         }
-        return cur;
-    };
-}
-function traverse(value, seen = new Set()) {
-    if (!isObject$1(value) ||
-        seen.has(value) ||
-        value["__v_skip" /* SKIP */]) {
-        return value;
-    }
-    seen.add(value);
-    if (isRef(value)) {
-        traverse(value.value, seen);
-    }
-    else if (isArray(value)) {
-        for (let i = 0; i < value.length; i++) {
-            traverse(value[i], seen);
+        else if (arguments.length > 1) {
+            return treatDefaultAsFactory && isFunction$1(defaultValue)
+                ? defaultValue.call(instance.proxy)
+                : defaultValue;
         }
-    }
-    else if (isSet(value) || isMap(value)) {
-        value.forEach((v) => {
-            traverse(v, seen);
-        });
-    }
-    else if (isPlainObject(value)) {
-        for (const key in value) {
-            traverse(value[key], seen);
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn$1(`injection "${String(key)}" not found.`);
         }
     }
-    return value;
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1(`inject() can only be used inside setup() or functional components.`);
+    }
 }
 
 function useTransitionState() {
@@ -3109,7 +2678,7 @@ const BaseTransitionImpl = {
             }
             // warn multiple elements
             if ((process.env.NODE_ENV !== 'production') && children.length > 1) {
-                warn('<transition> can only be used on a single element or component. Use ' +
+                warn$1('<transition> can only be used on a single element or component. Use ' +
                     '<transition-group> for lists.');
             }
             // there's no need to track reactivity for these props so use the raw
@@ -3118,7 +2687,7 @@ const BaseTransitionImpl = {
             const { mode } = rawProps;
             // check mode
             if ((process.env.NODE_ENV !== 'production') && mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-                warn(`invalid <transition> mode: ${mode}`);
+                warn$1(`invalid <transition> mode: ${mode}`);
             }
             // at this point children has a guaranteed length of 1.
             const child = children[0];
@@ -3395,39 +2964,40 @@ function defineAsyncComponent(source) {
     const load = () => {
         let thisRequest;
         return (pendingRequest ||
-            (thisRequest = pendingRequest = loader()
-                .catch(err => {
-                err = err instanceof Error ? err : new Error(String(err));
-                if (userOnError) {
-                    return new Promise((resolve, reject) => {
-                        const userRetry = () => resolve(retry());
-                        const userFail = () => reject(err);
-                        userOnError(err, userRetry, userFail, retries + 1);
-                    });
-                }
-                else {
-                    throw err;
-                }
-            })
-                .then((comp) => {
-                if (thisRequest !== pendingRequest && pendingRequest) {
-                    return pendingRequest;
-                }
-                if ((process.env.NODE_ENV !== 'production') && !comp) {
-                    warn(`Async component loader resolved to undefined. ` +
-                        `If you are using retry(), make sure to return its return value.`);
-                }
-                // interop module default
-                if (comp &&
-                    (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-                    comp = comp.default;
-                }
-                if ((process.env.NODE_ENV !== 'production') && comp && !isObject$1(comp) && !isFunction$1(comp)) {
-                    throw new Error(`Invalid async component load result: ${comp}`);
-                }
-                resolvedComp = comp;
-                return comp;
-            })));
+            (thisRequest = pendingRequest =
+                loader()
+                    .catch(err => {
+                    err = err instanceof Error ? err : new Error(String(err));
+                    if (userOnError) {
+                        return new Promise((resolve, reject) => {
+                            const userRetry = () => resolve(retry());
+                            const userFail = () => reject(err);
+                            userOnError(err, userRetry, userFail, retries + 1);
+                        });
+                    }
+                    else {
+                        throw err;
+                    }
+                })
+                    .then((comp) => {
+                    if (thisRequest !== pendingRequest && pendingRequest) {
+                        return pendingRequest;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && !comp) {
+                        warn$1(`Async component loader resolved to undefined. ` +
+                            `If you are using retry(), make sure to return its return value.`);
+                    }
+                    // interop module default
+                    if (comp &&
+                        (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                        comp = comp.default;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && comp && !isObject$1(comp) && !isFunction$1(comp)) {
+                        throw new Error(`Invalid async component load result: ${comp}`);
+                    }
+                    resolvedComp = comp;
+                    return comp;
+                })));
     };
     return defineComponent({
         name: 'AsyncComponentWrapper',
@@ -3653,7 +3223,7 @@ const KeepAliveImpl = {
             const rawVNode = children[0];
             if (children.length > 1) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`KeepAlive should contain exactly one component child.`);
+                    warn$1(`KeepAlive should contain exactly one component child.`);
                 }
                 current = null;
                 return children;
@@ -3815,7 +3385,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
                 // can only be false when the user does something really funky.
                 setCurrentInstance(target);
                 const res = callWithAsyncErrorHandling(hook, target, type, args);
-                setCurrentInstance(null);
+                unsetCurrentInstance();
                 resetTracking();
                 return res;
             });
@@ -3829,7 +3399,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else if ((process.env.NODE_ENV !== 'production')) {
         const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn(`${apiName} is called when there is no active component instance to be ` +
+        warn$1(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -3858,7 +3428,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -3903,14 +3473,15 @@ function applyOptions(instance) {
     // - computed
     // - watch (deferred since it relies on `this` access)
     if (injectOptions) {
-        resolveInjections(injectOptions, ctx, checkDuplicateProperties);
+        resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
     }
     if (methods) {
         for (const key in methods) {
             const methodHandler = methods[key];
             if (isFunction$1(methodHandler)) {
-                // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-                // and those are read-only but reconfigurable, so it needs to be redefined here
+                // In dev mode, we use the `createRenderContext` function to define
+                // methods to the proxy target, and those are read-only but
+                // reconfigurable, so it needs to be redefined here
                 if ((process.env.NODE_ENV !== 'production')) {
                     Object.defineProperty(ctx, key, {
                         value: methodHandler.bind(publicThis),
@@ -3927,24 +3498,24 @@ function applyOptions(instance) {
                 }
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if ((process.env.NODE_ENV !== 'production') && !isFunction$1(dataOptions)) {
-            warn(`The data option must be a function. ` +
+            warn$1(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if ((process.env.NODE_ENV !== 'production') && isPromise$1(data)) {
-            warn(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!isObject$1(data)) {
-            (process.env.NODE_ENV !== 'production') && warn(`data() should return an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -3975,16 +3546,16 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : NOOP;
             if ((process.env.NODE_ENV !== 'production') && get === NOOP) {
-                warn(`Computed property "${key}" has no getter.`);
+                warn$1(`Computed property "${key}" has no getter.`);
             }
             const set = !isFunction$1(opt) && isFunction$1(opt.set)
                 ? opt.set.bind(publicThis)
                 : (process.env.NODE_ENV !== 'production')
                     ? () => {
-                        warn(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     : NOOP;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -4063,22 +3634,47 @@ function applyOptions(instance) {
     if (directives)
         instance.directives = directives;
 }
-function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
+function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
     if (isArray(injectOptions)) {
         injectOptions = normalizeInject(injectOptions);
     }
     for (const key in injectOptions) {
         const opt = injectOptions[key];
+        let injected;
         if (isObject$1(opt)) {
             if ('default' in opt) {
-                ctx[key] = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+                injected = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+            }
+            else {
+                injected = inject(opt.from || key);
+            }
+        }
+        else {
+            injected = inject(opt);
+        }
+        if (isRef(injected)) {
+            // TODO remove the check in 3.3
+            if (unwrapRef) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    get: () => injected.value,
+                    set: v => (injected.value = v)
+                });
             }
             else {
-                ctx[key] = inject(opt.from || key);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                        `and no longer needs \`.value\` in the next minor release. ` +
+                        `To opt-in to the new behavior now, ` +
+                        `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
+                        `temporary and will not be needed in the future.)`);
+                }
+                ctx[key] = injected;
             }
         }
         else {
-            ctx[key] = inject(opt);
+            ctx[key] = injected;
         }
         if ((process.env.NODE_ENV !== 'production')) {
             checkDuplicateProperties("Inject" /* INJECT */, key);
@@ -4100,7 +3696,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (isFunction$1(raw)) {
@@ -4118,12 +3714,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid watch option: "${key}"`, raw);
+        warn$1(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -4166,7 +3762,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     for (const key in from) {
         if (asMixin && key === 'expose') {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`"expose" option is ignored when declared in mixins or extends. ` +
+                warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -4428,7 +4024,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
                 else {
                     setCurrentInstance(instance);
                     value = propsDefaults[key] = defaultValue.call(null, props);
-                    setCurrentInstance(null);
+                    unsetCurrentInstance();
                 }
             }
             else {
@@ -4484,7 +4080,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if ((process.env.NODE_ENV !== 'production') && !isString(raw[i])) {
-                warn(`props must be strings when using array syntax.`, raw[i]);
+                warn$1(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -4494,7 +4090,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if ((process.env.NODE_ENV !== 'production') && !isObject$1(raw)) {
-            warn(`invalid props options`, raw);
+            warn$1(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = camelize(key);
@@ -4525,7 +4121,7 @@ function validatePropName(key) {
         return true;
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid prop name: "${key}" is a reserved property.`);
+        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
@@ -4533,7 +4129,7 @@ function validatePropName(key) {
 // so that it works across vms / iframes.
 function getType(ctor) {
     const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
+    return match ? match[1] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -4567,7 +4163,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn('Missing required prop: "' + name + '"');
+        warn$1('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -4586,13 +4182,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn(getInvalidTypeMessage(name, value, expectedTypes));
+            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -4616,6 +4212,9 @@ function assertType(value, type) {
     else if (expectedType === 'Array') {
         valid = isArray(value);
     }
+    else if (expectedType === 'null') {
+        valid = value === null;
+    }
     else {
         valid = value instanceof type;
     }
@@ -4629,7 +4228,7 @@ function assertType(value, type) {
  */
 function getInvalidTypeMessage(name, value, expectedTypes) {
     let message = `Invalid prop: type check failed for prop "${name}".` +
-        ` Expected ${expectedTypes.map(capitalize).join(', ')}`;
+        ` Expected ${expectedTypes.map(capitalize).join(' | ')}`;
     const expectedType = expectedTypes[0];
     const receivedType = toRawType(value);
     const expectedValue = styleValue(value, expectedType);
@@ -4682,7 +4281,7 @@ const normalizeSlotValue = (value) => isArray(value)
 const normalizeSlot = (key, rawSlot, ctx) => {
     const normalized = withCtx((props) => {
         if ((process.env.NODE_ENV !== 'production') && currentInstance) {
-            warn(`Slot "${key}" invoked outside of the render function: ` +
+            warn$1(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -4703,7 +4302,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
         else if (value != null) {
             if ((process.env.NODE_ENV !== 'production') &&
                 !(false )) {
-                warn(`Non-function value encountered for slot "${key}". ` +
+                warn$1(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -4715,7 +4314,7 @@ const normalizeVNodeSlots = (instance, children) => {
     if ((process.env.NODE_ENV !== 'production') &&
         !isKeepAlive(instance.vnode) &&
         !(false )) {
-        warn(`Non-function value encountered for default slot. ` +
+        warn$1(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -4810,7 +4409,7 @@ return withDirectives(h(comp), [
 const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn('Do not use built-in directive ids as custom directive id: ' + name);
+        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 /**
@@ -4819,7 +4418,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-        (process.env.NODE_ENV !== 'production') && warn(`withDirectives can only be used inside render functions.`);
+        (process.env.NODE_ENV !== 'production') && warn$1(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
     const instance = internalInstance.proxy;
@@ -4832,6 +4431,9 @@ function withDirectives(vnode, directives) {
                 updated: dir
             };
         }
+        if (dir.deep) {
+            traverse(value);
+        }
         bindings.push({
             dir,
             instance,
@@ -4888,18 +4490,18 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid$1 = 0;
+let uid = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (rootProps != null && !isObject$1(rootProps)) {
-            (process.env.NODE_ENV !== 'production') && warn(`root props passed to app.mount() must be an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid$1++,
+            _uid: uid++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -4911,12 +4513,12 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    (process.env.NODE_ENV !== 'production') && warn(`Plugin has already been applied to target app.`);
+                    (process.env.NODE_ENV !== 'production') && warn$1(`Plugin has already been applied to target app.`);
                 }
                 else if (plugin && isFunction$1(plugin.install)) {
                     installedPlugins.add(plugin);
@@ -4927,7 +4529,7 @@ function createAppAPI(render, hydrate) {
                     plugin(app, ...options);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`A plugin must either be a function or an object with an "install" ` +
+                    warn$1(`A plugin must either be a function or an object with an "install" ` +
                         `function.`);
                 }
                 return app;
@@ -4938,12 +4540,12 @@ function createAppAPI(render, hydrate) {
                         context.mixins.push(mixin);
                     }
                     else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Mixin has already been applied to target app' +
+                        warn$1('Mixin has already been applied to target app' +
                             (mixin.name ? `: ${mixin.name}` : ''));
                     }
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Mixins are only available in builds supporting Options API');
+                    warn$1('Mixins are only available in builds supporting Options API');
                 }
                 return app;
             },
@@ -4955,7 +4557,7 @@ function createAppAPI(render, hydrate) {
                     return context.components[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.components[name]) {
-                    warn(`Component "${name}" has already been registered in target app.`);
+                    warn$1(`Component "${name}" has already been registered in target app.`);
                 }
                 context.components[name] = component;
                 return app;
@@ -4968,7 +4570,7 @@ function createAppAPI(render, hydrate) {
                     return context.directives[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.directives[name]) {
-                    warn(`Directive "${name}" has already been registered in target app.`);
+                    warn$1(`Directive "${name}" has already been registered in target app.`);
                 }
                 context.directives[name] = directive;
                 return app;
@@ -5001,7 +4603,7 @@ function createAppAPI(render, hydrate) {
                     return vnode.component.proxy;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`App has already been mounted.\n` +
+                    warn$1(`App has already been mounted.\n` +
                         `If you want to remount the same app, move your app creation logic ` +
                         `into a factory function and create fresh app instances for each ` +
                         `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -5017,12 +4619,12 @@ function createAppAPI(render, hydrate) {
                     delete app._container.__vue_app__;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`Cannot unmount an app that is not mounted.`);
+                    warn$1(`Cannot unmount an app that is not mounted.`);
                 }
             },
             provide(key, value) {
                 if ((process.env.NODE_ENV !== 'production') && key in context.provides) {
-                    warn(`App already provides property with key "${String(key)}". ` +
+                    warn$1(`App already provides property with key "${String(key)}". ` +
                         `It will be overwritten with the new value.`);
                 }
                 // TypeScript doesn't allow symbols as index type
@@ -5048,7 +4650,7 @@ function createHydrationFunctions(rendererInternals) {
     const hydrate = (vnode, container) => {
         if (!container.hasChildNodes()) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to hydrate existing markup but container is empty. ` +
+                warn$1(`Attempting to hydrate existing markup but container is empty. ` +
                     `Performing full mount instead.`);
             patch(null, vnode, container);
             flushPostFlushCbs();
@@ -5078,7 +4680,7 @@ function createHydrationFunctions(rendererInternals) {
                     if (node.data !== vnode.children) {
                         hasMismatch = true;
                         (process.env.NODE_ENV !== 'production') &&
-                            warn(`Hydration text mismatch:` +
+                            warn$1(`Hydration text mismatch:` +
                                 `\n- Client: ${JSON.stringify(node.data)}` +
                                 `\n- Server: ${JSON.stringify(vnode.children)}`);
                         node.data = vnode.children;
@@ -5179,7 +4781,7 @@ function createHydrationFunctions(rendererInternals) {
                     nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid HostVNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
                 }
         }
         if (ref != null) {
@@ -5202,8 +4804,8 @@ function createHydrationFunctions(rendererInternals) {
             if (props) {
                 if (forcePatchValue ||
                     !optimized ||
-                    (patchFlag & 16 /* FULL_PROPS */ ||
-                        patchFlag & 32 /* HYDRATE_EVENTS */)) {
+                    patchFlag & 16 /* FULL_PROPS */ ||
+                    patchFlag & 32 /* HYDRATE_EVENTS */) {
                     for (const key in props) {
                         if ((forcePatchValue && key.endsWith('value')) ||
                             (isOn(key) && !isReservedProp(key))) {
@@ -5240,7 +4842,7 @@ function createHydrationFunctions(rendererInternals) {
                 while (next) {
                     hasMismatch = true;
                     if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                        warn(`Hydration children mismatch in <${vnode.type}>: ` +
+                        warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
                             `server rendered element contains more child nodes than client vdom.`);
                         hasWarned = true;
                     }
@@ -5254,7 +4856,7 @@ function createHydrationFunctions(rendererInternals) {
                 if (el.textContent !== vnode.children) {
                     hasMismatch = true;
                     (process.env.NODE_ENV !== 'production') &&
-                        warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                        warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
                             `- Client: ${el.textContent}\n` +
                             `- Server: ${vnode.children}`);
                     el.textContent = vnode.children;
@@ -5281,7 +4883,7 @@ function createHydrationFunctions(rendererInternals) {
             else {
                 hasMismatch = true;
                 if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                    warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                    warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
                         `server rendered element contains fewer child nodes than client vdom.`);
                     hasWarned = true;
                 }
@@ -5315,7 +4917,7 @@ function createHydrationFunctions(rendererInternals) {
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
         hasMismatch = true;
         (process.env.NODE_ENV !== 'production') &&
-            warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
+            warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
                 ? `(text)`
                 : isComment(node) && node.data === '['
                     ? `(start of fragment)`
@@ -5426,95 +5028,8 @@ function initFeatureFlags() {
     }
 }
 
-const prodEffectOptions = {
-    scheduler: queueJob,
-    // #1801, #2043 component render effects should allow recursive updates
-    allowRecurse: true
-};
-function createDevEffectOptions(instance) {
-    return {
-        scheduler: queueJob,
-        allowRecurse: true,
-        onTrack: instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0,
-        onTrigger: instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0
-    };
-}
 const queuePostRenderEffect = queueEffectWithSuspense
     ;
-const setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (isArray(rawRef)) {
-        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-        return;
-    }
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-        // when mounting async components, nothing needs to be done,
-        // because the template ref is forwarded to inner component
-        return;
-    }
-    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
-        ? getExposeProxy(vnode.component) || vnode.component.proxy
-        : vnode.el;
-    const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref } = rawRef;
-    if ((process.env.NODE_ENV !== 'production') && !owner) {
-        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-            `A vnode with ref must be created inside the render function.`);
-        return;
-    }
-    const oldRef = oldRawRef && oldRawRef.r;
-    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
-    const setupState = owner.setupState;
-    // dynamic ref changed. unset old ref
-    if (oldRef != null && oldRef !== ref) {
-        if (isString(oldRef)) {
-            refs[oldRef] = null;
-            if (hasOwn(setupState, oldRef)) {
-                setupState[oldRef] = null;
-            }
-        }
-        else if (isRef(oldRef)) {
-            oldRef.value = null;
-        }
-    }
-    if (isString(ref)) {
-        const doSet = () => {
-            {
-                refs[ref] = value;
-            }
-            if (hasOwn(setupState, ref)) {
-                setupState[ref] = value;
-            }
-        };
-        // #1789: for non-null values, set them after render
-        // null values means this is unmount and it should not overwrite another
-        // ref with the same key
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
-        }
-    }
-    else if (isRef(ref)) {
-        const doSet = () => {
-            ref.value = value;
-        };
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
-        }
-    }
-    else if (isFunction$1(ref)) {
-        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
-    }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn('Invalid template ref type:', value, `(${typeof value})`);
-    }
-};
 /**
  * The createRenderer function accepts two generic arguments:
  * HostNode and HostElement, corresponding to Node and Element types in the
@@ -5550,10 +5065,13 @@ function baseCreateRenderer(options, createHydrationFns) {
         target.__VUE__ = true;
         setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
     }
-    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
     // Note: functions inside this closure should use `const xxx = () => {}`
     // style in order to prevent being inlined by minifiers.
-    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
+    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = (process.env.NODE_ENV !== 'production') && isHmrUpdating ? false : !!n2.dynamicChildren) => {
+        if (n1 === n2) {
+            return;
+        }
         // patching & not same type, unmount old tree
         if (n1 && !isSameVNodeType(n1, n2)) {
             anchor = getNextHostNode(n1);
@@ -5597,7 +5115,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid VNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
                 }
         }
         // set ref
@@ -5626,19 +5144,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const mountStaticNode = (n2, container, anchor, isSVG) => {
-        // static nodes are only present when used with compiler-dom/runtime-dom
-        // which guarantees presence of hostInsertStaticContent.
-        const nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, 
-        // pass cached nodes if the static node is being mounted multiple times
-        // so that runtime-dom can simply cloneNode() instead of inserting new
-        // HTML
-        n2.staticCache);
-        // first mount - this is the orignal hoisted vnode. cache nodes.
-        if (!n2.el) {
-            n2.staticCache = nodes;
-        }
-        n2.el = nodes[0];
-        n2.anchor = nodes[nodes.length - 1];
+        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
     };
     /**
      * Dev / HMR only
@@ -5705,7 +5211,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 hostSetElementText(el, vnode.children);
             }
             else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
             }
             if (dirs) {
                 invokeDirectiveHook(vnode, null, parentComponent, 'created');
@@ -5713,10 +5219,22 @@ function baseCreateRenderer(options, createHydrationFns) {
             // props
             if (props) {
                 for (const key in props) {
-                    if (!isReservedProp(key)) {
+                    if (key !== 'value' && !isReservedProp(key)) {
                         hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                     }
                 }
+                /**
+                 * Special case for setting value on DOM elements:
+                 * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+                 * - it needs to be forced (#1471)
+                 * #2353 proposes adding another renderer option to configure this, but
+                 * the properties affects are so finite it is worth special casing it
+                 * here to reduce the complexity. (Special casing it also should not
+                 * affect non-DOM renderers)
+                 */
+                if ('value' in props) {
+                    hostPatchProp(el, 'value', null, props.value);
+                }
                 if ((vnodeHook = props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parentComponent, vnode);
                 }
@@ -5848,8 +5366,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                         const key = propsToUpdate[i];
                         const prev = oldProps[key];
                         const next = newProps[key];
-                        if (next !== prev ||
-                            (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                        // #1471 force patch value
+                        if (next !== prev || key === 'value') {
                             hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
                         }
                     }
@@ -5919,8 +5437,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                     continue;
                 const next = newProps[key];
                 const prev = oldProps[key];
-                if (next !== prev ||
-                    (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                // defer patching value
+                if (next !== prev && key !== 'value') {
                     hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                 }
             }
@@ -5931,14 +5449,20 @@ function baseCreateRenderer(options, createHydrationFns) {
                     }
                 }
             }
+            if ('value' in newProps) {
+                hostPatchProp(el, 'value', oldProps.value, newProps.value);
+            }
         }
     };
     const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
         const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
         const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
         let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-        if (dynamicChildren) {
-            optimized = true;
+        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
+            // HMR updated, force full diff
+            patchFlag = 0;
+            optimized = false;
+            dynamicChildren = null;
         }
         // check if this is a slot fragment with :slotted scope ids
         if (fragmentSlotScopeIds) {
@@ -5946,12 +5470,6 @@ function baseCreateRenderer(options, createHydrationFns) {
                 ? slotScopeIds.concat(fragmentSlotScopeIds)
                 : fragmentSlotScopeIds;
         }
-        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
-            // HMR updated, force full diff
-            patchFlag = 0;
-            optimized = false;
-            dynamicChildren = null;
-        }
         if (n1 == null) {
             hostInsert(fragmentStartAnchor, container, anchor);
             hostInsert(fragmentEndAnchor, container, anchor);
@@ -6069,7 +5587,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 // in case the child component is also queued, remove it to avoid
                 // double updating the same child component in the same flush.
                 invalidateJob(instance.update);
-                // instance.update is the reactive effect runner.
+                // instance.update is the reactive effect.
                 instance.update();
             }
         }
@@ -6081,12 +5599,12 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-        // create reactive effect for rendering
-        instance.update = effect(function componentEffect() {
+        const componentUpdateFn = () => {
             if (!instance.isMounted) {
                 let vnodeHook;
                 const { el, props } = initialVNode;
                 const { bm, m, parent } = instance;
+                effect.allowRecurse = false;
                 // beforeMount hook
                 if (bm) {
                     invokeArrayFns(bm);
@@ -6095,6 +5613,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = props && props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parent, initialVNode);
                 }
+                effect.allowRecurse = true;
                 if (el && hydrateNode) {
                     // vnode has adopted host node - perform hydration instead of mount.
                     const hydrateSubTree = () => {
@@ -6181,6 +5700,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                 else {
                     next = vnode;
                 }
+                // Disallow component effect recursion during pre-lifecycle hooks.
+                effect.allowRecurse = false;
                 // beforeUpdate hook
                 if (bu) {
                     invokeArrayFns(bu);
@@ -6189,6 +5710,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
                     invokeVNodeHook(vnodeHook, parent, next, vnode);
                 }
+                effect.allowRecurse = true;
                 // render
                 if ((process.env.NODE_ENV !== 'production')) {
                     startMeasure(instance, `render`);
@@ -6232,11 +5754,26 @@ function baseCreateRenderer(options, createHydrationFns) {
                     popWarningContext();
                 }
             }
-        }, (process.env.NODE_ENV !== 'production') ? createDevEffectOptions(instance) : prodEffectOptions);
+        };
+        // create reactive effect for rendering
+        const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+        );
+        const update = (instance.update = effect.run.bind(effect));
+        update.id = instance.uid;
+        // allowRecurse
+        // #1801, #2043 component render effects should allow recursive updates
+        effect.allowRecurse = update.allowRecurse = true;
         if ((process.env.NODE_ENV !== 'production')) {
-            // @ts-ignore
-            instance.update.ownerInstance = instance;
-        }
+            effect.onTrack = instance.rtc
+                ? e => invokeArrayFns(instance.rtc, e)
+                : void 0;
+            effect.onTrigger = instance.rtg
+                ? e => invokeArrayFns(instance.rtg, e)
+                : void 0;
+            // @ts-ignore (for scheduler)
+            update.ownerInstance = instance;
+        }
+        update();
     };
     const updateComponentPreRender = (instance, nextVNode, optimized) => {
         nextVNode.component = instance;
@@ -6413,7 +5950,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     : normalizeVNode(c2[i]));
                 if (nextChild.key != null) {
                     if ((process.env.NODE_ENV !== 'production') && keyToNewIndexMap.has(nextChild.key)) {
-                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                     }
                     keyToNewIndexMap.set(nextChild.key, i);
                 }
@@ -6657,20 +6194,18 @@ function baseCreateRenderer(options, createHydrationFns) {
         if ((process.env.NODE_ENV !== 'production') && instance.type.__hmrId) {
             unregisterHMR(instance);
         }
-        const { bum, effects, update, subTree, um } = instance;
+        const { bum, scope, update, subTree, um } = instance;
         // beforeUnmount hook
         if (bum) {
             invokeArrayFns(bum);
         }
-        if (effects) {
-            for (let i = 0; i < effects.length; i++) {
-                stop(effects[i]);
-            }
-        }
+        // stop effects in component scope
+        scope.stop();
         // update may be null if a component is unmounted before its async
         // setup has resolved.
         if (update) {
-            stop(update);
+            // so that scheduler will no longer invoke it
+            update.active = false;
             unmount(subTree, instance, parentSuspense, doRemove);
         }
         // unmounted hook
@@ -6744,11 +6279,85 @@ function baseCreateRenderer(options, createHydrationFns) {
     if (createHydrationFns) {
         [hydrate, hydrateNode] = createHydrationFns(internals);
     }
-    return {
-        render,
-        hydrate,
-        createApp: createAppAPI(render, hydrate)
-    };
+    return {
+        render,
+        hydrate,
+        createApp: createAppAPI(render, hydrate)
+    };
+}
+function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (isArray(rawRef)) {
+        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+        return;
+    }
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+        // when mounting async components, nothing needs to be done,
+        // because the template ref is forwarded to inner component
+        return;
+    }
+    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
+        ? getExposeProxy(vnode.component) || vnode.component.proxy
+        : vnode.el;
+    const value = isUnmount ? null : refValue;
+    const { i: owner, r: ref } = rawRef;
+    if ((process.env.NODE_ENV !== 'production') && !owner) {
+        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+            `A vnode with ref must be created inside the render function.`);
+        return;
+    }
+    const oldRef = oldRawRef && oldRawRef.r;
+    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
+    const setupState = owner.setupState;
+    // dynamic ref changed. unset old ref
+    if (oldRef != null && oldRef !== ref) {
+        if (isString(oldRef)) {
+            refs[oldRef] = null;
+            if (hasOwn(setupState, oldRef)) {
+                setupState[oldRef] = null;
+            }
+        }
+        else if (isRef(oldRef)) {
+            oldRef.value = null;
+        }
+    }
+    if (isString(ref)) {
+        const doSet = () => {
+            {
+                refs[ref] = value;
+            }
+            if (hasOwn(setupState, ref)) {
+                setupState[ref] = value;
+            }
+        };
+        // #1789: for non-null values, set them after render
+        // null values means this is unmount and it should not overwrite another
+        // ref with the same key
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isRef(ref)) {
+        const doSet = () => {
+            ref.value = value;
+        };
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isFunction$1(ref)) {
+        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1('Invalid template ref type:', value, `(${typeof value})`);
+    }
 }
 function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
     callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
@@ -6792,1518 +6401,2239 @@ function traverseStaticChildren(n1, n2, shallow = false) {
         }
     }
 }
-// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
-function getSequence(arr) {
-    const p = arr.slice();
-    const result = [0];
-    let i, j, u, v, c;
-    const len = arr.length;
-    for (i = 0; i < len; i++) {
-        const arrI = arr[i];
-        if (arrI !== 0) {
-            j = result[result.length - 1];
-            if (arr[j] < arrI) {
-                p[i] = j;
-                result.push(i);
-                continue;
-            }
-            u = 0;
-            v = result.length - 1;
-            while (u < v) {
-                c = ((u + v) / 2) | 0;
-                if (arr[result[c]] < arrI) {
-                    u = c + 1;
-                }
-                else {
-                    v = c;
-                }
-            }
-            if (arrI < arr[result[u]]) {
-                if (u > 0) {
-                    p[i] = result[u - 1];
-                }
-                result[u] = i;
+// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
+function getSequence(arr) {
+    const p = arr.slice();
+    const result = [0];
+    let i, j, u, v, c;
+    const len = arr.length;
+    for (i = 0; i < len; i++) {
+        const arrI = arr[i];
+        if (arrI !== 0) {
+            j = result[result.length - 1];
+            if (arr[j] < arrI) {
+                p[i] = j;
+                result.push(i);
+                continue;
+            }
+            u = 0;
+            v = result.length - 1;
+            while (u < v) {
+                c = (u + v) >> 1;
+                if (arr[result[c]] < arrI) {
+                    u = c + 1;
+                }
+                else {
+                    v = c;
+                }
+            }
+            if (arrI < arr[result[u]]) {
+                if (u > 0) {
+                    p[i] = result[u - 1];
+                }
+                result[u] = i;
+            }
+        }
+    }
+    u = result.length;
+    v = result[u - 1];
+    while (u-- > 0) {
+        result[u] = v;
+        v = p[v];
+    }
+    return result;
+}
+
+const isTeleport = (type) => type.__isTeleport;
+const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
+const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
+const resolveTarget = (props, select) => {
+    const targetSelector = props && props.to;
+    if (isString(targetSelector)) {
+        if (!select) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Current renderer does not support string target for Teleports. ` +
+                    `(missing querySelector renderer option)`);
+            return null;
+        }
+        else {
+            const target = select(targetSelector);
+            if (!target) {
+                (process.env.NODE_ENV !== 'production') &&
+                    warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                        `Note the target element must exist before the component is mounted - ` +
+                        `i.e. the target cannot be rendered by the component itself, and ` +
+                        `ideally should be outside of the entire Vue component tree.`);
+            }
+            return target;
+        }
+    }
+    else {
+        if ((process.env.NODE_ENV !== 'production') && !targetSelector && !isTeleportDisabled(props)) {
+            warn$1(`Invalid Teleport target: ${targetSelector}`);
+        }
+        return targetSelector;
+    }
+};
+const TeleportImpl = {
+    __isTeleport: true,
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
+        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+        const disabled = isTeleportDisabled(n2.props);
+        let { shapeFlag, children, dynamicChildren } = n2;
+        // #3302
+        // HMR updated, force full diff
+        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
+            optimized = false;
+            dynamicChildren = null;
+        }
+        if (n1 == null) {
+            // insert anchors in the main view
+            const placeholder = (n2.el = (process.env.NODE_ENV !== 'production')
+                ? createComment('teleport start')
+                : createText(''));
+            const mainAnchor = (n2.anchor = (process.env.NODE_ENV !== 'production')
+                ? createComment('teleport end')
+                : createText(''));
+            insert(placeholder, container, anchor);
+            insert(mainAnchor, container, anchor);
+            const target = (n2.target = resolveTarget(n2.props, querySelector));
+            const targetAnchor = (n2.targetAnchor = createText(''));
+            if (target) {
+                insert(targetAnchor, target);
+                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
+                isSVG = isSVG || isTargetSVG(target);
+            }
+            else if ((process.env.NODE_ENV !== 'production') && !disabled) {
+                warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
+            }
+            const mount = (container, anchor) => {
+                // Teleport *always* has Array children. This is enforced in both the
+                // compiler and vnode children normalization.
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
+            };
+            if (disabled) {
+                mount(container, mainAnchor);
+            }
+            else if (target) {
+                mount(target, targetAnchor);
+            }
+        }
+        else {
+            // update content
+            n2.el = n1.el;
+            const mainAnchor = (n2.anchor = n1.anchor);
+            const target = (n2.target = n1.target);
+            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
+            const wasDisabled = isTeleportDisabled(n1.props);
+            const currentContainer = wasDisabled ? container : target;
+            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
+            isSVG = isSVG || isTargetSVG(target);
+            if (dynamicChildren) {
+                // fast path when the teleport happens to be a block root
+                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
+                // even in block tree mode we need to make sure all root-level nodes
+                // in the teleport inherit previous DOM references so that they can
+                // be moved in future patches.
+                traverseStaticChildren(n1, n2, true);
+            }
+            else if (!optimized) {
+                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
+            }
+            if (disabled) {
+                if (!wasDisabled) {
+                    // enabled -> disabled
+                    // move into main container
+                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
+                }
+            }
+            else {
+                // target changed
+                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
+                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
+                    if (nextTarget) {
+                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
+                    }
+                    else if ((process.env.NODE_ENV !== 'production')) {
+                        warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
+                    }
+                }
+                else if (wasDisabled) {
+                    // disabled -> enabled
+                    // move into teleport target
+                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
+                }
+            }
+        }
+    },
+    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
+        if (target) {
+            hostRemove(targetAnchor);
+        }
+        // an unmounted teleport should always remove its children if not disabled
+        if (doRemove || !isTeleportDisabled(props)) {
+            hostRemove(anchor);
+            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                for (let i = 0; i < children.length; i++) {
+                    const child = children[i];
+                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+                }
+            }
+        }
+    },
+    move: moveTeleport,
+    hydrate: hydrateTeleport
+};
+function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
+    // move target anchor if this is a target change.
+    if (moveType === 0 /* TARGET_CHANGE */) {
+        insert(vnode.targetAnchor, container, parentAnchor);
+    }
+    const { el, anchor, shapeFlag, children, props } = vnode;
+    const isReorder = moveType === 2 /* REORDER */;
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(el, container, parentAnchor);
+    }
+    // if this is a re-order and teleport is enabled (content is in target)
+    // do not move children. So the opposite is: only move children if this
+    // is not a reorder, or the teleport is disabled
+    if (!isReorder || isTeleportDisabled(props)) {
+        // Teleport has either Array children or no children.
+        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            for (let i = 0; i < children.length; i++) {
+                move(children[i], container, parentAnchor, 2 /* REORDER */);
+            }
+        }
+    }
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(anchor, container, parentAnchor);
+    }
+}
+function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
+    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
+    if (target) {
+        // if multiple teleports rendered to the same target element, we need to
+        // pick up from where the last teleport finished instead of the first node
+        const targetNode = target._lpa || target.firstChild;
+        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            if (isTeleportDisabled(vnode.props)) {
+                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
+                vnode.targetAnchor = targetNode;
+            }
+            else {
+                vnode.anchor = nextSibling(node);
+                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+            }
+            target._lpa =
+                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+        }
+    }
+    return vnode.anchor && nextSibling(vnode.anchor);
+}
+// Force-casted public typing for h and TSX props inference
+const Teleport = TeleportImpl;
+
+const COMPONENTS = 'components';
+const DIRECTIVES = 'directives';
+/**
+ * @private
+ */
+function resolveComponent(name, maybeSelfReference) {
+    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+}
+const NULL_DYNAMIC_COMPONENT = Symbol();
+/**
+ * @private
+ */
+function resolveDynamicComponent(component) {
+    if (isString(component)) {
+        return resolveAsset(COMPONENTS, component, false) || component;
+    }
+    else {
+        // invalid types will fallthrough to createVNode and raise warning
+        return (component || NULL_DYNAMIC_COMPONENT);
+    }
+}
+/**
+ * @private
+ */
+function resolveDirective(name) {
+    return resolveAsset(DIRECTIVES, name);
+}
+// implementation
+function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
+    const instance = currentRenderingInstance || currentInstance;
+    if (instance) {
+        const Component = instance.type;
+        // explicit self name has highest priority
+        if (type === COMPONENTS) {
+            const selfName = getComponentName(Component);
+            if (selfName &&
+                (selfName === name ||
+                    selfName === camelize(name) ||
+                    selfName === capitalize(camelize(name)))) {
+                return Component;
             }
         }
+        const res = 
+        // local registration
+        // check instance[type] first which is resolved for options API
+        resolve(instance[type] || Component[type], name) ||
+            // global registration
+            resolve(instance.appContext[type], name);
+        if (!res && maybeSelfReference) {
+            // fallback to implicit self-reference
+            return Component;
+        }
+        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
+            warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+        }
+        return res;
     }
-    u = result.length;
-    v = result[u - 1];
-    while (u-- > 0) {
-        result[u] = v;
-        v = p[v];
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1(`resolve${capitalize(type.slice(0, -1))} ` +
+            `can only be used in render() or setup().`);
     }
-    return result;
+}
+function resolve(registry, name) {
+    return (registry &&
+        (registry[name] ||
+            registry[camelize(name)] ||
+            registry[capitalize(camelize(name))]));
 }
 
-const isTeleport = (type) => type.__isTeleport;
-const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
-const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
-const resolveTarget = (props, select) => {
-    const targetSelector = props && props.to;
-    if (isString(targetSelector)) {
-        if (!select) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Current renderer does not support string target for Teleports. ` +
-                    `(missing querySelector renderer option)`);
-            return null;
-        }
-        else {
-            const target = select(targetSelector);
-            if (!target) {
-                (process.env.NODE_ENV !== 'production') &&
-                    warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
-                        `Note the target element must exist before the component is mounted - ` +
-                        `i.e. the target cannot be rendered by the component itself, and ` +
-                        `ideally should be outside of the entire Vue component tree.`);
-            }
-            return target;
+const Fragment = Symbol((process.env.NODE_ENV !== 'production') ? 'Fragment' : undefined);
+const Text = Symbol((process.env.NODE_ENV !== 'production') ? 'Text' : undefined);
+const Comment$1 = Symbol((process.env.NODE_ENV !== 'production') ? 'Comment' : undefined);
+const Static = Symbol((process.env.NODE_ENV !== 'production') ? 'Static' : undefined);
+// Since v-if and v-for are the two possible ways node structure can dynamically
+// change, once we consider v-if branches and each v-for fragment a block, we
+// can divide a template into nested blocks, and within each block the node
+// structure would be stable. This allows us to skip most children diffing
+// and only worry about the dynamic nodes (indicated by patch flags).
+const blockStack = [];
+let currentBlock = null;
+/**
+ * Open a block.
+ * This must be called before `createBlock`. It cannot be part of `createBlock`
+ * because the children of the block are evaluated before `createBlock` itself
+ * is called. The generated code typically looks like this:
+ *
+ * ```js
+ * function render() {
+ *   return (openBlock(),createBlock('div', null, [...]))
+ * }
+ * ```
+ * disableTracking is true when creating a v-for fragment block, since a v-for
+ * fragment always diffs its children.
+ *
+ * @private
+ */
+function openBlock(disableTracking = false) {
+    blockStack.push((currentBlock = disableTracking ? null : []));
+}
+function closeBlock() {
+    blockStack.pop();
+    currentBlock = blockStack[blockStack.length - 1] || null;
+}
+// Whether we should be tracking dynamic child nodes inside a block.
+// Only tracks when this value is > 0
+// We are not using a simple boolean because this value may need to be
+// incremented/decremented by nested usage of v-once (see below)
+let isBlockTreeEnabled = 1;
+/**
+ * Block tracking sometimes needs to be disabled, for example during the
+ * creation of a tree that needs to be cached by v-once. The compiler generates
+ * code like this:
+ *
+ * ``` js
+ * _cache[1] || (
+ *   setBlockTracking(-1),
+ *   _cache[1] = createVNode(...),
+ *   setBlockTracking(1),
+ *   _cache[1]
+ * )
+ * ```
+ *
+ * @private
+ */
+function setBlockTracking(value) {
+    isBlockTreeEnabled += value;
+}
+function setupBlock(vnode) {
+    // save current block children on the block vnode
+    vnode.dynamicChildren =
+        isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
+    // close block
+    closeBlock();
+    // a block is always going to be patched, so track it as a child of its
+    // parent block
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(vnode);
+    }
+    return vnode;
+}
+/**
+ * @private
+ */
+function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */));
+}
+/**
+ * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+ * A block root keeps track of dynamic nodes within the block in the
+ * `dynamicChildren` array.
+ *
+ * @private
+ */
+function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */));
+}
+function isVNode(value) {
+    return value ? value.__v_isVNode === true : false;
+}
+function isSameVNodeType(n1, n2) {
+    if ((process.env.NODE_ENV !== 'production') &&
+        n2.shapeFlag & 6 /* COMPONENT */ &&
+        hmrDirtyComponents.has(n2.type)) {
+        // HMR only: if the component has been hot-updated, force a reload.
+        return false;
+    }
+    return n1.type === n2.type && n1.key === n2.key;
+}
+let vnodeArgsTransformer;
+/**
+ * Internal API for registering an arguments transform for createVNode
+ * used for creating stubs in the test-utils
+ * It is *internal* but needs to be exposed for test-utils to pick up proper
+ * typings
+ */
+function transformVNodeArgs(transformer) {
+    vnodeArgsTransformer = transformer;
+}
+const createVNodeWithArgsTransform = (...args) => {
+    return _createVNode(...(vnodeArgsTransformer
+        ? vnodeArgsTransformer(args, currentRenderingInstance)
+        : args));
+};
+const InternalObjectKey = `__vInternal`;
+const normalizeKey = ({ key }) => key != null ? key : null;
+const normalizeRef = ({ ref }) => {
+    return (ref != null
+        ? isString(ref) || isRef(ref) || isFunction$1(ref)
+            ? { i: currentRenderingInstance, r: ref }
+            : ref
+        : null);
+};
+function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) {
+    const vnode = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type,
+        props,
+        key: props && normalizeKey(props),
+        ref: props && normalizeRef(props),
+        scopeId: currentScopeId,
+        slotScopeIds: null,
+        children,
+        component: null,
+        suspense: null,
+        ssContent: null,
+        ssFallback: null,
+        dirs: null,
+        transition: null,
+        el: null,
+        anchor: null,
+        target: null,
+        targetAnchor: null,
+        staticCount: 0,
+        shapeFlag,
+        patchFlag,
+        dynamicProps,
+        dynamicChildren: null,
+        appContext: null
+    };
+    if (needFullChildrenNormalization) {
+        normalizeChildren(vnode, children);
+        // normalize suspense children
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            type.normalize(vnode);
         }
     }
-    else {
-        if ((process.env.NODE_ENV !== 'production') && !targetSelector && !isTeleportDisabled(props)) {
-            warn(`Invalid Teleport target: ${targetSelector}`);
-        }
-        return targetSelector;
+    else if (children) {
+        // compiled element vnode - if children is passed, only possible types are
+        // string or Array.
+        vnode.shapeFlag |= isString(children)
+            ? 8 /* TEXT_CHILDREN */
+            : 16 /* ARRAY_CHILDREN */;
     }
-};
-const TeleportImpl = {
-    __isTeleport: true,
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
-        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
-        const disabled = isTeleportDisabled(n2.props);
-        let { shapeFlag, children, dynamicChildren } = n2;
-        // #3302
-        // HMR updated, force full diff
-        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
-            optimized = false;
-            dynamicChildren = null;
-        }
-        if (n1 == null) {
-            // insert anchors in the main view
-            const placeholder = (n2.el = (process.env.NODE_ENV !== 'production')
-                ? createComment('teleport start')
-                : createText(''));
-            const mainAnchor = (n2.anchor = (process.env.NODE_ENV !== 'production')
-                ? createComment('teleport end')
-                : createText(''));
-            insert(placeholder, container, anchor);
-            insert(mainAnchor, container, anchor);
-            const target = (n2.target = resolveTarget(n2.props, querySelector));
-            const targetAnchor = (n2.targetAnchor = createText(''));
-            if (target) {
-                insert(targetAnchor, target);
-                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
-                isSVG = isSVG || isTargetSVG(target);
-            }
-            else if ((process.env.NODE_ENV !== 'production') && !disabled) {
-                warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
-            }
-            const mount = (container, anchor) => {
-                // Teleport *always* has Array children. This is enforced in both the
-                // compiler and vnode children normalization.
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                }
-            };
-            if (disabled) {
-                mount(container, mainAnchor);
-            }
-            else if (target) {
-                mount(target, targetAnchor);
-            }
-        }
-        else {
-            // update content
-            n2.el = n1.el;
-            const mainAnchor = (n2.anchor = n1.anchor);
-            const target = (n2.target = n1.target);
-            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
-            const wasDisabled = isTeleportDisabled(n1.props);
-            const currentContainer = wasDisabled ? container : target;
-            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
-            isSVG = isSVG || isTargetSVG(target);
-            if (dynamicChildren) {
-                // fast path when the teleport happens to be a block root
-                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
-                // even in block tree mode we need to make sure all root-level nodes
-                // in the teleport inherit previous DOM references so that they can
-                // be moved in future patches.
-                traverseStaticChildren(n1, n2, true);
-            }
-            else if (!optimized) {
-                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
-            }
-            if (disabled) {
-                if (!wasDisabled) {
-                    // enabled -> disabled
-                    // move into main container
-                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
-                }
-            }
-            else {
-                // target changed
-                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
-                    if (nextTarget) {
-                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
-                    }
-                    else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Invalid Teleport target on update:', target, `(${typeof target})`);
-                    }
-                }
-                else if (wasDisabled) {
-                    // disabled -> enabled
-                    // move into teleport target
-                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
-                }
-            }
-        }
-    },
-    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
-        if (target) {
-            hostRemove(targetAnchor);
+    // validate key
+    if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
+        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    }
+    // track vnode for block tree
+    if (isBlockTreeEnabled > 0 &&
+        // avoid a block node from tracking itself
+        !isBlockNode &&
+        // has current parent block
+        currentBlock &&
+        // presence of a patch flag indicates this node needs patching on updates.
+        // component nodes also should always be patched, because even if the
+        // component doesn't need to update, it needs to persist the instance on to
+        // the next vnode so that it can be properly unmounted later.
+        (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
+        // the EVENTS flag is only for hydration and if it is the only flag, the
+        // vnode should not be considered dynamic due to handler caching.
+        vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) {
+        currentBlock.push(vnode);
+    }
+    return vnode;
+}
+const createVNode = ((process.env.NODE_ENV !== 'production') ? createVNodeWithArgsTransform : _createVNode);
+function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
+    if (!type || type === NULL_DYNAMIC_COMPONENT) {
+        if ((process.env.NODE_ENV !== 'production') && !type) {
+            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
         }
-        // an unmounted teleport should always remove its children if not disabled
-        if (doRemove || !isTeleportDisabled(props)) {
-            hostRemove(anchor);
-            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                for (let i = 0; i < children.length; i++) {
-                    const child = children[i];
-                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
-                }
-            }
+        type = Comment$1;
+    }
+    if (isVNode(type)) {
+        // createVNode receiving an existing vnode. This happens in cases like
+        // <component :is="vnode"/>
+        // #2078 make sure to merge refs during the clone instead of overwriting it
+        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
+        if (children) {
+            normalizeChildren(cloned, children);
         }
-    },
-    move: moveTeleport,
-    hydrate: hydrateTeleport
-};
-function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
-    // move target anchor if this is a target change.
-    if (moveType === 0 /* TARGET_CHANGE */) {
-        insert(vnode.targetAnchor, container, parentAnchor);
+        return cloned;
     }
-    const { el, anchor, shapeFlag, children, props } = vnode;
-    const isReorder = moveType === 2 /* REORDER */;
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(el, container, parentAnchor);
+    // class component normalization.
+    if (isClassComponent(type)) {
+        type = type.__vccOpts;
     }
-    // if this is a re-order and teleport is enabled (content is in target)
-    // do not move children. So the opposite is: only move children if this
-    // is not a reorder, or the teleport is disabled
-    if (!isReorder || isTeleportDisabled(props)) {
-        // Teleport has either Array children or no children.
-        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            for (let i = 0; i < children.length; i++) {
-                move(children[i], container, parentAnchor, 2 /* REORDER */);
+    // class & style normalization.
+    if (props) {
+        // for reactive or proxy objects, we need to clone it to enable mutation.
+        props = guardReactiveProps(props);
+        let { class: klass, style } = props;
+        if (klass && !isString(klass)) {
+            props.class = normalizeClass(klass);
+        }
+        if (isObject$1(style)) {
+            // reactive state objects need to be cloned since they are likely to be
+            // mutated
+            if (isProxy(style) && !isArray(style)) {
+                style = extend({}, style);
             }
+            props.style = normalizeStyle(style);
         }
     }
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(anchor, container, parentAnchor);
+    // encode the vnode type information into a bitmap
+    const shapeFlag = isString(type)
+        ? 1 /* ELEMENT */
+        : isSuspense(type)
+            ? 128 /* SUSPENSE */
+            : isTeleport(type)
+                ? 64 /* TELEPORT */
+                : isObject$1(type)
+                    ? 4 /* STATEFUL_COMPONENT */
+                    : isFunction$1(type)
+                        ? 2 /* FUNCTIONAL_COMPONENT */
+                        : 0;
+    if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
+        type = toRaw(type);
+        warn$1(`Vue received a Component which was made a reactive object. This can ` +
+            `lead to unnecessary performance overhead, and should be avoided by ` +
+            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
+            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
     }
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+}
+function guardReactiveProps(props) {
+    if (!props)
+        return null;
+    return isProxy(props) || InternalObjectKey in props
+        ? extend({}, props)
+        : props;
+}
+function cloneVNode(vnode, extraProps, mergeRef = false) {
+    // This is intentionally NOT using spread or extend to avoid the runtime
+    // key enumeration cost.
+    const { props, ref, patchFlag, children } = vnode;
+    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
+    const cloned = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type: vnode.type,
+        props: mergedProps,
+        key: mergedProps && normalizeKey(mergedProps),
+        ref: extraProps && extraProps.ref
+            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
+                // if the vnode itself already has a ref, cloneVNode will need to merge
+                // the refs so the single vnode can be set on multiple refs
+                mergeRef && ref
+                    ? isArray(ref)
+                        ? ref.concat(normalizeRef(extraProps))
+                        : [ref, normalizeRef(extraProps)]
+                    : normalizeRef(extraProps)
+            : ref,
+        scopeId: vnode.scopeId,
+        slotScopeIds: vnode.slotScopeIds,
+        children: (process.env.NODE_ENV !== 'production') && patchFlag === -1 /* HOISTED */ && isArray(children)
+            ? children.map(deepCloneVNode)
+            : children,
+        target: vnode.target,
+        targetAnchor: vnode.targetAnchor,
+        staticCount: vnode.staticCount,
+        shapeFlag: vnode.shapeFlag,
+        // if the vnode is cloned with extra props, we can no longer assume its
+        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
+        // note: perserve flag for fragments since they use the flag for children
+        // fast paths only.
+        patchFlag: extraProps && vnode.type !== Fragment
+            ? patchFlag === -1 // hoisted node
+                ? 16 /* FULL_PROPS */
+                : patchFlag | 16 /* FULL_PROPS */
+            : patchFlag,
+        dynamicProps: vnode.dynamicProps,
+        dynamicChildren: vnode.dynamicChildren,
+        appContext: vnode.appContext,
+        dirs: vnode.dirs,
+        transition: vnode.transition,
+        // These should technically only be non-null on mounted VNodes. However,
+        // they *should* be copied for kept-alive vnodes. So we just always copy
+        // them since them being non-null during a mount doesn't affect the logic as
+        // they will simply be overwritten.
+        component: vnode.component,
+        suspense: vnode.suspense,
+        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
+        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
+        el: vnode.el,
+        anchor: vnode.anchor
+    };
+    return cloned;
 }
-function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
-    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
-    if (target) {
-        // if multiple teleports rendered to the same target element, we need to
-        // pick up from where the last teleport finished instead of the first node
-        const targetNode = target._lpa || target.firstChild;
-        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            if (isTeleportDisabled(vnode.props)) {
-                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-                vnode.targetAnchor = targetNode;
-            }
-            else {
-                vnode.anchor = nextSibling(node);
-                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
-            }
-            target._lpa =
-                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-        }
+/**
+ * Dev only, for HMR of hoisted vnodes reused in v-for
+ * https://github.com/vitejs/vite/issues/2022
+ */
+function deepCloneVNode(vnode) {
+    const cloned = cloneVNode(vnode);
+    if (isArray(vnode.children)) {
+        cloned.children = vnode.children.map(deepCloneVNode);
     }
-    return vnode.anchor && nextSibling(vnode.anchor);
+    return cloned;
 }
-// Force-casted public typing for h and TSX props inference
-const Teleport = TeleportImpl;
-
-const COMPONENTS = 'components';
-const DIRECTIVES = 'directives';
 /**
  * @private
  */
-function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+function createTextVNode(text = ' ', flag = 0) {
+    return createVNode(Text, null, text, flag);
 }
-const NULL_DYNAMIC_COMPONENT = Symbol();
 /**
  * @private
  */
-function resolveDynamicComponent(component) {
-    if (isString(component)) {
-        return resolveAsset(COMPONENTS, component, false) || component;
-    }
-    else {
-        // invalid types will fallthrough to createVNode and raise warning
-        return (component || NULL_DYNAMIC_COMPONENT);
-    }
+function createStaticVNode(content, numberOfNodes) {
+    // A static vnode can contain multiple stringified elements, and the number
+    // of elements is necessary for hydration.
+    const vnode = createVNode(Static, null, content);
+    vnode.staticCount = numberOfNodes;
+    return vnode;
 }
 /**
  * @private
  */
-function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
+function createCommentVNode(text = '', 
+// when used as the v-else branch, the comment node must be created as a
+// block to ensure correct updates.
+asBlock = false) {
+    return asBlock
+        ? (openBlock(), createBlock(Comment$1, null, text))
+        : createVNode(Comment$1, null, text);
 }
-// implementation
-function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    const instance = currentRenderingInstance || currentInstance;
-    if (instance) {
-        const Component = instance.type;
-        // explicit self name has highest priority
-        if (type === COMPONENTS) {
-            const selfName = getComponentName(Component);
-            if (selfName &&
-                (selfName === name ||
-                    selfName === camelize(name) ||
-                    selfName === capitalize(camelize(name)))) {
-                return Component;
+function normalizeVNode(child) {
+    if (child == null || typeof child === 'boolean') {
+        // empty placeholder
+        return createVNode(Comment$1);
+    }
+    else if (isArray(child)) {
+        // fragment
+        return createVNode(Fragment, null, 
+        // #3666, avoid reference pollution when reusing vnode
+        child.slice());
+    }
+    else if (typeof child === 'object') {
+        // already vnode, this should be the most common since compiled templates
+        // always produce all-vnode children arrays
+        return cloneIfMounted(child);
+    }
+    else {
+        // strings and numbers
+        return createVNode(Text, null, String(child));
+    }
+}
+// optimized normalization for template-compiled render fns
+function cloneIfMounted(child) {
+    return child.el === null || child.memo ? child : cloneVNode(child);
+}
+function normalizeChildren(vnode, children) {
+    let type = 0;
+    const { shapeFlag } = vnode;
+    if (children == null) {
+        children = null;
+    }
+    else if (isArray(children)) {
+        type = 16 /* ARRAY_CHILDREN */;
+    }
+    else if (typeof children === 'object') {
+        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
+            // Normalize slot to plain children for plain element and Teleport
+            const slot = children.default;
+            if (slot) {
+                // _c marker is added by withCtx() indicating this is a compiled slot
+                slot._c && (slot._d = false);
+                normalizeChildren(vnode, slot());
+                slot._c && (slot._d = true);
             }
+            return;
         }
-        const res = 
-        // local registration
-        // check instance[type] first which is resolved for options API
-        resolve(instance[type] || Component[type], name) ||
-            // global registration
-            resolve(instance.appContext[type], name);
-        if (!res && maybeSelfReference) {
-            // fallback to implicit self-reference
-            return Component;
-        }
-        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
-            warn(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+        else {
+            type = 32 /* SLOTS_CHILDREN */;
+            const slotFlag = children._;
+            if (!slotFlag && !(InternalObjectKey in children)) {
+                children._ctx = currentRenderingInstance;
+            }
+            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
+                // a child component receives forwarded slots from the parent.
+                // its slot type is determined by its parent's slot type.
+                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
+                    children._ = 1 /* STABLE */;
+                }
+                else {
+                    children._ = 2 /* DYNAMIC */;
+                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                }
+            }
         }
-        return res;
     }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`resolve${capitalize(type.slice(0, -1))} ` +
-            `can only be used in render() or setup().`);
+    else if (isFunction$1(children)) {
+        children = { default: children, _ctx: currentRenderingInstance };
+        type = 32 /* SLOTS_CHILDREN */;
+    }
+    else {
+        children = String(children);
+        // force teleport children to array so it can be moved around
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type = 16 /* ARRAY_CHILDREN */;
+            children = [createTextVNode(children)];
+        }
+        else {
+            type = 8 /* TEXT_CHILDREN */;
+        }
     }
+    vnode.children = children;
+    vnode.shapeFlag |= type;
 }
-function resolve(registry, name) {
-    return (registry &&
-        (registry[name] ||
-            registry[camelize(name)] ||
-            registry[capitalize(camelize(name))]));
+function mergeProps(...args) {
+    const ret = {};
+    for (let i = 0; i < args.length; i++) {
+        const toMerge = args[i];
+        for (const key in toMerge) {
+            if (key === 'class') {
+                if (ret.class !== toMerge.class) {
+                    ret.class = normalizeClass([ret.class, toMerge.class]);
+                }
+            }
+            else if (key === 'style') {
+                ret.style = normalizeStyle([ret.style, toMerge.style]);
+            }
+            else if (isOn(key)) {
+                const existing = ret[key];
+                const incoming = toMerge[key];
+                if (existing !== incoming) {
+                    ret[key] = existing
+                        ? [].concat(existing, incoming)
+                        : incoming;
+                }
+            }
+            else if (key !== '') {
+                ret[key] = toMerge[key];
+            }
+        }
+    }
+    return ret;
 }
 
-const Fragment = Symbol((process.env.NODE_ENV !== 'production') ? 'Fragment' : undefined);
-const Text = Symbol((process.env.NODE_ENV !== 'production') ? 'Text' : undefined);
-const Comment$1 = Symbol((process.env.NODE_ENV !== 'production') ? 'Comment' : undefined);
-const Static = Symbol((process.env.NODE_ENV !== 'production') ? 'Static' : undefined);
-// Since v-if and v-for are the two possible ways node structure can dynamically
-// change, once we consider v-if branches and each v-for fragment a block, we
-// can divide a template into nested blocks, and within each block the node
-// structure would be stable. This allows us to skip most children diffing
-// and only worry about the dynamic nodes (indicated by patch flags).
-const blockStack = [];
-let currentBlock = null;
 /**
- * Open a block.
- * This must be called before `createBlock`. It cannot be part of `createBlock`
- * because the children of the block are evaluated before `createBlock` itself
- * is called. The generated code typically looks like this:
- *
- * ```js
- * function render() {
- *   return (openBlock(),createBlock('div', null, [...]))
- * }
- * ```
- * disableTracking is true when creating a v-for fragment block, since a v-for
- * fragment always diffs its children.
- *
+ * Actual implementation
+ */
+function renderList(source, renderItem, cache, index) {
+    let ret;
+    const cached = (cache && cache[index]);
+    if (isArray(source) || isString(source)) {
+        ret = new Array(source.length);
+        for (let i = 0, l = source.length; i < l; i++) {
+            ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
+        }
+    }
+    else if (typeof source === 'number') {
+        if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
+            warn$1(`The v-for range expect an integer value but got ${source}.`);
+            return [];
+        }
+        ret = new Array(source);
+        for (let i = 0; i < source; i++) {
+            ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
+        }
+    }
+    else if (isObject$1(source)) {
+        if (source[Symbol.iterator]) {
+            ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
+        }
+        else {
+            const keys = Object.keys(source);
+            ret = new Array(keys.length);
+            for (let i = 0, l = keys.length; i < l; i++) {
+                const key = keys[i];
+                ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+            }
+        }
+    }
+    else {
+        ret = [];
+    }
+    if (cache) {
+        cache[index] = ret;
+    }
+    return ret;
+}
+
+/**
+ * Compiler runtime helper for creating dynamic slots object
  * @private
  */
-function openBlock(disableTracking = false) {
-    blockStack.push((currentBlock = disableTracking ? null : []));
-}
-function closeBlock() {
-    blockStack.pop();
-    currentBlock = blockStack[blockStack.length - 1] || null;
-}
-// Whether we should be tracking dynamic child nodes inside a block.
-// Only tracks when this value is > 0
-// We are not using a simple boolean because this value may need to be
-// incremented/decremented by nested usage of v-once (see below)
-let isBlockTreeEnabled = 1;
+function createSlots(slots, dynamicSlots) {
+    for (let i = 0; i < dynamicSlots.length; i++) {
+        const slot = dynamicSlots[i];
+        // array of dynamic slot generated by <template v-for="..." #[...]>
+        if (isArray(slot)) {
+            for (let j = 0; j < slot.length; j++) {
+                slots[slot[j].name] = slot[j].fn;
+            }
+        }
+        else if (slot) {
+            // conditional single slot generated by <template v-if="..." #foo>
+            slots[slot.name] = slot.fn;
+        }
+    }
+    return slots;
+}
+
 /**
- * Block tracking sometimes needs to be disabled, for example during the
- * creation of a tree that needs to be cached by v-once. The compiler generates
- * code like this:
- *
- * ``` js
- * _cache[1] || (
- *   setBlockTracking(-1),
- *   _cache[1] = createVNode(...),
- *   setBlockTracking(1),
- *   _cache[1]
- * )
- * ```
- *
+ * Compiler runtime helper for rendering `<slot/>`
  * @private
  */
-function setBlockTracking(value) {
-    isBlockTreeEnabled += value;
+function renderSlot(slots, name, props = {}, 
+// this is not a user-facing function, so the fallback is always generated by
+// the compiler and guaranteed to be a function returning an array
+fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+    }
+    let slot = slots[name];
+    if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
+        warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+            `function. You need to mark this component with $dynamic-slots in the ` +
+            `parent template.`);
+        slot = () => [];
+    }
+    // a compiled slot disables block tracking by default to avoid manual
+    // invocation interfering with template-based block tracking, but in
+    // `renderSlot` we can be sure that it's template-based so we can force
+    // enable it.
+    if (slot && slot._c) {
+        slot._d = false;
+    }
+    openBlock();
+    const validSlotContent = slot && ensureValidVNode(slot(props));
+    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
+        ? 64 /* STABLE_FRAGMENT */
+        : -2 /* BAIL */);
+    if (!noSlotted && rendered.scopeId) {
+        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    }
+    if (slot && slot._c) {
+        slot._d = true;
+    }
+    return rendered;
 }
+function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+        if (!isVNode(child))
+            return true;
+        if (child.type === Comment$1)
+            return false;
+        if (child.type === Fragment &&
+            !ensureValidVNode(child.children))
+            return false;
+        return true;
+    })
+        ? vnodes
+        : null;
+}
+
 /**
- * Create a block root vnode. Takes the same exact arguments as `createVNode`.
- * A block root keeps track of dynamic nodes within the block in the
- * `dynamicChildren` array.
- *
+ * For prefixing keys in v-on="obj" with "on"
  * @private
  */
-function createBlock(type, props, children, patchFlag, dynamicProps) {
-    const vnode = createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */);
-    // save current block children on the block vnode
-    vnode.dynamicChildren =
-        isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
-    // close block
-    closeBlock();
-    // a block is always going to be patched, so track it as a child of its
-    // parent block
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-        currentBlock.push(vnode);
+function toHandlers(obj) {
+    const ret = {};
+    if ((process.env.NODE_ENV !== 'production') && !isObject$1(obj)) {
+        warn$1(`v-on with no argument expects an object value.`);
+        return ret;
     }
-    return vnode;
-}
-function isVNode(value) {
-    return value ? value.__v_isVNode === true : false;
-}
-function isSameVNodeType(n1, n2) {
-    if ((process.env.NODE_ENV !== 'production') &&
-        n2.shapeFlag & 6 /* COMPONENT */ &&
-        hmrDirtyComponents.has(n2.type)) {
-        // HMR only: if the component has been hot-updated, force a reload.
-        return false;
+    for (const key in obj) {
+        ret[toHandlerKey(key)] = obj[key];
     }
-    return n1.type === n2.type && n1.key === n2.key;
-}
-let vnodeArgsTransformer;
+    return ret;
+}
+
 /**
- * Internal API for registering an arguments transform for createVNode
- * used for creating stubs in the test-utils
- * It is *internal* but needs to be exposed for test-utils to pick up proper
- * typings
+ * #2437 In Vue 3, functional components do not have a public instance proxy but
+ * they exist in the internal parent chain. For code that relies on traversing
+ * public $parent chains, skip functional ones and go to the parent instead.
  */
-function transformVNodeArgs(transformer) {
-    vnodeArgsTransformer = transformer;
-}
-const createVNodeWithArgsTransform = (...args) => {
-    return _createVNode(...(vnodeArgsTransformer
-        ? vnodeArgsTransformer(args, currentRenderingInstance)
-        : args));
-};
-const InternalObjectKey = `__vInternal`;
-const normalizeKey = ({ key }) => key != null ? key : null;
-const normalizeRef = ({ ref }) => {
-    return (ref != null
-        ? isString(ref) || isRef(ref) || isFunction$1(ref)
-            ? { i: currentRenderingInstance, r: ref }
-            : ref
-        : null);
+const getPublicInstance = (i) => {
+    if (!i)
+        return null;
+    if (isStatefulComponent(i))
+        return getExposeProxy(i) || i.proxy;
+    return getPublicInstance(i.parent);
 };
-const createVNode = ((process.env.NODE_ENV !== 'production')
-    ? createVNodeWithArgsTransform
-    : _createVNode);
-function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-        if ((process.env.NODE_ENV !== 'production') && !type) {
-            warn(`Invalid vnode type when creating vnode: ${type}.`);
+const publicPropertiesMap = extend(Object.create(null), {
+    $: i => i,
+    $el: i => i.vnode.el,
+    $data: i => i.data,
+    $props: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.props) : i.props),
+    $attrs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.attrs) : i.attrs),
+    $slots: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots),
+    $refs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.refs) : i.refs),
+    $parent: i => getPublicInstance(i.parent),
+    $root: i => getPublicInstance(i.root),
+    $emit: i => i.emit,
+    $options: i => (__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
+    $forceUpdate: i => () => queueJob(i.update),
+    $nextTick: i => nextTick.bind(i.proxy),
+    $watch: i => (__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
+});
+const PublicInstanceProxyHandlers = {
+    get({ _: instance }, key) {
+        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
+        // for internal formatters to know that this is a Vue instance
+        if ((process.env.NODE_ENV !== 'production') && key === '__isVue') {
+            return true;
+        }
+        // prioritize <script setup> bindings during dev.
+        // this allows even properties that start with _ or $ to be used - so that
+        // it aligns with the production behavior where the render fn is inlined and
+        // indeed has access to all declared variables.
+        if ((process.env.NODE_ENV !== 'production') &&
+            setupState !== EMPTY_OBJ &&
+            setupState.__isScriptSetup &&
+            hasOwn(setupState, key)) {
+            return setupState[key];
+        }
+        // data / props / ctx
+        // This getter gets called for every property access on the render context
+        // during render and is a major hotspot. The most expensive part of this
+        // is the multiple hasOwn() calls. It's much faster to do a simple property
+        // access on a plain object, so we use an accessCache object (with null
+        // prototype) to memoize what access type a key corresponds to.
+        let normalizedProps;
+        if (key[0] !== '$') {
+            const n = accessCache[key];
+            if (n !== undefined) {
+                switch (n) {
+                    case 0 /* SETUP */:
+                        return setupState[key];
+                    case 1 /* DATA */:
+                        return data[key];
+                    case 3 /* CONTEXT */:
+                        return ctx[key];
+                    case 2 /* PROPS */:
+                        return props[key];
+                    // default: just fallthrough
+                }
+            }
+            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+                accessCache[key] = 0 /* SETUP */;
+                return setupState[key];
+            }
+            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+                accessCache[key] = 1 /* DATA */;
+                return data[key];
+            }
+            else if (
+            // only cache other properties when instance has declared (thus stable)
+            // props
+            (normalizedProps = instance.propsOptions[0]) &&
+                hasOwn(normalizedProps, key)) {
+                accessCache[key] = 2 /* PROPS */;
+                return props[key];
+            }
+            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+                accessCache[key] = 3 /* CONTEXT */;
+                return ctx[key];
+            }
+            else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {
+                accessCache[key] = 4 /* OTHER */;
+            }
+        }
+        const publicGetter = publicPropertiesMap[key];
+        let cssModule, globalProperties;
+        // public $xxx properties
+        if (publicGetter) {
+            if (key === '$attrs') {
+                track(instance, "get" /* GET */, key);
+                (process.env.NODE_ENV !== 'production') && markAttrsAccessed();
+            }
+            return publicGetter(instance);
         }
-        type = Comment$1;
-    }
-    if (isVNode(type)) {
-        // createVNode receiving an existing vnode. This happens in cases like
-        // <component :is="vnode"/>
-        // #2078 make sure to merge refs during the clone instead of overwriting it
-        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
-        if (children) {
-            normalizeChildren(cloned, children);
+        else if (
+        // css module (injected by vue-loader)
+        (cssModule = type.__cssModules) &&
+            (cssModule = cssModule[key])) {
+            return cssModule;
         }
-        return cloned;
-    }
-    // class component normalization.
-    if (isClassComponent(type)) {
-        type = type.__vccOpts;
-    }
-    // class & style normalization.
-    if (props) {
-        // for reactive or proxy objects, we need to clone it to enable mutation.
-        if (isProxy(props) || InternalObjectKey in props) {
-            props = extend({}, props);
+        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+            // user may set custom properties to `this` that start with `$`
+            accessCache[key] = 3 /* CONTEXT */;
+            return ctx[key];
         }
-        let { class: klass, style } = props;
-        if (klass && !isString(klass)) {
-            props.class = normalizeClass(klass);
+        else if (
+        // global properties
+        ((globalProperties = appContext.config.globalProperties),
+            hasOwn(globalProperties, key))) {
+            {
+                return globalProperties[key];
+            }
         }
-        if (isObject$1(style)) {
-            // reactive state objects need to be cloned since they are likely to be
-            // mutated
-            if (isProxy(style) && !isArray(style)) {
-                style = extend({}, style);
+        else if ((process.env.NODE_ENV !== 'production') &&
+            currentRenderingInstance &&
+            (!isString(key) ||
+                // #1091 avoid internal isRef/isVNode checks on component instance leading
+                // to infinite warning loop
+                key.indexOf('__v') !== 0)) {
+            if (data !== EMPTY_OBJ &&
+                (key[0] === '$' || key[0] === '_') &&
+                hasOwn(data, key)) {
+                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                    `character ("$" or "_") and is not proxied on the render context.`);
+            }
+            else if (instance === currentRenderingInstance) {
+                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
+                    `but is not defined on instance.`);
+            }
+        }
+    },
+    set({ _: instance }, key, value) {
+        const { data, setupState, ctx } = instance;
+        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+            setupState[key] = value;
+        }
+        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+            data[key] = value;
+        }
+        else if (hasOwn(instance.props, key)) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+            return false;
+        }
+        if (key[0] === '$' && key.slice(1) in instance) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Attempting to mutate public property "${key}". ` +
+                    `Properties starting with $ are reserved and readonly.`, instance);
+            return false;
+        }
+        else {
+            if ((process.env.NODE_ENV !== 'production') && key in instance.appContext.config.globalProperties) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    value
+                });
+            }
+            else {
+                ctx[key] = value;
             }
-            props.style = normalizeStyle(style);
         }
+        return true;
+    },
+    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
+        let normalizedProps;
+        return (accessCache[key] !== undefined ||
+            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
+            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
+            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
+            hasOwn(ctx, key) ||
+            hasOwn(publicPropertiesMap, key) ||
+            hasOwn(appContext.config.globalProperties, key));
     }
-    // encode the vnode type information into a bitmap
-    const shapeFlag = isString(type)
-        ? 1 /* ELEMENT */
-        : isSuspense(type)
-            ? 128 /* SUSPENSE */
-            : isTeleport(type)
-                ? 64 /* TELEPORT */
-                : isObject$1(type)
-                    ? 4 /* STATEFUL_COMPONENT */
-                    : isFunction$1(type)
-                        ? 2 /* FUNCTIONAL_COMPONENT */
-                        : 0;
-    if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
-        type = toRaw(type);
-        warn(`Vue received a Component which was made a reactive object. This can ` +
-            `lead to unnecessary performance overhead, and should be avoided by ` +
-            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
-            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
+};
+if ((process.env.NODE_ENV !== 'production') && !false) {
+    PublicInstanceProxyHandlers.ownKeys = (target) => {
+        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+            `The keys will be empty in production mode to avoid performance overhead.`);
+        return Reflect.ownKeys(target);
+    };
+}
+const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
+    get(target, key) {
+        // fast path for unscopables when using `with` block
+        if (key === Symbol.unscopables) {
+            return;
+        }
+        return PublicInstanceProxyHandlers.get(target, key, target);
+    },
+    has(_, key) {
+        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
+        if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
+            warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+        }
+        return has;
     }
-    const vnode = {
-        __v_isVNode: true,
-        __v_skip: true,
+});
+// dev only
+// In dev mode, the proxy target exposes the same properties as seen on `this`
+// for easier console inspection. In prod mode it will be an empty object so
+// these properties definitions can be skipped.
+function createDevRenderContext(instance) {
+    const target = {};
+    // expose internal instance for proxy handlers
+    Object.defineProperty(target, `_`, {
+        configurable: true,
+        enumerable: false,
+        get: () => instance
+    });
+    // expose public properties
+    Object.keys(publicPropertiesMap).forEach(key => {
+        Object.defineProperty(target, key, {
+            configurable: true,
+            enumerable: false,
+            get: () => publicPropertiesMap[key](instance),
+            // intercepted by the proxy so no need for implementation,
+            // but needed to prevent set errors
+            set: NOOP
+        });
+    });
+    return target;
+}
+// dev only
+function exposePropsOnRenderContext(instance) {
+    const { ctx, propsOptions: [propsOptions] } = instance;
+    if (propsOptions) {
+        Object.keys(propsOptions).forEach(key => {
+            Object.defineProperty(ctx, key, {
+                enumerable: true,
+                configurable: true,
+                get: () => instance.props[key],
+                set: NOOP
+            });
+        });
+    }
+}
+// dev only
+function exposeSetupStateOnRenderContext(instance) {
+    const { ctx, setupState } = instance;
+    Object.keys(toRaw(setupState)).forEach(key => {
+        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
+            warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                `which are reserved prefixes for Vue internals.`);
+            return;
+        }
+        Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => setupState[key],
+            set: NOOP
+        });
+    });
+}
+
+const emptyAppContext = createAppContext();
+let uid$1 = 0;
+function createComponentInstance(vnode, parent, suspense) {
+    const type = vnode.type;
+    // inherit parent app context - or - if root, adopt from root vnode
+    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
+    const instance = {
+        uid: uid$1++,
+        vnode,
         type,
-        props,
-        key: props && normalizeKey(props),
-        ref: props && normalizeRef(props),
-        scopeId: currentScopeId,
-        slotScopeIds: null,
-        children: null,
-        component: null,
-        suspense: null,
-        ssContent: null,
-        ssFallback: null,
-        dirs: null,
-        transition: null,
-        el: null,
-        anchor: null,
-        target: null,
-        targetAnchor: null,
-        shapeFlag,
-        patchFlag,
-        dynamicProps,
-        dynamicChildren: null,
-        appContext: null
+        parent,
+        appContext,
+        root: null,
+        next: null,
+        subTree: null,
+        update: null,
+        scope: new EffectScope(true /* detached */),
+        render: null,
+        proxy: null,
+        exposed: null,
+        exposeProxy: null,
+        withProxy: null,
+        provides: parent ? parent.provides : Object.create(appContext.provides),
+        accessCache: null,
+        renderCache: [],
+        // local resovled assets
+        components: null,
+        directives: null,
+        // resolved props and emits options
+        propsOptions: normalizePropsOptions(type, appContext),
+        emitsOptions: normalizeEmitsOptions(type, appContext),
+        // emit
+        emit: null,
+        emitted: null,
+        // props default value
+        propsDefaults: EMPTY_OBJ,
+        // inheritAttrs
+        inheritAttrs: type.inheritAttrs,
+        // state
+        ctx: EMPTY_OBJ,
+        data: EMPTY_OBJ,
+        props: EMPTY_OBJ,
+        attrs: EMPTY_OBJ,
+        slots: EMPTY_OBJ,
+        refs: EMPTY_OBJ,
+        setupState: EMPTY_OBJ,
+        setupContext: null,
+        // suspense related
+        suspense,
+        suspenseId: suspense ? suspense.pendingId : 0,
+        asyncDep: null,
+        asyncResolved: false,
+        // lifecycle hooks
+        // not using enums here because it results in computed properties
+        isMounted: false,
+        isUnmounted: false,
+        isDeactivated: false,
+        bc: null,
+        c: null,
+        bm: null,
+        m: null,
+        bu: null,
+        u: null,
+        um: null,
+        bum: null,
+        da: null,
+        a: null,
+        rtg: null,
+        rtc: null,
+        ec: null,
+        sp: null
     };
-    // validate key
-    if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
-        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    if ((process.env.NODE_ENV !== 'production')) {
+        instance.ctx = createDevRenderContext(instance);
     }
-    normalizeChildren(vnode, children);
-    // normalize suspense children
-    if (shapeFlag & 128 /* SUSPENSE */) {
-        type.normalize(vnode);
+    else {
+        instance.ctx = { _: instance };
     }
-    if (isBlockTreeEnabled > 0 &&
-        // avoid a block node from tracking itself
-        !isBlockNode &&
-        // has current parent block
-        currentBlock &&
-        // presence of a patch flag indicates this node needs patching on updates.
-        // component nodes also should always be patched, because even if the
-        // component doesn't need to update, it needs to persist the instance on to
-        // the next vnode so that it can be properly unmounted later.
-        (patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
-        // the EVENTS flag is only for hydration and if it is the only flag, the
-        // vnode should not be considered dynamic due to handler caching.
-        patchFlag !== 32 /* HYDRATE_EVENTS */) {
-        currentBlock.push(vnode);
+    instance.root = parent ? parent.root : instance;
+    instance.emit = emit.bind(null, instance);
+    // apply custom element special handling
+    if (vnode.ce) {
+        vnode.ce(instance);
     }
-    return vnode;
-}
-function cloneVNode(vnode, extraProps, mergeRef = false) {
-    // This is intentionally NOT using spread or extend to avoid the runtime
-    // key enumeration cost.
-    const { props, ref, patchFlag, children } = vnode;
-    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    const cloned = {
-        __v_isVNode: true,
-        __v_skip: true,
-        type: vnode.type,
-        props: mergedProps,
-        key: mergedProps && normalizeKey(mergedProps),
-        ref: extraProps && extraProps.ref
-            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
-                // if the vnode itself already has a ref, cloneVNode will need to merge
-                // the refs so the single vnode can be set on multiple refs
-                mergeRef && ref
-                    ? isArray(ref)
-                        ? ref.concat(normalizeRef(extraProps))
-                        : [ref, normalizeRef(extraProps)]
-                    : normalizeRef(extraProps)
-            : ref,
-        scopeId: vnode.scopeId,
-        slotScopeIds: vnode.slotScopeIds,
-        children: (process.env.NODE_ENV !== 'production') && patchFlag === -1 /* HOISTED */ && isArray(children)
-            ? children.map(deepCloneVNode)
-            : children,
-        target: vnode.target,
-        targetAnchor: vnode.targetAnchor,
-        staticCount: vnode.staticCount,
-        staticCache: vnode.staticCache,
-        shapeFlag: vnode.shapeFlag,
-        // if the vnode is cloned with extra props, we can no longer assume its
-        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-        // note: perserve flag for fragments since they use the flag for children
-        // fast paths only.
-        patchFlag: extraProps && vnode.type !== Fragment
-            ? patchFlag === -1 // hoisted node
-                ? 16 /* FULL_PROPS */
-                : patchFlag | 16 /* FULL_PROPS */
-            : patchFlag,
-        dynamicProps: vnode.dynamicProps,
-        dynamicChildren: vnode.dynamicChildren,
-        appContext: vnode.appContext,
-        dirs: vnode.dirs,
-        transition: vnode.transition,
-        // These should technically only be non-null on mounted VNodes. However,
-        // they *should* be copied for kept-alive vnodes. So we just always copy
-        // them since them being non-null during a mount doesn't affect the logic as
-        // they will simply be overwritten.
-        component: vnode.component,
-        suspense: vnode.suspense,
-        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
-        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
-        el: vnode.el,
-        anchor: vnode.anchor
-    };
-    return cloned;
+    return instance;
 }
-/**
- * Dev only, for HMR of hoisted vnodes reused in v-for
- * https://github.com/vitejs/vite/issues/2022
- */
-function deepCloneVNode(vnode) {
-    const cloned = cloneVNode(vnode);
-    if (isArray(vnode.children)) {
-        cloned.children = vnode.children.map(deepCloneVNode);
+let currentInstance = null;
+const getCurrentInstance = () => currentInstance || currentRenderingInstance;
+const setCurrentInstance = (instance) => {
+    currentInstance = instance;
+    instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
+};
+const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
+function validateComponentName(name, config) {
+    const appIsNativeTag = config.isNativeTag || NO;
+    if (isBuiltInTag(name) || appIsNativeTag(name)) {
+        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
-    return cloned;
-}
-/**
- * @private
- */
-function createTextVNode(text = ' ', flag = 0) {
-    return createVNode(Text, null, text, flag);
 }
-/**
- * @private
- */
-function createStaticVNode(content, numberOfNodes) {
-    // A static vnode can contain multiple stringified elements, and the number
-    // of elements is necessary for hydration.
-    const vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
+function isStatefulComponent(instance) {
+    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
 }
-/**
- * @private
- */
-function createCommentVNode(text = '', 
-// when used as the v-else branch, the comment node must be created as a
-// block to ensure correct updates.
-asBlock = false) {
-    return asBlock
-        ? (openBlock(), createBlock(Comment$1, null, text))
-        : createVNode(Comment$1, null, text);
+let isInSSRComponentSetup = false;
+function setupComponent(instance, isSSR = false) {
+    isInSSRComponentSetup = isSSR;
+    const { props, children } = instance.vnode;
+    const isStateful = isStatefulComponent(instance);
+    initProps(instance, props, isStateful, isSSR);
+    initSlots(instance, children);
+    const setupResult = isStateful
+        ? setupStatefulComponent(instance, isSSR)
+        : undefined;
+    isInSSRComponentSetup = false;
+    return setupResult;
 }
-function normalizeVNode(child) {
-    if (child == null || typeof child === 'boolean') {
-        // empty placeholder
-        return createVNode(Comment$1);
+function setupStatefulComponent(instance, isSSR) {
+    const Component = instance.type;
+    if ((process.env.NODE_ENV !== 'production')) {
+        if (Component.name) {
+            validateComponentName(Component.name, instance.appContext.config);
+        }
+        if (Component.components) {
+            const names = Object.keys(Component.components);
+            for (let i = 0; i < names.length; i++) {
+                validateComponentName(names[i], instance.appContext.config);
+            }
+        }
+        if (Component.directives) {
+            const names = Object.keys(Component.directives);
+            for (let i = 0; i < names.length; i++) {
+                validateDirectiveName(names[i]);
+            }
+        }
+        if (Component.compilerOptions && isRuntimeOnly()) {
+            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+                `includes the runtime compiler. Since you are using a runtime-only ` +
+                `build, the options should be passed via your build tool config instead.`);
+        }
     }
-    else if (isArray(child)) {
-        // fragment
-        return createVNode(Fragment, null, 
-        // #3666, avoid reference pollution when reusing vnode
-        child.slice());
+    // 0. create render proxy property access cache
+    instance.accessCache = Object.create(null);
+    // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    if ((process.env.NODE_ENV !== 'production')) {
+        exposePropsOnRenderContext(instance);
     }
-    else if (typeof child === 'object') {
-        // already vnode, this should be the most common since compiled templates
-        // always produce all-vnode children arrays
-        return cloneIfMounted(child);
+    // 2. call setup()
+    const { setup } = Component;
+    if (setup) {
+        const setupContext = (instance.setupContext =
+            setup.length > 1 ? createSetupContext(instance) : null);
+        setCurrentInstance(instance);
+        pauseTracking();
+        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
+        resetTracking();
+        unsetCurrentInstance();
+        if (isPromise$1(setupResult)) {
+            setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+            if (isSSR) {
+                // return the promise so server-renderer can wait on it
+                return setupResult
+                    .then((resolvedResult) => {
+                    handleSetupResult(instance, resolvedResult, isSSR);
+                })
+                    .catch(e => {
+                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
+                });
+            }
+            else {
+                // async setup returned Promise.
+                // bail here and wait for re-entry.
+                instance.asyncDep = setupResult;
+            }
+        }
+        else {
+            handleSetupResult(instance, setupResult, isSSR);
+        }
     }
     else {
-        // strings and numbers
-        return createVNode(Text, null, String(child));
+        finishComponentSetup(instance, isSSR);
     }
 }
-// optimized normalization for template-compiled render fns
-function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
-}
-function normalizeChildren(vnode, children) {
-    let type = 0;
-    const { shapeFlag } = vnode;
-    if (children == null) {
-        children = null;
+function handleSetupResult(instance, setupResult, isSSR) {
+    if (isFunction$1(setupResult)) {
+        // setup returned an inline render function
+        {
+            instance.render = setupResult;
+        }
+    }
+    else if (isObject$1(setupResult)) {
+        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
+            warn$1(`setup() should not return VNodes directly - ` +
+                `return a render function instead.`);
+        }
+        // setup returned bindings.
+        // assuming a render function compiled from template is present.
+        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
+            instance.devtoolsRawSetupState = setupResult;
+        }
+        instance.setupState = proxyRefs(setupResult);
+        if ((process.env.NODE_ENV !== 'production')) {
+            exposeSetupStateOnRenderContext(instance);
+        }
     }
-    else if (isArray(children)) {
-        type = 16 /* ARRAY_CHILDREN */;
+    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
+        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
     }
-    else if (typeof children === 'object') {
-        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
-            // Normalize slot to plain children for plain element and Teleport
-            const slot = children.default;
-            if (slot) {
-                // _c marker is added by withCtx() indicating this is a compiled slot
-                slot._c && (slot._d = false);
-                normalizeChildren(vnode, slot());
-                slot._c && (slot._d = true);
-            }
-            return;
+    finishComponentSetup(instance, isSSR);
+}
+let compile;
+let installWithProxy;
+/**
+ * For runtime-dom to register the compiler.
+ * Note the exported method uses any to avoid d.ts relying on the compiler types.
+ */
+function registerRuntimeCompiler(_compile) {
+    compile = _compile;
+    installWithProxy = i => {
+        if (i.render._rc) {
+            i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
         }
-        else {
-            type = 32 /* SLOTS_CHILDREN */;
-            const slotFlag = children._;
-            if (!slotFlag && !(InternalObjectKey in children)) {
-                children._ctx = currentRenderingInstance;
-            }
-            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
-                // a child component receives forwarded slots from the parent.
-                // its slot type is determined by its parent's slot type.
-                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
-                    children._ = 1 /* STABLE */;
+    };
+}
+// dev only
+const isRuntimeOnly = () => !compile;
+function finishComponentSetup(instance, isSSR, skipOptions) {
+    const Component = instance.type;
+    // template / render function normalization
+    if (!instance.render) {
+        // could be set from setup()
+        if (compile && !Component.render) {
+            const template = Component.template;
+            if (template) {
+                if ((process.env.NODE_ENV !== 'production')) {
+                    startMeasure(instance, `compile`);
                 }
-                else {
-                    children._ = 2 /* DYNAMIC */;
-                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                const { isCustomElement, compilerOptions } = instance.appContext.config;
+                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
+                const finalCompilerOptions = extend(extend({
+                    isCustomElement,
+                    delimiters
+                }, compilerOptions), componentCompilerOptions);
+                Component.render = compile(template, finalCompilerOptions);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    endMeasure(instance, `compile`);
                 }
             }
         }
+        instance.render = (Component.render || NOOP);
+        // for runtime-compiled render functions using `with` blocks, the render
+        // proxy used needs a different `has` handler which is more performant and
+        // also only allows a whitelist of globals to fallthrough.
+        if (installWithProxy) {
+            installWithProxy(instance);
+        }
     }
-    else if (isFunction$1(children)) {
-        children = { default: children, _ctx: currentRenderingInstance };
-        type = 32 /* SLOTS_CHILDREN */;
+    // support for 2.x options
+    if (__VUE_OPTIONS_API__ && !(false )) {
+        setCurrentInstance(instance);
+        pauseTracking();
+        applyOptions(instance);
+        resetTracking();
+        unsetCurrentInstance();
     }
-    else {
-        children = String(children);
-        // force teleport children to array so it can be moved around
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type = 16 /* ARRAY_CHILDREN */;
-            children = [createTextVNode(children)];
+    // warn missing template/render
+    // the runtime compilation of template in SSR is done by server-render
+    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
+        /* istanbul ignore if */
+        if (!compile && Component.template) {
+            warn$1(`Component provided template option but ` +
+                `runtime compilation is not supported in this build of Vue.` +
+                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
+                    ) /* should not happen */);
         }
         else {
-            type = 8 /* TEXT_CHILDREN */;
+            warn$1(`Component is missing template or render function.`);
         }
     }
-    vnode.children = children;
-    vnode.shapeFlag |= type;
 }
-function mergeProps(...args) {
-    const ret = extend({}, args[0]);
-    for (let i = 1; i < args.length; i++) {
-        const toMerge = args[i];
-        for (const key in toMerge) {
-            if (key === 'class') {
-                if (ret.class !== toMerge.class) {
-                    ret.class = normalizeClass([ret.class, toMerge.class]);
-                }
-            }
-            else if (key === 'style') {
-                ret.style = normalizeStyle([ret.style, toMerge.style]);
-            }
-            else if (isOn(key)) {
-                const existing = ret[key];
-                const incoming = toMerge[key];
-                if (existing !== incoming) {
-                    ret[key] = existing
-                        ? [].concat(existing, incoming)
-                        : incoming;
-                }
+function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, (process.env.NODE_ENV !== 'production')
+        ? {
+            get(target, key) {
+                markAttrsAccessed();
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            },
+            set() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            },
+            deleteProperty() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
             }
-            else if (key !== '') {
-                ret[key] = toMerge[key];
+        }
+        : {
+            get(target, key) {
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
             }
+        });
+}
+function createSetupContext(instance) {
+    const expose = exposed => {
+        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
+            warn$1(`expose() should be called only once per setup().`);
         }
+        instance.exposed = exposed || {};
+    };
+    let attrs;
+    if ((process.env.NODE_ENV !== 'production')) {
+        // We use getters in dev in case libs like test-utils overwrite instance
+        // properties (overwrites should not be done in prod)
+        return Object.freeze({
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            get slots() {
+                return shallowReadonly(instance.slots);
+            },
+            get emit() {
+                return (event, ...args) => instance.emit(event, ...args);
+            },
+            expose
+        });
     }
-    return ret;
-}
-
-/**
- * Actual implementation
- */
-function renderList(source, renderItem) {
-    let ret;
-    if (isArray(source) || isString(source)) {
-        ret = new Array(source.length);
-        for (let i = 0, l = source.length; i < l; i++) {
-            ret[i] = renderItem(source[i], i);
-        }
+    else {
+        return {
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            slots: instance.slots,
+            emit: instance.emit,
+            expose
+        };
     }
-    else if (typeof source === 'number') {
-        if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
-            warn(`The v-for range expect an integer value but got ${source}.`);
-            return [];
-        }
-        ret = new Array(source);
-        for (let i = 0; i < source; i++) {
-            ret[i] = renderItem(i + 1, i);
-        }
+}
+function getExposeProxy(instance) {
+    if (instance.exposed) {
+        return (instance.exposeProxy ||
+            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+                get(target, key) {
+                    if (key in target) {
+                        return target[key];
+                    }
+                    else if (key in publicPropertiesMap) {
+                        return publicPropertiesMap[key](instance);
+                    }
+                }
+            })));
     }
-    else if (isObject$1(source)) {
-        if (source[Symbol.iterator]) {
-            ret = Array.from(source, renderItem);
+}
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return isFunction$1(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
+}
+/* istanbul ignore next */
+function formatComponentName(instance, Component, isRoot = false) {
+    let name = getComponentName(Component);
+    if (!name && Component.__file) {
+        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
+        if (match) {
+            name = match[1];
         }
-        else {
-            const keys = Object.keys(source);
-            ret = new Array(keys.length);
-            for (let i = 0, l = keys.length; i < l; i++) {
-                const key = keys[i];
-                ret[i] = renderItem(source[key], key, i);
+    }
+    if (!name && instance && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
+                }
             }
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    }
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+}
+function isClassComponent(value) {
+    return isFunction$1(value) && '__vccOpts' in value;
+}
+
+const stack = [];
+function pushWarningContext(vnode) {
+    stack.push(vnode);
+}
+function popWarningContext() {
+    stack.pop();
+}
+function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    const instance = stack.length ? stack[stack.length - 1].component : null;
+    const appWarnHandler = instance && instance.appContext.config.warnHandler;
+    const trace = getComponentTrace();
+    if (appWarnHandler) {
+        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
+            msg + args.join(''),
+            instance && instance.proxy,
+            trace
+                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
+                .join('\n'),
+            trace
+        ]);
+    }
+    else {
+        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
+        /* istanbul ignore if */
+        if (trace.length &&
+            // avoid spamming console during tests
+            !false) {
+            warnArgs.push(`\n`, ...formatTrace(trace));
         }
+        console.warn(...warnArgs);
     }
-    else {
-        ret = [];
+    resetTracking();
+}
+function getComponentTrace() {
+    let currentVNode = stack[stack.length - 1];
+    if (!currentVNode) {
+        return [];
     }
-    return ret;
-}
-
-/**
- * Compiler runtime helper for creating dynamic slots object
- * @private
- */
-function createSlots(slots, dynamicSlots) {
-    for (let i = 0; i < dynamicSlots.length; i++) {
-        const slot = dynamicSlots[i];
-        // array of dynamic slot generated by <template v-for="..." #[...]>
-        if (isArray(slot)) {
-            for (let j = 0; j < slot.length; j++) {
-                slots[slot[j].name] = slot[j].fn;
-            }
+    // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
+    const normalizedStack = [];
+    while (currentVNode) {
+        const last = normalizedStack[0];
+        if (last && last.vnode === currentVNode) {
+            last.recurseCount++;
         }
-        else if (slot) {
-            // conditional single slot generated by <template v-if="..." #foo>
-            slots[slot.name] = slot.fn;
+        else {
+            normalizedStack.push({
+                vnode: currentVNode,
+                recurseCount: 0
+            });
         }
+        const parentInstance = currentVNode.component && currentVNode.component.parent;
+        currentVNode = parentInstance && parentInstance.vnode;
     }
-    return slots;
-}
-
-/**
- * Compiler runtime helper for rendering `<slot/>`
- * @private
- */
-function renderSlot(slots, name, props = {}, 
-// this is not a user-facing function, so the fallback is always generated by
-// the compiler and guaranteed to be a function returning an array
-fallback, noSlotted) {
-    let slot = slots[name];
-    if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
-        warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
-            `function. You need to mark this component with $dynamic-slots in the ` +
-            `parent template.`);
-        slot = () => [];
+    return normalizedStack;
+}
+/* istanbul ignore next */
+function formatTrace(trace) {
+    const logs = [];
+    trace.forEach((entry, i) => {
+        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    });
+    return logs;
+}
+function formatTraceEntry({ vnode, recurseCount }) {
+    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
+    const isRoot = vnode.component ? vnode.component.parent == null : false;
+    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
+    const close = `>` + postfix;
+    return vnode.props
+        ? [open, ...formatProps(vnode.props), close]
+        : [open + close];
+}
+/* istanbul ignore next */
+function formatProps(props) {
+    const res = [];
+    const keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+        res.push(...formatProp(key, props[key]));
+    });
+    if (keys.length > 3) {
+        res.push(` ...`);
     }
-    // a compiled slot disables block tracking by default to avoid manual
-    // invocation interfering with template-based block tracking, but in
-    // `renderSlot` we can be sure that it's template-based so we can force
-    // enable it.
-    if (slot && slot._c) {
-        slot._d = false;
+    return res;
+}
+/* istanbul ignore next */
+function formatProp(key, value, raw) {
+    if (isString(value)) {
+        value = JSON.stringify(value);
+        return raw ? value : [`${key}=${value}`];
     }
-    openBlock();
-    const validSlotContent = slot && ensureValidVNode(slot(props));
-    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
-        ? 64 /* STABLE_FRAGMENT */
-        : -2 /* BAIL */);
-    if (!noSlotted && rendered.scopeId) {
-        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    else if (typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        value == null) {
+        return raw ? value : [`${key}=${value}`];
     }
-    if (slot && slot._c) {
-        slot._d = true;
+    else if (isRef(value)) {
+        value = formatProp(key, toRaw(value.value), true);
+        return raw ? value : [`${key}=Ref<`, value, `>`];
     }
-    return rendered;
-}
-function ensureValidVNode(vnodes) {
-    return vnodes.some(child => {
-        if (!isVNode(child))
-            return true;
-        if (child.type === Comment$1)
-            return false;
-        if (child.type === Fragment &&
-            !ensureValidVNode(child.children))
-            return false;
-        return true;
-    })
-        ? vnodes
-        : null;
-}
-
-/**
- * For prefixing keys in v-on="obj" with "on"
- * @private
- */
-function toHandlers(obj) {
-    const ret = {};
-    if ((process.env.NODE_ENV !== 'production') && !isObject$1(obj)) {
-        warn(`v-on with no argument expects an object value.`);
-        return ret;
+    else if (isFunction$1(value)) {
+        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
     }
-    for (const key in obj) {
-        ret[toHandlerKey(key)] = obj[key];
+    else {
+        value = toRaw(value);
+        return raw ? value : [`${key}=`, value];
     }
-    return ret;
 }
 
-/**
- * #2437 In Vue 3, functional components do not have a public instance proxy but
- * they exist in the internal parent chain. For code that relies on traversing
- * public $parent chains, skip functional ones and go to the parent instead.
- */
-const getPublicInstance = (i) => {
-    if (!i)
-        return null;
-    if (isStatefulComponent(i))
-        return getExposeProxy(i) || i.proxy;
-    return getPublicInstance(i.parent);
-};
-const publicPropertiesMap = extend(Object.create(null), {
-    $: i => i,
-    $el: i => i.vnode.el,
-    $data: i => i.data,
-    $props: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.props) : i.props),
-    $attrs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.attrs) : i.attrs),
-    $slots: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots),
-    $refs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.refs) : i.refs),
-    $parent: i => getPublicInstance(i.parent),
-    $root: i => getPublicInstance(i.root),
-    $emit: i => i.emit,
-    $options: i => (__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
-    $forceUpdate: i => () => queueJob(i.update),
-    $nextTick: i => nextTick.bind(i.proxy),
-    $watch: i => (__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
-});
-const PublicInstanceProxyHandlers = {
-    get({ _: instance }, key) {
-        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-        // for internal formatters to know that this is a Vue instance
-        if ((process.env.NODE_ENV !== 'production') && key === '__isVue') {
-            return true;
-        }
-        // prioritize <script setup> bindings during dev.
-        // this allows even properties that start with _ or $ to be used - so that
-        // it aligns with the production behavior where the render fn is inlined and
-        // indeed has access to all declared variables.
-        if ((process.env.NODE_ENV !== 'production') &&
-            setupState !== EMPTY_OBJ &&
-            setupState.__isScriptSetup &&
-            hasOwn(setupState, key)) {
-            return setupState[key];
-        }
-        // data / props / ctx
-        // This getter gets called for every property access on the render context
-        // during render and is a major hotspot. The most expensive part of this
-        // is the multiple hasOwn() calls. It's much faster to do a simple property
-        // access on a plain object, so we use an accessCache object (with null
-        // prototype) to memoize what access type a key corresponds to.
-        let normalizedProps;
-        if (key[0] !== '$') {
-            const n = accessCache[key];
-            if (n !== undefined) {
-                switch (n) {
-                    case 0 /* SETUP */:
-                        return setupState[key];
-                    case 1 /* DATA */:
-                        return data[key];
-                    case 3 /* CONTEXT */:
-                        return ctx[key];
-                    case 2 /* PROPS */:
-                        return props[key];
-                    // default: just fallthrough
-                }
-            }
-            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-                accessCache[key] = 0 /* SETUP */;
-                return setupState[key];
-            }
-            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-                accessCache[key] = 1 /* DATA */;
-                return data[key];
-            }
-            else if (
-            // only cache other properties when instance has declared (thus stable)
-            // props
-            (normalizedProps = instance.propsOptions[0]) &&
-                hasOwn(normalizedProps, key)) {
-                accessCache[key] = 2 /* PROPS */;
-                return props[key];
-            }
-            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-                accessCache[key] = 3 /* CONTEXT */;
-                return ctx[key];
-            }
-            else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {
-                accessCache[key] = 4 /* OTHER */;
-            }
+const ErrorTypeStrings = {
+    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
+    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
+    ["c" /* CREATED */]: 'created hook',
+    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
+    ["m" /* MOUNTED */]: 'mounted hook',
+    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
+    ["u" /* UPDATED */]: 'updated',
+    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
+    ["um" /* UNMOUNTED */]: 'unmounted hook',
+    ["a" /* ACTIVATED */]: 'activated hook',
+    ["da" /* DEACTIVATED */]: 'deactivated hook',
+    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
+    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
+    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
+    [0 /* SETUP_FUNCTION */]: 'setup function',
+    [1 /* RENDER_FUNCTION */]: 'render function',
+    [2 /* WATCH_GETTER */]: 'watcher getter',
+    [3 /* WATCH_CALLBACK */]: 'watcher callback',
+    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
+    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
+    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
+    [7 /* VNODE_HOOK */]: 'vnode hook',
+    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
+    [9 /* TRANSITION_HOOK */]: 'transition hook',
+    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
+    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
+    [12 /* FUNCTION_REF */]: 'ref function',
+    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
+    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+};
+function callWithErrorHandling(fn, instance, type, args) {
+    let res;
+    try {
+        res = args ? fn(...args) : fn();
+    }
+    catch (err) {
+        handleError(err, instance, type);
+    }
+    return res;
+}
+function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (isFunction$1(fn)) {
+        const res = callWithErrorHandling(fn, instance, type, args);
+        if (res && isPromise$1(res)) {
+            res.catch(err => {
+                handleError(err, instance, type);
+            });
         }
-        const publicGetter = publicPropertiesMap[key];
-        let cssModule, globalProperties;
-        // public $xxx properties
-        if (publicGetter) {
-            if (key === '$attrs') {
-                track(instance, "get" /* GET */, key);
-                (process.env.NODE_ENV !== 'production') && markAttrsAccessed();
+        return res;
+    }
+    const values = [];
+    for (let i = 0; i < fn.length; i++) {
+        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    }
+    return values;
+}
+function handleError(err, instance, type, throwInDev = true) {
+    const contextVNode = instance ? instance.vnode : null;
+    if (instance) {
+        let cur = instance.parent;
+        // the exposed instance is the render proxy to keep it consistent with 2.x
+        const exposedInstance = instance.proxy;
+        // in production the hook receives only the error code
+        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
+        while (cur) {
+            const errorCapturedHooks = cur.ec;
+            if (errorCapturedHooks) {
+                for (let i = 0; i < errorCapturedHooks.length; i++) {
+                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+                        return;
+                    }
+                }
             }
-            return publicGetter(instance);
-        }
-        else if (
-        // css module (injected by vue-loader)
-        (cssModule = type.__cssModules) &&
-            (cssModule = cssModule[key])) {
-            return cssModule;
-        }
-        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-            // user may set custom properties to `this` that start with `$`
-            accessCache[key] = 3 /* CONTEXT */;
-            return ctx[key];
+            cur = cur.parent;
         }
-        else if (
-        // global properties
-        ((globalProperties = appContext.config.globalProperties),
-            hasOwn(globalProperties, key))) {
-            {
-                return globalProperties[key];
-            }
+        // app-level handling
+        const appErrorHandler = instance.appContext.config.errorHandler;
+        if (appErrorHandler) {
+            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
+            return;
         }
-        else if ((process.env.NODE_ENV !== 'production') &&
-            currentRenderingInstance &&
-            (!isString(key) ||
-                // #1091 avoid internal isRef/isVNode checks on component instance leading
-                // to infinite warning loop
-                key.indexOf('__v') !== 0)) {
-            if (data !== EMPTY_OBJ &&
-                (key[0] === '$' || key[0] === '_') &&
-                hasOwn(data, key)) {
-                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
-                    `character ("$" or "_") and is not proxied on the render context.`);
-            }
-            else if (instance === currentRenderingInstance) {
-                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
-                    `but is not defined on instance.`);
-            }
+    }
+    logError(err, type, contextVNode, throwInDev);
+}
+function logError(err, type, contextVNode, throwInDev = true) {
+    if ((process.env.NODE_ENV !== 'production')) {
+        const info = ErrorTypeStrings[type];
+        if (contextVNode) {
+            pushWarningContext(contextVNode);
         }
-    },
-    set({ _: instance }, key, value) {
-        const { data, setupState, ctx } = instance;
-        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-            setupState[key] = value;
+        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        if (contextVNode) {
+            popWarningContext();
         }
-        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-            data[key] = value;
+        // crash in dev by default so it's more noticeable
+        if (throwInDev) {
+            throw err;
         }
-        else if (hasOwn(instance.props, key)) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
-            return false;
+        else {
+            console.error(err);
         }
-        if (key[0] === '$' && key.slice(1) in instance) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate public property "${key}". ` +
-                    `Properties starting with $ are reserved and readonly.`, instance);
-            return false;
+    }
+    else {
+        // recover in prod to reduce the impact on end-user
+        // fixed by xxxxxx
+        if (err instanceof Error) {
+            console.error(err.message + '\n' + err.stack);
         }
         else {
-            if ((process.env.NODE_ENV !== 'production') && key in instance.appContext.config.globalProperties) {
-                Object.defineProperty(ctx, key, {
-                    enumerable: true,
-                    configurable: true,
-                    value
-                });
-            }
-            else {
-                ctx[key] = value;
-            }
+            console.error(err);
         }
-        return true;
-    },
-    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
-        let normalizedProps;
-        return (accessCache[key] !== undefined ||
-            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
-            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
-            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
-            hasOwn(ctx, key) ||
-            hasOwn(publicPropertiesMap, key) ||
-            hasOwn(appContext.config.globalProperties, key));
     }
-};
-if ((process.env.NODE_ENV !== 'production') && !false) {
-    PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
-            `The keys will be empty in production mode to avoid performance overhead.`);
-        return Reflect.ownKeys(target);
-    };
+}
+
+let isFlushing = false;
+let isFlushPending = false;
+const queue = [];
+let flushIndex = 0;
+const pendingPreFlushCbs = [];
+let activePreFlushCbs = null;
+let preFlushIndex = 0;
+const pendingPostFlushCbs = [];
+let activePostFlushCbs = null;
+let postFlushIndex = 0;
+const resolvedPromise = Promise.resolve();
+let currentFlushPromise = null;
+let currentPreFlushParentJob = null;
+const RECURSION_LIMIT = 100;
+function nextTick(fn) {
+    const p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
 }
-const RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-        // fast path for unscopables when using `with` block
-        if (key === Symbol.unscopables) {
-            return;
+// #2768
+// Use binary-search to find a suitable position in the queue,
+// so that the queue maintains the increasing order of job's id,
+// which can prevent the job from being skipped and also can avoid repeated patching.
+function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    let start = flushIndex + 1;
+    let end = queue.length;
+    while (start < end) {
+        const middle = (start + end) >>> 1;
+        const middleJobId = getId(queue[middle]);
+        middleJobId < id ? (start = middle + 1) : (end = middle);
+    }
+    return start;
+}
+function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length ||
+        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
+        job !== currentPreFlushParentJob) {
+        if (job.id == null) {
+            queue.push(job);
         }
-        return PublicInstanceProxyHandlers.get(target, key, target);
-    },
-    has(_, key) {
-        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
-        if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
-            warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+        else {
+            queue.splice(findInsertionIndex(job.id), 0, job);
         }
-        return has;
+        queueFlush();
     }
-});
-// In dev mode, the proxy target exposes the same properties as seen on `this`
-// for easier console inspection. In prod mode it will be an empty object so
-// these properties definitions can be skipped.
-function createRenderContext(instance) {
-    const target = {};
-    // expose internal instance for proxy handlers
-    Object.defineProperty(target, `_`, {
-        configurable: true,
-        enumerable: false,
-        get: () => instance
-    });
-    // expose public properties
-    Object.keys(publicPropertiesMap).forEach(key => {
-        Object.defineProperty(target, key, {
-            configurable: true,
-            enumerable: false,
-            get: () => publicPropertiesMap[key](instance),
-            // intercepted by the proxy so no need for implementation,
-            // but needed to prevent set errors
-            set: NOOP
-        });
-    });
-    return target;
 }
-// dev only
-function exposePropsOnRenderContext(instance) {
-    const { ctx, propsOptions: [propsOptions] } = instance;
-    if (propsOptions) {
-        Object.keys(propsOptions).forEach(key => {
-            Object.defineProperty(ctx, key, {
-                enumerable: true,
-                configurable: true,
-                get: () => instance.props[key],
-                set: NOOP
-            });
-        });
+function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+        isFlushPending = true;
+        currentFlushPromise = resolvedPromise.then(flushJobs);
     }
 }
-// dev only
-function exposeSetupStateOnRenderContext(instance) {
-    const { ctx, setupState } = instance;
-    Object.keys(toRaw(setupState)).forEach(key => {
-        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-            warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
-                `which are reserved prefixes for Vue internals.`);
-            return;
+function invalidateJob(job) {
+    const i = queue.indexOf(job);
+    if (i > flushIndex) {
+        queue.splice(i, 1);
+    }
+}
+function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!isArray(cb)) {
+        if (!activeQueue ||
+            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+            pendingQueue.push(cb);
         }
-        Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            get: () => setupState[key],
-            set: NOOP
-        });
-    });
-}
-
-const emptyAppContext = createAppContext();
-let uid$2 = 0;
-function createComponentInstance(vnode, parent, suspense) {
-    const type = vnode.type;
-    // inherit parent app context - or - if root, adopt from root vnode
-    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    const instance = {
-        uid: uid$2++,
-        vnode,
-        type,
-        parent,
-        appContext,
-        root: null,
-        next: null,
-        subTree: null,
-        update: null,
-        render: null,
-        proxy: null,
-        exposed: null,
-        exposeProxy: null,
-        withProxy: null,
-        effects: null,
-        provides: parent ? parent.provides : Object.create(appContext.provides),
-        accessCache: null,
-        renderCache: [],
-        // local resovled assets
-        components: null,
-        directives: null,
-        // resolved props and emits options
-        propsOptions: normalizePropsOptions(type, appContext),
-        emitsOptions: normalizeEmitsOptions(type, appContext),
-        // emit
-        emit: null,
-        emitted: null,
-        // props default value
-        propsDefaults: EMPTY_OBJ,
-        // inheritAttrs
-        inheritAttrs: type.inheritAttrs,
-        // state
-        ctx: EMPTY_OBJ,
-        data: EMPTY_OBJ,
-        props: EMPTY_OBJ,
-        attrs: EMPTY_OBJ,
-        slots: EMPTY_OBJ,
-        refs: EMPTY_OBJ,
-        setupState: EMPTY_OBJ,
-        setupContext: null,
-        // suspense related
-        suspense,
-        suspenseId: suspense ? suspense.pendingId : 0,
-        asyncDep: null,
-        asyncResolved: false,
-        // lifecycle hooks
-        // not using enums here because it results in computed properties
-        isMounted: false,
-        isUnmounted: false,
-        isDeactivated: false,
-        bc: null,
-        c: null,
-        bm: null,
-        m: null,
-        bu: null,
-        u: null,
-        um: null,
-        bum: null,
-        da: null,
-        a: null,
-        rtg: null,
-        rtc: null,
-        ec: null,
-        sp: null
-    };
-    if ((process.env.NODE_ENV !== 'production')) {
-        instance.ctx = createRenderContext(instance);
     }
     else {
-        instance.ctx = { _: instance };
+        // if cb is an array, it is a component lifecycle hook which can only be
+        // triggered by a job, which is already deduped in the main queue, so
+        // we can skip duplicate check here to improve perf
+        pendingQueue.push(...cb);
     }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit.bind(null, instance);
-    return instance;
+    queueFlush();
 }
-let currentInstance = null;
-const getCurrentInstance = () => currentInstance || currentRenderingInstance;
-const setCurrentInstance = (instance) => {
-    currentInstance = instance;
-};
-const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
-function validateComponentName(name, config) {
-    const appIsNativeTag = config.isNativeTag || NO;
-    if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
-    }
+function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
 }
-function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
+function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
 }
-let isInSSRComponentSetup = false;
-function setupComponent(instance, isSSR = false) {
-    isInSSRComponentSetup = isSSR;
-    const { props, children } = instance.vnode;
-    const isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children);
-    const setupResult = isStateful
-        ? setupStatefulComponent(instance, isSSR)
-        : undefined;
-    isInSSRComponentSetup = false;
-    return setupResult;
+function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+        currentPreFlushParentJob = parentJob;
+        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+        pendingPreFlushCbs.length = 0;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
+        }
+        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+                continue;
+            }
+            activePreFlushCbs[preFlushIndex]();
+        }
+        activePreFlushCbs = null;
+        preFlushIndex = 0;
+        currentPreFlushParentJob = null;
+        // recursively flush until it drains
+        flushPreFlushCbs(seen, parentJob);
+    }
 }
-function setupStatefulComponent(instance, isSSR) {
-    const Component = instance.type;
-    if ((process.env.NODE_ENV !== 'production')) {
-        if (Component.name) {
-            validateComponentName(Component.name, instance.appContext.config);
+function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+        const deduped = [...new Set(pendingPostFlushCbs)];
+        pendingPostFlushCbs.length = 0;
+        // #1947 already has active queue, nested flushPostFlushCbs call
+        if (activePostFlushCbs) {
+            activePostFlushCbs.push(...deduped);
+            return;
         }
-        if (Component.components) {
-            const names = Object.keys(Component.components);
-            for (let i = 0; i < names.length; i++) {
-                validateComponentName(names[i], instance.appContext.config);
+        activePostFlushCbs = deduped;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
+        }
+        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+                continue;
             }
+            activePostFlushCbs[postFlushIndex]();
         }
-        if (Component.directives) {
-            const names = Object.keys(Component.directives);
-            for (let i = 0; i < names.length; i++) {
-                validateDirectiveName(names[i]);
+        activePostFlushCbs = null;
+        postFlushIndex = 0;
+    }
+}
+const getId = (job) => job.id == null ? Infinity : job.id;
+function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
+    if ((process.env.NODE_ENV !== 'production')) {
+        seen = seen || new Map();
+    }
+    flushPreFlushCbs(seen);
+    // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
+    queue.sort((a, b) => getId(a) - getId(b));
+    try {
+        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+            const job = queue[flushIndex];
+            if (job && job.active !== false) {
+                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
+                    continue;
+                }
+                // console.log(`running:`, job.id)
+                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
             }
         }
-        if (Component.compilerOptions && isRuntimeOnly()) {
-            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
-                `includes the runtime compiler. Since you are using a runtime-only ` +
-                `build, the options should be passed via your build tool config instead.`);
+    }
+    finally {
+        flushIndex = 0;
+        queue.length = 0;
+        flushPostFlushCbs(seen);
+        isFlushing = false;
+        currentFlushPromise = null;
+        // some postFlushCb queued jobs!
+        // keep flushing until it drains.
+        if (queue.length ||
+            pendingPreFlushCbs.length ||
+            pendingPostFlushCbs.length) {
+            flushJobs(seen);
+        }
+    }
+}
+function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+        seen.set(fn, 1);
+    }
+    else {
+        const count = seen.get(fn);
+        if (count > RECURSION_LIMIT) {
+            const instance = fn.ownerInstance;
+            const componentName = instance && getComponentName(instance.type);
+            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+                `This means you have a reactive effect that is mutating its own ` +
+                `dependencies and thus recursively triggering itself. Possible sources ` +
+                `include component template, render function, updated hook or ` +
+                `watcher source function.`);
+            return true;
+        }
+        else {
+            seen.set(fn, count + 1);
+        }
+    }
+}
+
+// Simple effect.
+function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
+}
+function watchPostEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'post' })
+        : { flush: 'post' }));
+}
+function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'sync' })
+        : { flush: 'sync' }));
+}
+// initial value for watchers to trigger on undefined initial values
+const INITIAL_WATCHER_VALUE = {};
+// implementation
+function watch(source, cb, options) {
+    if ((process.env.NODE_ENV !== 'production') && !isFunction$1(cb)) {
+        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+            `supports \`watch(source, cb, options?) signature.`);
+    }
+    return doWatch(source, cb, options);
+}
+function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
+    if ((process.env.NODE_ENV !== 'production') && !cb) {
+        if (immediate !== undefined) {
+            warn$1(`watch() "immediate" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
+        }
+        if (deep !== undefined) {
+            warn$1(`watch() "deep" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
     }
-    // 0. create render proxy property access cache
-    instance.accessCache = Object.create(null);
-    // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
-    if ((process.env.NODE_ENV !== 'production')) {
-        exposePropsOnRenderContext(instance);
+    const warnInvalidSource = (s) => {
+        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+            `a reactive object, or an array of these types.`);
+    };
+    const instance = currentInstance;
+    let getter;
+    let forceTrigger = false;
+    let isMultiSource = false;
+    if (isRef(source)) {
+        getter = () => source.value;
+        forceTrigger = !!source._shallow;
     }
-    // 2. call setup()
-    const { setup } = Component;
-    if (setup) {
-        const setupContext = (instance.setupContext =
-            setup.length > 1 ? createSetupContext(instance) : null);
-        currentInstance = instance;
-        pauseTracking();
-        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
-        resetTracking();
-        currentInstance = null;
-        if (isPromise$1(setupResult)) {
-            const unsetInstance = () => {
-                currentInstance = null;
-            };
-            setupResult.then(unsetInstance, unsetInstance);
-            if (isSSR) {
-                // return the promise so server-renderer can wait on it
-                return setupResult
-                    .then((resolvedResult) => {
-                    handleSetupResult(instance, resolvedResult, isSSR);
-                })
-                    .catch(e => {
-                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
-                });
+    else if (isReactive(source)) {
+        getter = () => source;
+        deep = true;
+    }
+    else if (isArray(source)) {
+        isMultiSource = true;
+        forceTrigger = source.some(isReactive);
+        getter = () => source.map(s => {
+            if (isRef(s)) {
+                return s.value;
+            }
+            else if (isReactive(s)) {
+                return traverse(s);
+            }
+            else if (isFunction$1(s)) {
+                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
             }
             else {
-                // async setup returned Promise.
-                // bail here and wait for re-entry.
-                instance.asyncDep = setupResult;
+                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
             }
+        });
+    }
+    else if (isFunction$1(source)) {
+        if (cb) {
+            // getter with cb
+            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
         }
         else {
-            handleSetupResult(instance, setupResult, isSSR);
+            // no cb -> simple effect
+            getter = () => {
+                if (instance && instance.isUnmounted) {
+                    return;
+                }
+                if (cleanup) {
+                    cleanup();
+                }
+                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
+            };
         }
     }
     else {
-        finishComponentSetup(instance, isSSR);
+        getter = NOOP;
+        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
     }
-}
-function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction$1(setupResult)) {
-        // setup returned an inline render function
-        {
-            instance.render = setupResult;
-        }
+    if (cb && deep) {
+        const baseGetter = getter;
+        getter = () => traverse(baseGetter());
     }
-    else if (isObject$1(setupResult)) {
-        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
-            warn(`setup() should not return VNodes directly - ` +
-                `return a render function instead.`);
+    let cleanup;
+    let onInvalidate = (fn) => {
+        cleanup = effect.onStop = () => {
+            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
+        };
+    };
+    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    const job = () => {
+        if (!effect.active) {
+            return;
         }
-        // setup returned bindings.
-        // assuming a render function compiled from template is present.
-        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
-            instance.devtoolsRawSetupState = setupResult;
+        if (cb) {
+            // watch(source, cb)
+            const newValue = effect.run();
+            if (deep ||
+                forceTrigger ||
+                (isMultiSource
+                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
+                    : hasChanged(newValue, oldValue)) ||
+                (false  )) {
+                // cleanup before running cb again
+                if (cleanup) {
+                    cleanup();
+                }
+                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                    newValue,
+                    // pass undefined as the old value when it's changed for the first time
+                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    onInvalidate
+                ]);
+                oldValue = newValue;
+            }
         }
-        instance.setupState = proxyRefs(setupResult);
-        if ((process.env.NODE_ENV !== 'production')) {
-            exposeSetupStateOnRenderContext(instance);
+        else {
+            // watchEffect
+            effect.run();
         }
+    };
+    // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
+    job.allowRecurse = !!cb;
+    let scheduler;
+    if (flush === 'sync') {
+        scheduler = job; // the scheduler function gets called directly
     }
-    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
-        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+    else if (flush === 'post') {
+        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
     }
-    finishComponentSetup(instance, isSSR);
-}
-let compile;
-// dev only
-const isRuntimeOnly = () => !compile;
-/**
- * For runtime-dom to register the compiler.
- * Note the exported method uses any to avoid d.ts relying on the compiler types.
- */
-function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-}
-function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component = instance.type;
-    // template / render function normalization
-    if (!instance.render) {
-        // could be set from setup()
-        if (compile && !Component.render) {
-            const template = Component.template;
-            if (template) {
-                if ((process.env.NODE_ENV !== 'production')) {
-                    startMeasure(instance, `compile`);
-                }
-                const { isCustomElement, compilerOptions } = instance.appContext.config;
-                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-                const finalCompilerOptions = extend(extend({
-                    isCustomElement,
-                    delimiters
-                }, compilerOptions), componentCompilerOptions);
-                Component.render = compile(template, finalCompilerOptions);
-                if ((process.env.NODE_ENV !== 'production')) {
-                    endMeasure(instance, `compile`);
-                }
+    else {
+        // default: 'pre'
+        scheduler = () => {
+            if (!instance || instance.isMounted) {
+                queuePreFlushCb(job);
             }
-        }
-        instance.render = (Component.render || NOOP);
-        // for runtime-compiled render functions using `with` blocks, the render
-        // proxy used needs a different `has` handler which is more performant and
-        // also only allows a whitelist of globals to fallthrough.
-        if (instance.render._rc) {
-            instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-        }
+            else {
+                // with 'pre' option, the first call must happen before
+                // the component is mounted so it is called synchronously.
+                job();
+            }
+        };
     }
-    // support for 2.x options
-    if (__VUE_OPTIONS_API__ && !(false )) {
-        currentInstance = instance;
-        pauseTracking();
-        applyOptions(instance);
-        resetTracking();
-        currentInstance = null;
+    const effect = new ReactiveEffect(getter, scheduler);
+    if ((process.env.NODE_ENV !== 'production')) {
+        effect.onTrack = onTrack;
+        effect.onTrigger = onTrigger;
     }
-    // warn missing template/render
-    // the runtime compilation of template in SSR is done by server-render
-    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
-        /* istanbul ignore if */
-        if (!compile && Component.template) {
-            warn(`Component provided template option but ` +
-                `runtime compilation is not supported in this build of Vue.` +
-                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
-                    ) /* should not happen */);
+    // initial run
+    if (cb) {
+        if (immediate) {
+            job();
         }
         else {
-            warn(`Component is missing template or render function.`);
+            oldValue = effect.run();
         }
     }
-}
-const attrDevProxyHandlers = {
-    get: (target, key) => {
-        markAttrsAccessed();
-        return target[key];
-    },
-    set: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
-    },
-    deleteProperty: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
+    else if (flush === 'post') {
+        queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
     }
-};
-function createSetupContext(instance) {
-    const expose = exposed => {
-        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
-            warn(`expose() should be called only once per setup().`);
-        }
-        instance.exposed = exposed || {};
-    };
-    if ((process.env.NODE_ENV !== 'production')) {
-        let attrs;
-        // We use getters in dev in case libs like test-utils overwrite instance
-        // properties (overwrites should not be done in prod)
-        return Object.freeze({
-            get attrs() {
-                return (attrs || (attrs = new Proxy(instance.attrs, attrDevProxyHandlers)));
-            },
-            get slots() {
-                return shallowReadonly(instance.slots);
-            },
-            get emit() {
-                return (event, ...args) => instance.emit(event, ...args);
-            },
-            expose
-        });
+    else {
+        effect.run();
+    }
+    return () => {
+        effect.stop();
+        if (instance && instance.scope) {
+            remove(instance.scope.effects, effect);
+        }
+    };
+}
+// this.$watch
+function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = isString(source)
+        ? source.includes('.')
+            ? createPathGetter(publicThis, source)
+            : () => publicThis[source]
+        : source.bind(publicThis, publicThis);
+    let cb;
+    if (isFunction$1(value)) {
+        cb = value;
     }
     else {
-        return {
-            attrs: instance.attrs,
-            slots: instance.slots,
-            emit: instance.emit,
-            expose
-        };
+        cb = value.handler;
+        options = value;
     }
-}
-function getExposeProxy(instance) {
-    if (instance.exposed) {
-        return (instance.exposeProxy ||
-            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-                get(target, key) {
-                    if (key in target) {
-                        return target[key];
-                    }
-                    else if (key in publicPropertiesMap) {
-                        return publicPropertiesMap[key](instance);
-                    }
-                }
-            })));
+    const cur = currentInstance;
+    setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    if (cur) {
+        setCurrentInstance(cur);
     }
-}
-// record effects created during a component's setup() so that they can be
-// stopped when the component unmounts
-function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-        (instance.effects || (instance.effects = [])).push(effect);
+    else {
+        unsetCurrentInstance();
     }
+    return res;
 }
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return isFunction$1(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
+function createPathGetter(ctx, path) {
+    const segments = path.split('.');
+    return () => {
+        let cur = ctx;
+        for (let i = 0; i < segments.length && cur; i++) {
+            cur = cur[segments[i]];
+        }
+        return cur;
+    };
 }
-/* istanbul ignore next */
-function formatComponentName(instance, Component, isRoot = false) {
-    let name = getComponentName(Component);
-    if (!name && Component.__file) {
-        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-        if (match) {
-            name = match[1];
+function traverse(value, seen = new Set()) {
+    if (!isObject$1(value) || value["__v_skip" /* SKIP */]) {
+        return value;
+    }
+    seen = seen || new Set();
+    if (seen.has(value)) {
+        return value;
+    }
+    seen.add(value);
+    if (isRef(value)) {
+        traverse(value.value, seen);
+    }
+    else if (isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            traverse(value[i], seen);
         }
     }
-    if (!name && instance && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    else if (isSet(value) || isMap(value)) {
+        value.forEach((v) => {
+            traverse(v, seen);
+        });
     }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-function isClassComponent(value) {
-    return isFunction$1(value) && '__vccOpts' in value;
-}
-
-function computed$1(getterOrOptions) {
-    const c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    else if (isPlainObject(value)) {
+        for (const key in value) {
+            traverse(value[key], seen);
+        }
+    }
+    return value;
 }
 
 (process.env.NODE_ENV !== 'production')
@@ -8317,7 +8647,7 @@ const isPromise = (val) => {
 };
 
 // dev only
-const warnRuntimeUsage = (method) => warn(`${method}() is a compiler-hint helper that is only usable inside ` +
+const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
     `<script setup> of a single file component. Its arguments should be ` +
     `compiled away and passing it at runtime has no effect.`);
 // implementation
@@ -8334,10 +8664,6 @@ function defineEmits() {
     }
     return null;
 }
-/**
- * @deprecated use `defineEmits` instead.
- */
-const defineEmit = defineEmits;
 /**
  * Vue `<script setup>` compiler macro for declaring a component's exposed
  * instance properties when it is accessed by a parent component via template
@@ -8379,16 +8705,6 @@ function withDefaults(props, defaults) {
     }
     return null;
 }
-/**
- * @deprecated use `useSlots` and `useAttrs` instead.
- */
-function useContext() {
-    if ((process.env.NODE_ENV !== 'production')) {
-        warn(`\`useContext()\` has been deprecated and will be removed in the ` +
-            `next minor release. Use \`useSlots()\` and \`useAttrs()\` instead.`);
-    }
-    return getContext();
-}
 function useSlots() {
     return getContext().slots;
 }
@@ -8398,7 +8714,7 @@ function useAttrs() {
 function getContext() {
     const i = getCurrentInstance();
     if ((process.env.NODE_ENV !== 'production') && !i) {
-        warn(`useContext() called without active instance.`);
+        warn$1(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
 }
@@ -8419,30 +8735,44 @@ props, defaults) {
             props[key] = { default: defaults[key] };
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`props default key "${key}" has no corresponding declaration.`);
+            warn$1(`props default key "${key}" has no corresponding declaration.`);
         }
     }
     return props;
 }
 /**
- * Runtime helper for storing and resuming current instance context in
- * async setup().
+ * `<script setup>` helper for persisting the current instance context over
+ * async/await flows.
+ *
+ * `@vue/compiler-sfc` converts the following:
+ *
+ * ```ts
+ * const x = await foo()
+ * ```
+ *
+ * into:
+ *
+ * ```ts
+ * let __temp, __restore
+ * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+ * ```
+ * @internal
  */
-function withAsyncContext(awaitable) {
+function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
     if ((process.env.NODE_ENV !== 'production') && !ctx) {
-        warn(`withAsyncContext() called when there is no active context instance.`);
+        warn$1(`withAsyncContext called without active current instance. ` +
+            `This is likely a bug.`);
     }
-    return isPromise(awaitable)
-        ? awaitable.then(res => {
-            setCurrentInstance(ctx);
-            return res;
-        }, err => {
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+        awaitable = awaitable.catch(e => {
             setCurrentInstance(ctx);
-            throw err;
-        })
-        : awaitable;
+            throw e;
+        });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
 }
 
 // Actual implementation
@@ -8478,7 +8808,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn(`Server rendering context not provided. Make sure to only call ` +
+            warn$1(`Server rendering context not provided. Make sure to only call ` +
                 `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -8674,13 +9004,60 @@ function initCustomFormatter() {
     }
 }
 
+function withMemo(memo, render, cache, index) {
+    const cached = cache[index];
+    if (cached && isMemoSame(cached, memo)) {
+        return cached;
+    }
+    const ret = render();
+    // shallow clone
+    ret.memo = memo.slice();
+    return (cache[index] = ret);
+}
+function isMemoSame(cached, memo) {
+    const prev = cached.memo;
+    if (prev.length != memo.length) {
+        return false;
+    }
+    for (let i = 0; i < prev.length; i++) {
+        if (prev[i] !== memo[i]) {
+            return false;
+        }
+    }
+    // make sure to let parent block track it when returning cached
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(cached);
+    }
+    return true;
+}
+
+function $ref() { }
+function $shallowRef(arg) {
+    return arg;
+}
+function $computed() { }
+function $fromRefs() {
+    return null;
+}
+function $raw() {
+    return null;
+}
+
 // Core API ------------------------------------------------------------------
-const version = "3.1.4";
+const version = "3.2.2";
+const _ssrUtils = {
+    createComponentInstance,
+    setupComponent,
+    renderComponentRoot,
+    setCurrentRenderingInstance,
+    isVNode,
+    normalizeVNode
+};
 /**
  * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
  * @internal
  */
-const ssrUtils = (null);
+const ssrUtils = (_ssrUtils );
 /**
  * @internal only exposed in compat builds
  */
@@ -8692,6 +9069,7 @@ const compatUtils = (null);
 
 const svgNS = 'http://www.w3.org/2000/svg';
 const doc = (typeof document !== 'undefined' ? document : null);
+const staticTemplateCache = new Map();
 const nodeOps = {
     insert: (child, parent, anchor) => {
         parent.insertBefore(child, anchor || null);
@@ -8742,82 +9120,54 @@ const nodeOps = {
         return cloned;
     },
     // __UNSAFE__
-    // Reason: insertAdjacentHTML.
+    // Reason: innerHTML.
     // Static content here can only come from compiled templates.
     // As long as the user only uses trusted templates, this is safe.
-    insertStaticContent(content, parent, anchor, isSVG, cached) {
-        if (cached) {
-            let first;
-            let last;
-            let i = 0;
-            let l = cached.length;
-            for (; i < l; i++) {
-                const node = cached[i].cloneNode(true);
-                if (i === 0)
-                    first = node;
-                if (i === l - 1)
-                    last = node;
-                parent.insertBefore(node, anchor);
-            }
-            return [first, last];
-        }
+    insertStaticContent(content, parent, anchor, isSVG) {
         // <parent> before | first ... last | anchor </parent>
         const before = anchor ? anchor.previousSibling : parent.lastChild;
-        if (anchor) {
-            let insertionPoint;
-            let usingTempInsertionPoint = false;
-            if (anchor instanceof Element) {
-                insertionPoint = anchor;
-            }
-            else {
-                // insertAdjacentHTML only works for elements but the anchor is not an
-                // element...
-                usingTempInsertionPoint = true;
-                insertionPoint = isSVG
-                    ? doc.createElementNS(svgNS, 'g')
-                    : doc.createElement('div');
-                parent.insertBefore(insertionPoint, anchor);
-            }
-            insertionPoint.insertAdjacentHTML('beforebegin', content);
-            if (usingTempInsertionPoint) {
-                parent.removeChild(insertionPoint);
-            }
-        }
-        else {
-            parent.insertAdjacentHTML('beforeend', content);
-        }
-        let first = before ? before.nextSibling : parent.firstChild;
-        const last = anchor ? anchor.previousSibling : parent.lastChild;
-        const ret = [];
-        while (first) {
-            ret.push(first);
-            if (first === last)
-                break;
-            first = first.nextSibling;
-        }
-        return ret;
+        let template = staticTemplateCache.get(content);
+        if (!template) {
+            const t = doc.createElement('template');
+            t.innerHTML = isSVG ? `<svg>${content}</svg>` : content;
+            template = t.content;
+            if (isSVG) {
+                // remove outer svg wrapper
+                const wrapper = template.firstChild;
+                while (wrapper.firstChild) {
+                    template.appendChild(wrapper.firstChild);
+                }
+                template.removeChild(wrapper);
+            }
+            staticTemplateCache.set(content, template);
+        }
+        parent.insertBefore(template.cloneNode(true), anchor);
+        return [
+            // first
+            before ? before.nextSibling : parent.firstChild,
+            // last
+            anchor ? anchor.previousSibling : parent.lastChild
+        ];
     }
 };
 
 // compiler should normalize class + :class bindings on the same element
 // into a single binding ['staticClass', dynamic]
 function patchClass(el, value, isSVG) {
+    // directly setting className should be faster than setAttribute in theory
+    // if this is an element during a transition, take the temporary transition
+    // classes into account.
+    const transitionClasses = el._vtc;
+    if (transitionClasses) {
+        value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(' ');
+    }
     if (value == null) {
-        value = '';
+        el.removeAttribute('class');
     }
-    if (isSVG) {
+    else if (isSVG) {
         el.setAttribute('class', value);
     }
     else {
-        // directly setting className should be faster than setAttribute in theory
-        // if this is an element during a transition, take the temporary transition
-        // classes into account.
-        const transitionClasses = el._vtc;
-        if (transitionClasses) {
-            value = (value
-                ? [value, ...transitionClasses]
-                : [...transitionClasses]).join(' ');
-        }
         el.className = value;
     }
 }
@@ -8977,7 +9327,11 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
         }
         else if (type === 'number') {
             // e.g. <img :width="null">
-            el[key] = 0;
+            // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error
+            try {
+                el[key] = 0;
+            }
+            catch (_a) { }
             el.removeAttribute(key);
             return;
         }
@@ -8988,7 +9342,7 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
     }
     catch (e) {
         if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+            warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
                 `value ${value} is invalid.`, e);
         }
     }
@@ -9094,47 +9448,45 @@ function patchStopImmediatePropagation(e, value) {
 }
 
 const nativeOnRE = /^on[a-z]/;
-const forcePatchProp = (_, key) => key === 'value';
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
-    switch (key) {
-        // special
-        case 'class':
-            patchClass(el, nextValue, isSVG);
-            break;
-        case 'style':
-            patchStyle(el, prevValue, nextValue);
-            break;
-        default:
-            if (isOn(key)) {
-                // ignore v-model listeners
-                if (!isModelListener(key)) {
-                    patchEvent(el, key, prevValue, nextValue, parentComponent);
-                }
-            }
-            else if (shouldSetAsProp(el, key, nextValue, isSVG)) {
-                patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
-            }
-            else {
-                // special case for <input v-model type="checkbox"> with
-                // :true-value & :false-value
-                // store value as dom properties since non-string values will be
-                // stringified.
-                if (key === 'true-value') {
-                    el._trueValue = nextValue;
-                }
-                else if (key === 'false-value') {
-                    el._falseValue = nextValue;
-                }
-                patchAttr(el, key, nextValue, isSVG);
-            }
-            break;
+    if (key === 'class') {
+        patchClass(el, nextValue, isSVG);
+    }
+    else if (key === 'style') {
+        patchStyle(el, prevValue, nextValue);
+    }
+    else if (isOn(key)) {
+        // ignore v-model listeners
+        if (!isModelListener(key)) {
+            patchEvent(el, key, prevValue, nextValue, parentComponent);
+        }
+    }
+    else if (key[0] === '.'
+        ? ((key = key.slice(1)), true)
+        : key[0] === '^'
+            ? ((key = key.slice(1)), false)
+            : shouldSetAsProp(el, key, nextValue, isSVG)) {
+        patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
+    }
+    else {
+        // special case for <input v-model type="checkbox"> with
+        // :true-value & :false-value
+        // store value as dom properties since non-string values will be
+        // stringified.
+        if (key === 'true-value') {
+            el._trueValue = nextValue;
+        }
+        else if (key === 'false-value') {
+            el._falseValue = nextValue;
+        }
+        patchAttr(el, key, nextValue, isSVG);
     }
 };
 function shouldSetAsProp(el, key, value, isSVG) {
     if (isSVG) {
         // most keys must be set as attribute on svg elements to work
-        // ...except innerHTML
-        if (key === 'innerHTML') {
+        // ...except innerHTML & textContent
+        if (key === 'innerHTML' || key === 'textContent') {
             return true;
         }
         // or native onclick with function values
@@ -9172,23 +9524,216 @@ function shouldSetAsProp(el, key, value, isSVG) {
     return key in el;
 }
 
+function defineCustomElement(options, hydate) {
+    const Comp = defineComponent(options);
+    class VueCustomElement extends VueElement {
+        constructor(initialProps) {
+            super(Comp, initialProps, hydate);
+        }
+    }
+    VueCustomElement.def = Comp;
+    return VueCustomElement;
+}
+const defineSSRCustomElement = ((options) => {
+    // @ts-ignore
+    return defineCustomElement(options, hydrate);
+});
+const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class {
+});
+class VueElement extends BaseClass {
+    constructor(_def, _props = {}, hydrate) {
+        super();
+        this._def = _def;
+        this._props = _props;
+        /**
+         * @internal
+         */
+        this._instance = null;
+        this._connected = false;
+        this._resolved = false;
+        if (this.shadowRoot && hydrate) {
+            hydrate(this._createVNode(), this.shadowRoot);
+        }
+        else {
+            if ((process.env.NODE_ENV !== 'production') && this.shadowRoot) {
+                warn$1(`Custom element has pre-rendered declarative shadow root but is not ` +
+                    `defined as hydratable. Use \`defineSSRCustomElement\`.`);
+            }
+            this.attachShadow({ mode: 'open' });
+        }
+        // set initial attrs
+        for (let i = 0; i < this.attributes.length; i++) {
+            this._setAttr(this.attributes[i].name);
+        }
+        // watch future attr changes
+        const observer = new MutationObserver(mutations => {
+            for (const m of mutations) {
+                this._setAttr(m.attributeName);
+            }
+        });
+        observer.observe(this, { attributes: true });
+    }
+    connectedCallback() {
+        this._connected = true;
+        if (!this._instance) {
+            this._resolveDef();
+            render(this._createVNode(), this.shadowRoot);
+        }
+    }
+    disconnectedCallback() {
+        this._connected = false;
+        nextTick(() => {
+            if (!this._connected) {
+                render(null, this.shadowRoot);
+                this._instance = null;
+            }
+        });
+    }
+    /**
+     * resolve inner component definition (handle possible async component)
+     */
+    _resolveDef() {
+        if (this._resolved) {
+            return;
+        }
+        const resolve = (def) => {
+            this._resolved = true;
+            // check if there are props set pre-upgrade or connect
+            for (const key of Object.keys(this)) {
+                if (key[0] !== '_') {
+                    this._setProp(key, this[key]);
+                }
+            }
+            const { props, styles } = def;
+            // defining getter/setters on prototype
+            const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : [];
+            for (const key of rawKeys.map(camelize)) {
+                Object.defineProperty(this, key, {
+                    get() {
+                        return this._getProp(key);
+                    },
+                    set(val) {
+                        this._setProp(key, val);
+                    }
+                });
+            }
+            this._applyStyles(styles);
+        };
+        const asyncDef = this._def.__asyncLoader;
+        if (asyncDef) {
+            asyncDef().then(resolve);
+        }
+        else {
+            resolve(this._def);
+        }
+    }
+    _setAttr(key) {
+        this._setProp(camelize(key), toNumber(this.getAttribute(key)), false);
+    }
+    /**
+     * @internal
+     */
+    _getProp(key) {
+        return this._props[key];
+    }
+    /**
+     * @internal
+     */
+    _setProp(key, val, shouldReflect = true) {
+        if (val !== this._props[key]) {
+            this._props[key] = val;
+            if (this._instance) {
+                render(this._createVNode(), this.shadowRoot);
+            }
+            // reflect
+            if (shouldReflect) {
+                if (val === true) {
+                    this.setAttribute(hyphenate(key), '');
+                }
+                else if (typeof val === 'string' || typeof val === 'number') {
+                    this.setAttribute(hyphenate(key), val + '');
+                }
+                else if (!val) {
+                    this.removeAttribute(hyphenate(key));
+                }
+            }
+        }
+    }
+    _createVNode() {
+        const vnode = createVNode(this._def, extend({}, this._props));
+        if (!this._instance) {
+            vnode.ce = instance => {
+                this._instance = instance;
+                instance.isCE = true;
+                // HMR
+                if ((process.env.NODE_ENV !== 'production')) {
+                    instance.ceReload = newStyles => {
+                        // alawys reset styles
+                        if (this._styles) {
+                            this._styles.forEach(s => this.shadowRoot.removeChild(s));
+                            this._styles.length = 0;
+                        }
+                        this._applyStyles(newStyles);
+                        // if this is an async component, ceReload is called from the inner
+                        // component so no need to reload the async wrapper
+                        if (!this._def.__asyncLoader) {
+                            // reload
+                            this._instance = null;
+                            render(this._createVNode(), this.shadowRoot);
+                        }
+                    };
+                }
+                // intercept emit
+                instance.emit = (event, ...args) => {
+                    this.dispatchEvent(new CustomEvent(event, {
+                        detail: args
+                    }));
+                };
+                // locate nearest Vue custom element parent for provide/inject
+                let parent = this;
+                while ((parent =
+                    parent && (parent.parentNode || parent.host))) {
+                    if (parent instanceof VueElement) {
+                        instance.parent = parent._instance;
+                        break;
+                    }
+                }
+            };
+        }
+        return vnode;
+    }
+    _applyStyles(styles) {
+        if (styles) {
+            styles.forEach(css => {
+                const s = document.createElement('style');
+                s.textContent = css;
+                this.shadowRoot.appendChild(s);
+                // record for HMR
+                if ((process.env.NODE_ENV !== 'production')) {
+                    (this._styles || (this._styles = [])).push(s);
+                }
+            });
+        }
+    }
+}
+
 function useCssModule(name = '$style') {
     /* istanbul ignore else */
     {
         const instance = getCurrentInstance();
         if (!instance) {
-            (process.env.NODE_ENV !== 'production') && warn(`useCssModule must be called inside setup()`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`useCssModule must be called inside setup()`);
             return EMPTY_OBJ;
         }
         const modules = instance.type.__cssModules;
         if (!modules) {
-            (process.env.NODE_ENV !== 'production') && warn(`Current instance does not have CSS modules injected.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`Current instance does not have CSS modules injected.`);
             return EMPTY_OBJ;
         }
         const mod = modules[name];
         if (!mod) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Current instance does not have CSS module named "${name}".`);
+                warn$1(`Current instance does not have CSS module named "${name}".`);
             return EMPTY_OBJ;
         }
         return mod;
@@ -9204,12 +9749,16 @@ function useCssVars(getter) {
     /* istanbul ignore next */
     if (!instance) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`useCssVars is called without current active component instance.`);
+            warn$1(`useCssVars is called without current active component instance.`);
         return;
     }
     const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy));
-    onMounted(() => watchEffect(setVars, { flush: 'post' }));
-    onUpdated(setVars);
+    watchPostEffect(setVars);
+    onMounted(() => {
+        const ob = new MutationObserver(setVars);
+        ob.observe(instance.subTree.el.parentNode, { childList: true });
+        onUnmounted(() => ob.disconnect());
+    });
 }
 function setVarsOnVNode(vnode, vars) {
     if (vnode.shapeFlag & 128 /* SUSPENSE */) {
@@ -9226,14 +9775,28 @@ function setVarsOnVNode(vnode, vars) {
         vnode = vnode.component.subTree;
     }
     if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) {
-        const style = vnode.el.style;
-        for (const key in vars) {
-            style.setProperty(`--${key}`, vars[key]);
-        }
+        setVarsOnNode(vnode.el, vars);
     }
     else if (vnode.type === Fragment) {
         vnode.children.forEach(c => setVarsOnVNode(c, vars));
     }
+    else if (vnode.type === Static) {
+        let { el, anchor } = vnode;
+        while (el) {
+            setVarsOnNode(el, vars);
+            if (el === anchor)
+                break;
+            el = el.nextSibling;
+        }
+    }
+}
+function setVarsOnNode(el, vars) {
+    if (el.nodeType === 1) {
+        const style = el.style;
+        for (const key in vars) {
+            style.setProperty(`--${key}`, vars[key]);
+        }
+    }
 }
 
 const TRANSITION = 'transition';
@@ -9260,7 +9823,8 @@ const DOMTransitionPropsValidators = {
     leaveActiveClass: String,
     leaveToClass: String
 };
-const TransitionPropsValidators = (Transition.props = /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
+const TransitionPropsValidators = (Transition.props =
+    /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
 /**
  * #3227 Incoming hooks may be merged into arrays when wrapping Transition
  * with custom HOCs.
@@ -9385,11 +9949,11 @@ function NumberOf(val) {
 }
 function validateDuration(val) {
     if (typeof val !== 'number') {
-        warn(`<transition> explicit duration is not a valid number - ` +
+        warn$1(`<transition> explicit duration is not a valid number - ` +
             `got ${JSON.stringify(val)}.`);
     }
     else if (isNaN(val)) {
-        warn(`<transition> explicit duration is NaN - ` +
+        warn$1(`<transition> explicit duration is NaN - ` +
             'the duration expression might be incorrect.');
     }
 }
@@ -9574,7 +10138,7 @@ const TransitionGroupImpl = {
                     setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`<TransitionGroup> children must be keyed.`);
+                    warn$1(`<TransitionGroup> children must be keyed.`);
                 }
             }
             if (prevChildren) {
@@ -9627,9 +10191,7 @@ function hasCSSTransform(el, root, moveClass) {
     }
     moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c));
     clone.style.display = 'none';
-    const container = (root.nodeType === 1
-        ? root
-        : root.parentNode);
+    const container = (root.nodeType === 1 ? root : root.parentNode);
     container.appendChild(clone);
     const { hasTransform } = getTransitionInfo(clone);
     container.removeChild(clone);
@@ -9660,7 +10222,7 @@ function trigger$1(el, type) {
 const vModelText = {
     created(el, { modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
-        const castToNumber = number || el.type === 'number';
+        const castToNumber = number || (vnode.props && vnode.props.type === 'number');
         addEventListener(el, lazy ? 'change' : 'input', e => {
             if (e.target.composing)
                 return;
@@ -9692,12 +10254,15 @@ const vModelText = {
     mounted(el, { value }) {
         el.value = value == null ? '' : value;
     },
-    beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) {
+    beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
         // avoid clearing unresolved text. #2302
         if (el.composing)
             return;
         if (document.activeElement === el) {
+            if (lazy) {
+                return;
+            }
             if (trim && el.value.trim() === value) {
                 return;
             }
@@ -9712,6 +10277,8 @@ const vModelText = {
     }
 };
 const vModelCheckbox = {
+    // #4096 array checkboxes need to be deep traversed
+    deep: true,
     created(el, _, vnode) {
         el._assign = getModelAssigner(vnode);
         addEventListener(el, 'change', () => {
@@ -9781,6 +10348,8 @@ const vModelRadio = {
     }
 };
 const vModelSelect = {
+    // <select multiple> value need to be deep traversed
+    deep: true,
     created(el, { value, modifiers: { number } }, vnode) {
         const isSetModel = isSet(value);
         addEventListener(el, 'change', () => {
@@ -9811,7 +10380,7 @@ function setSelected(el, value) {
     const isMultiple = el.multiple;
     if (isMultiple && !isArray(value) && !isSet(value)) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`<select multiple v-model> expects an Array or Set value for its binding, ` +
+            warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` +
                 `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`);
         return;
     }
@@ -9981,13 +10550,14 @@ function setDisplay(el, value) {
     el.style.display = value ? el._vod : 'none';
 }
 
-const rendererOptions = extend({ patchProp, forcePatchProp }, nodeOps);
+const rendererOptions = extend({ patchProp }, nodeOps);
 // lazy create the renderer - this makes core renderer logic tree-shakable
 // in case the user only imports reactivity utilities from Vue.
 let renderer;
 let enabledHydration = false;
 function ensureRenderer() {
-    return renderer || (renderer = createRenderer(rendererOptions));
+    return (renderer ||
+        (renderer = createRenderer(rendererOptions)));
 }
 function ensureHydrationRenderer() {
     renderer = enabledHydration
@@ -10065,7 +10635,7 @@ function injectCompilerOptionsCheck(app) {
                 return isCustomElement;
             },
             set() {
-                warn(`The \`isCustomElement\` config option is deprecated. Use ` +
+                warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
                     `\`compilerOptions.isCustomElement\` instead.`);
             }
         });
@@ -10079,11 +10649,11 @@ function injectCompilerOptionsCheck(app) {
             `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
         Object.defineProperty(app.config, 'compilerOptions', {
             get() {
-                warn(msg);
+                warn$1(msg);
                 return compilerOptions;
             },
             set() {
-                warn(msg);
+                warn$1(msg);
             }
         });
     }
@@ -10092,16 +10662,17 @@ function normalizeContainer(container) {
     if (isString(container)) {
         const res = document.querySelector(container);
         if ((process.env.NODE_ENV !== 'production') && !res) {
-            warn(`Failed to mount app: mount target selector "${container}" returned null.`);
+            warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
         }
         return res;
     }
     if ((process.env.NODE_ENV !== 'production') &&
+        window.ShadowRoot &&
         container instanceof window.ShadowRoot &&
         container.mode === 'closed') {
-        warn(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+        warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
 }
 
-export { BaseTransition, Comment$1 as Comment, Fragment, KeepAlive, Static, Suspense, Teleport, Text, Transition, TransitionGroup, callWithAsyncErrorHandling, callWithErrorHandling, cloneVNode, compatUtils, computed$1 as computed, createApp, createBlock, createCommentVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineEmit, defineEmits, defineExpose, defineProps, devtools, flushPostFlushCbs, getCurrentInstance, getTransitionRawChildren, h, handleError, hydrate, initCustomFormatter, inject, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useContext, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withModifiers, withScopeId };
+export { $computed, $fromRefs, $raw, $ref, $shallowRef, BaseTransition, Comment$1 as Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, cloneVNode, compatUtils, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, flushPostFlushCbs, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
diff --git a/packages/uni-h5-vue/dist/vue.runtime.cjs.js b/packages/uni-h5-vue/dist/vue.runtime.cjs.js
index 762460893..c522be543 100644
--- a/packages/uni-h5-vue/dist/vue.runtime.cjs.js
+++ b/packages/uni-h5-vue/dist/vue.runtime.cjs.js
@@ -5,64 +5,188 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var shared = require('@vue/shared');
 var uniShared = require('@dcloudio/uni-shared');
 
-const targetMap = new WeakMap();
-const effectStack = [];
-let activeEffect;
-const ITERATE_KEY = Symbol('iterate' );
-const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
-function isEffect(fn) {
-    return fn && fn._isEffect === true;
-}
-function effect(fn, options = shared.EMPTY_OBJ) {
-    if (isEffect(fn)) {
-        fn = fn.raw;
+function warn(msg, ...args) {
+    console.warn(`[Vue warn] ${msg}`, ...args);
+}
+
+let activeEffectScope;
+const effectScopeStack = [];
+class EffectScope {
+    constructor(detached = false) {
+        this.active = true;
+        this.effects = [];
+        this.cleanups = [];
+        if (!detached && activeEffectScope) {
+            this.parent = activeEffectScope;
+            this.index =
+                (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+        }
+    }
+    run(fn) {
+        if (this.active) {
+            try {
+                this.on();
+                return fn();
+            }
+            finally {
+                this.off();
+            }
+        }
+        else {
+            warn(`cannot run an inactive effect scope.`);
+        }
     }
-    const effect = createReactiveEffect(fn, options);
-    if (!options.lazy) {
-        effect();
+    on() {
+        if (this.active) {
+            effectScopeStack.push(this);
+            activeEffectScope = this;
+        }
     }
-    return effect;
-}
-function stop(effect) {
-    if (effect.active) {
-        cleanup(effect);
-        if (effect.options.onStop) {
-            effect.options.onStop();
+    off() {
+        if (this.active) {
+            effectScopeStack.pop();
+            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+        }
+    }
+    stop(fromParent) {
+        if (this.active) {
+            this.effects.forEach(e => e.stop());
+            this.cleanups.forEach(cleanup => cleanup());
+            if (this.scopes) {
+                this.scopes.forEach(e => e.stop(true));
+            }
+            // nested scope, dereference from parent to avoid memory leaks
+            if (this.parent && !fromParent) {
+                // optimized O(1) removal
+                const last = this.parent.scopes.pop();
+                if (last && last !== this) {
+                    this.parent.scopes[this.index] = last;
+                    last.index = this.index;
+                }
+            }
+            this.active = false;
         }
-        effect.active = false;
     }
 }
-let uid = 0;
-function createReactiveEffect(fn, options) {
-    const effect = function reactiveEffect() {
-        if (!effect.active) {
-            return fn();
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+    }
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else {
+        warn(`onDispose() is called when there is no active effect scope` +
+            ` to be associated with.`);
+    }
+}
+
+const createDep = (effects) => {
+    const dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+    if (deps.length) {
+        for (let i = 0; i < deps.length; i++) {
+            deps[i].w |= trackOpBit; // set was tracked
+        }
+    }
+};
+const finalizeDepMarkers = (effect) => {
+    const { deps } = effect;
+    if (deps.length) {
+        let ptr = 0;
+        for (let i = 0; i < deps.length; i++) {
+            const dep = deps[i];
+            if (wasTracked(dep) && !newTracked(dep)) {
+                dep.delete(effect);
+            }
+            else {
+                deps[ptr++] = dep;
+            }
+            // clear bits
+            dep.w &= ~trackOpBit;
+            dep.n &= ~trackOpBit;
         }
-        if (!effectStack.includes(effect)) {
-            cleanup(effect);
+        deps.length = ptr;
+    }
+};
+
+const targetMap = new WeakMap();
+// The number of effects currently being tracked recursively.
+let effectTrackDepth = 0;
+let trackOpBit = 1;
+/**
+ * The bitwise track markers support at most 30 levels op recursion.
+ * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+ * When recursion depth is greater, fall back to using a full cleanup.
+ */
+const maxMarkerBits = 30;
+const effectStack = [];
+let activeEffect;
+const ITERATE_KEY = Symbol('iterate' );
+const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
+class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+        this.fn = fn;
+        this.scheduler = scheduler;
+        this.active = true;
+        this.deps = [];
+        recordEffectScope(this, scope);
+    }
+    run() {
+        if (!this.active) {
+            return this.fn();
+        }
+        if (!effectStack.includes(this)) {
             try {
+                effectStack.push((activeEffect = this));
                 enableTracking();
-                effectStack.push(effect);
-                activeEffect = effect;
-                return fn();
+                trackOpBit = 1 << ++effectTrackDepth;
+                if (effectTrackDepth <= maxMarkerBits) {
+                    initDepMarkers(this);
+                }
+                else {
+                    cleanupEffect(this);
+                }
+                return this.fn();
             }
             finally {
-                effectStack.pop();
+                if (effectTrackDepth <= maxMarkerBits) {
+                    finalizeDepMarkers(this);
+                }
+                trackOpBit = 1 << --effectTrackDepth;
                 resetTracking();
-                activeEffect = effectStack[effectStack.length - 1];
+                effectStack.pop();
+                const n = effectStack.length;
+                activeEffect = n > 0 ? effectStack[n - 1] : undefined;
             }
         }
-    };
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
-}
-function cleanup(effect) {
+    }
+    stop() {
+        if (this.active) {
+            cleanupEffect(this);
+            if (this.onStop) {
+                this.onStop();
+            }
+            this.active = false;
+        }
+    }
+}
+function cleanupEffect(effect) {
     const { deps } = effect;
     if (deps.length) {
         for (let i = 0; i < deps.length; i++) {
@@ -71,6 +195,26 @@ function cleanup(effect) {
         deps.length = 0;
     }
 }
+function effect(fn, options) {
+    if (fn.effect) {
+        fn = fn.effect.fn;
+    }
+    const _effect = new ReactiveEffect(fn);
+    if (options) {
+        shared.extend(_effect, options);
+        if (options.scope)
+            recordEffectScope(_effect, options.scope);
+    }
+    if (!options || !options.lazy) {
+        _effect.run();
+    }
+    const runner = _effect.run.bind(_effect);
+    runner.effect = _effect;
+    return runner;
+}
+function stop(runner) {
+    runner.effect.stop();
+}
 let shouldTrack = true;
 const trackStack = [];
 function pauseTracking() {
@@ -86,7 +230,7 @@ function resetTracking() {
     shouldTrack = last === undefined ? true : last;
 }
 function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
         return;
     }
     let depsMap = targetMap.get(target);
@@ -95,18 +239,34 @@ function track(target, type, key) {
     }
     let dep = depsMap.get(key);
     if (!dep) {
-        depsMap.set(key, (dep = new Set()));
+        depsMap.set(key, (dep = createDep()));
+    }
+    const eventInfo = { effect: activeEffect, target, type, key }
+        ;
+    trackEffects(dep, eventInfo);
+}
+function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+}
+function trackEffects(dep, debuggerEventExtraInfo) {
+    let shouldTrack = false;
+    if (effectTrackDepth <= maxMarkerBits) {
+        if (!newTracked(dep)) {
+            dep.n |= trackOpBit; // set newly tracked
+            shouldTrack = !wasTracked(dep);
+        }
     }
-    if (!dep.has(activeEffect)) {
+    else {
+        // Full cleanup mode.
+        shouldTrack = !dep.has(activeEffect);
+    }
+    if (shouldTrack) {
         dep.add(activeEffect);
         activeEffect.deps.push(dep);
-        if (activeEffect.options.onTrack) {
-            activeEffect.options.onTrack({
-                effect: activeEffect,
-                target,
-                type,
-                key
-            });
+        if (activeEffect.onTrack) {
+            activeEffect.onTrack(Object.assign({
+                effect: activeEffect
+            }, debuggerEventExtraInfo));
         }
     }
 }
@@ -116,82 +276,89 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         // never been tracked
         return;
     }
-    const effects = new Set();
-    const add = (effectsToAdd) => {
-        if (effectsToAdd) {
-            effectsToAdd.forEach(effect => {
-                if (effect !== activeEffect || effect.allowRecurse) {
-                    effects.add(effect);
-                }
-            });
-        }
-    };
+    let deps = [];
     if (type === "clear" /* CLEAR */) {
         // collection being cleared
         // trigger all effects for target
-        depsMap.forEach(add);
+        deps = [...depsMap.values()];
     }
     else if (key === 'length' && shared.isArray(target)) {
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newValue) {
-                add(dep);
+                deps.push(dep);
             }
         });
     }
     else {
         // schedule runs for SET | ADD | DELETE
         if (key !== void 0) {
-            add(depsMap.get(key));
+            deps.push(depsMap.get(key));
         }
         // also run for iteration key on ADD | DELETE | Map.SET
         switch (type) {
             case "add" /* ADD */:
                 if (!shared.isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (shared.isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 else if (shared.isIntegerKey(key)) {
                     // new index added to array -> length changes
-                    add(depsMap.get('length'));
+                    deps.push(depsMap.get('length'));
                 }
                 break;
             case "delete" /* DELETE */:
                 if (!shared.isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (shared.isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 break;
             case "set" /* SET */:
                 if (shared.isMap(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                 }
                 break;
         }
     }
-    const run = (effect) => {
-        if (effect.options.onTrigger) {
-            effect.options.onTrigger({
-                effect,
-                target,
-                key,
-                type,
-                newValue,
-                oldValue,
-                oldTarget
-            });
+    const eventInfo = { target, type, key, newValue, oldValue, oldTarget }
+        ;
+    if (deps.length === 1) {
+        if (deps[0]) {
+            {
+                triggerEffects(deps[0], eventInfo);
+            }
         }
-        if (effect.options.scheduler) {
-            effect.options.scheduler(effect);
+    }
+    else {
+        const effects = [];
+        for (const dep of deps) {
+            if (dep) {
+                effects.push(...dep);
+            }
         }
-        else {
-            effect();
+        {
+            triggerEffects(createDep(effects), eventInfo);
         }
-    };
-    effects.forEach(run);
+    }
+}
+function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (const effect of shared.isArray(dep) ? dep : [...dep]) {
+        if (effect !== activeEffect || effect.allowRecurse) {
+            if (effect.onTrigger) {
+                effect.onTrigger(shared.extend({ effect }, debuggerEventExtraInfo));
+            }
+            if (effect.scheduler) {
+                effect.scheduler();
+            }
+            else {
+                effect.run();
+            }
+        }
+    }
 }
 
 const isNonTrackableKeys = /*#__PURE__*/ shared.makeMap(`__proto__,__v_isRef,__isVue`);
@@ -206,17 +373,16 @@ const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
 function createArrayInstrumentations() {
     const instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             const arr = toRaw(this);
             for (let i = 0, l = this.length; i < l; i++) {
                 track(arr, "get" /* GET */, i + '');
             }
             // we run the method using the original args first (which may be reactive)
-            const res = method.apply(arr, args);
+            const res = arr[key](...args);
             if (res === -1 || res === false) {
                 // if that didn't work, run it again using raw values.
-                return method.apply(arr, args.map(toRaw));
+                return arr[key](...args.map(toRaw));
             }
             else {
                 return res;
@@ -224,10 +390,9 @@ function createArrayInstrumentations() {
         };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             pauseTracking();
-            const res = method.apply(this, args);
+            const res = toRaw(this)[key].apply(this, args);
             resetTracking();
             return res;
         };
@@ -746,13 +911,42 @@ function isProxy(value) {
     return isReactive(value) || isReadonly(value);
 }
 function toRaw(observed) {
-    return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
+    const raw = observed && observed["__v_raw" /* RAW */];
+    return raw ? toRaw(raw) : observed;
 }
 function markRaw(value) {
     shared.def(value, "__v_skip" /* SKIP */, true);
     return value;
 }
 
+function trackRefValue(ref) {
+    if (isTracking()) {
+        ref = toRaw(ref);
+        if (!ref.dep) {
+            ref.dep = createDep();
+        }
+        {
+            trackEffects(ref.dep, {
+                target: ref,
+                type: "get" /* GET */,
+                key: 'value'
+            });
+        }
+    }
+}
+function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+    if (ref.dep) {
+        {
+            triggerEffects(ref.dep, {
+                target: ref,
+                type: "set" /* SET */,
+                key: 'value',
+                newValue: newVal
+            });
+        }
+    }
+}
 const convert = (val) => shared.isObject(val) ? reactive(val) : val;
 function isRef(r) {
     return Boolean(r && r.__v_isRef === true);
@@ -764,21 +958,23 @@ function shallowRef(value) {
     return createRef(value, true);
 }
 class RefImpl {
-    constructor(_rawValue, _shallow) {
-        this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
         this._shallow = _shallow;
+        this.dep = undefined;
         this.__v_isRef = true;
-        this._value = _shallow ? _rawValue : convert(_rawValue);
+        this._rawValue = _shallow ? value : toRaw(value);
+        this._value = _shallow ? value : convert(value);
     }
     get value() {
-        track(toRaw(this), "get" /* GET */, 'value');
+        trackRefValue(this);
         return this._value;
     }
     set value(newVal) {
-        if (shared.hasChanged(toRaw(newVal), this._rawValue)) {
+        newVal = this._shallow ? newVal : toRaw(newVal);
+        if (shared.hasChanged(newVal, this._rawValue)) {
             this._rawValue = newVal;
             this._value = this._shallow ? newVal : convert(newVal);
-            trigger(toRaw(this), "set" /* SET */, 'value', newVal);
+            triggerRefValue(this, newVal);
         }
     }
 }
@@ -789,7 +985,7 @@ function createRef(rawValue, shallow = false) {
     return new RefImpl(rawValue, shallow);
 }
 function triggerRef(ref) {
-    trigger(toRaw(ref), "set" /* SET */, 'value', ref.value );
+    triggerRefValue(ref, ref.value );
 }
 function unref(ref) {
     return isRef(ref) ? ref.value : ref;
@@ -814,8 +1010,9 @@ function proxyRefs(objectWithRefs) {
 }
 class CustomRefImpl {
     constructor(factory) {
+        this.dep = undefined;
         this.__v_isRef = true;
-        const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
+        const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
         this._get = get;
         this._set = set;
     }
@@ -861,15 +1058,13 @@ function toRef(object, key) {
 class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
         this._setter = _setter;
+        this.dep = undefined;
         this._dirty = true;
         this.__v_isRef = true;
-        this.effect = effect(getter, {
-            lazy: true,
-            scheduler: () => {
-                if (!this._dirty) {
-                    this._dirty = true;
-                    trigger(toRaw(this), "set" /* SET */, 'value');
-                }
+        this.effect = new ReactiveEffect(getter, () => {
+            if (!this._dirty) {
+                this._dirty = true;
+                triggerRefValue(this);
             }
         });
         this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
@@ -877,18 +1072,18 @@ class ComputedRefImpl {
     get value() {
         // the computed ref may get wrapped by other proxies e.g. readonly() #3376
         const self = toRaw(this);
+        trackRefValue(self);
         if (self._dirty) {
-            self._value = this.effect();
             self._dirty = false;
+            self._value = self.effect.run();
         }
-        track(self, "get" /* GET */, 'value');
         return self._value;
     }
     set value(newValue) {
         this._setter(newValue);
     }
 }
-function computed(getterOrOptions) {
+function computed(getterOrOptions, debugOptions) {
     let getter;
     let setter;
     if (shared.isFunction(getterOrOptions)) {
@@ -902,589 +1097,194 @@ function computed(getterOrOptions) {
         getter = getterOrOptions.get;
         setter = getterOrOptions.set;
     }
-    return new ComputedRefImpl(getter, setter, shared.isFunction(getterOrOptions) || !getterOrOptions.set);
+    const cRef = new ComputedRefImpl(getter, setter, shared.isFunction(getterOrOptions) || !getterOrOptions.set);
+    if (debugOptions) {
+        cRef.effect.onTrack = debugOptions.onTrack;
+        cRef.effect.onTrigger = debugOptions.onTrigger;
+    }
+    return cRef;
 }
 
-const stack = [];
-function pushWarningContext(vnode) {
-    stack.push(vnode);
-}
-function popWarningContext() {
-    stack.pop();
+/* eslint-disable no-restricted-globals */
+let isHmrUpdating = false;
+const hmrDirtyComponents = new Set();
+// Expose the HMR runtime on the global object
+// This makes it entirely tree-shakable without polluting the exports and makes
+// it easier to be used in toolings like vue-loader
+// Note: for a component to be eligible for HMR it also needs the __hmrId option
+// to be set so that its instances can be registered / removed.
+{
+    const globalObject = typeof global !== 'undefined'
+        ? global
+        : typeof self !== 'undefined'
+            ? self
+            : typeof window !== 'undefined'
+                ? window
+                : {};
+    globalObject.__VUE_HMR_RUNTIME__ = {
+        createRecord: tryWrap(createRecord),
+        rerender: tryWrap(rerender),
+        reload: tryWrap(reload)
+    };
 }
-function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    const instance = stack.length ? stack[stack.length - 1].component : null;
-    const appWarnHandler = instance && instance.appContext.config.warnHandler;
-    const trace = getComponentTrace();
-    if (appWarnHandler) {
-        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
-            msg + args.join(''),
-            instance && instance.proxy,
-            trace
-                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
-                .join('\n'),
-            trace
-        ]);
-    }
-    else {
-        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-        /* istanbul ignore if */
-        if (trace.length &&
-            // avoid spamming console during tests
-            !false) {
-            warnArgs.push(`\n`, ...formatTrace(trace));
-        }
-        console.warn(...warnArgs);
+const map = new Map();
+function registerHMR(instance) {
+    const id = instance.type.__hmrId;
+    let record = map.get(id);
+    if (!record) {
+        createRecord(id, instance.type);
+        record = map.get(id);
     }
-    resetTracking();
+    record.instances.add(instance);
 }
-function getComponentTrace() {
-    let currentVNode = stack[stack.length - 1];
-    if (!currentVNode) {
-        return [];
+function unregisterHMR(instance) {
+    map.get(instance.type.__hmrId).instances.delete(instance);
+}
+function createRecord(id, component) {
+    if (!component) {
+        warn$1(`HMR API usage is out of date.\n` +
+            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
+            `dependency that handles Vue SFC compilation.`);
+        component = {};
     }
-    // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
-    const normalizedStack = [];
-    while (currentVNode) {
-        const last = normalizedStack[0];
-        if (last && last.vnode === currentVNode) {
-            last.recurseCount++;
-        }
-        else {
-            normalizedStack.push({
-                vnode: currentVNode,
-                recurseCount: 0
-            });
-        }
-        const parentInstance = currentVNode.component && currentVNode.component.parent;
-        currentVNode = parentInstance && parentInstance.vnode;
+    if (map.has(id)) {
+        return false;
     }
-    return normalizedStack;
-}
-/* istanbul ignore next */
-function formatTrace(trace) {
-    const logs = [];
-    trace.forEach((entry, i) => {
-        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    map.set(id, {
+        component: isClassComponent(component) ? component.__vccOpts : component,
+        instances: new Set()
     });
-    return logs;
-}
-function formatTraceEntry({ vnode, recurseCount }) {
-    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-    const isRoot = vnode.component ? vnode.component.parent == null : false;
-    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
-    const close = `>` + postfix;
-    return vnode.props
-        ? [open, ...formatProps(vnode.props), close]
-        : [open + close];
+    return true;
 }
-/* istanbul ignore next */
-function formatProps(props) {
-    const res = [];
-    const keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-        res.push(...formatProp(key, props[key]));
+function rerender(id, newRender) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    if (newRender)
+        record.component.render = newRender;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    Array.from(record.instances).forEach(instance => {
+        if (newRender) {
+            instance.render = newRender;
+        }
+        instance.renderCache = [];
+        // this flag forces child components with slot content to update
+        isHmrUpdating = true;
+        instance.update();
+        isHmrUpdating = false;
     });
-    if (keys.length > 3) {
-        res.push(` ...`);
-    }
-    return res;
-}
-/* istanbul ignore next */
-function formatProp(key, value, raw) {
-    if (shared.isString(value)) {
-        value = JSON.stringify(value);
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (typeof value === 'number' ||
-        typeof value === 'boolean' ||
-        value == null) {
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (isRef(value)) {
-        value = formatProp(key, toRaw(value.value), true);
-        return raw ? value : [`${key}=Ref<`, value, `>`];
-    }
-    else if (shared.isFunction(value)) {
-        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-    }
-    else {
-        value = toRaw(value);
-        return raw ? value : [`${key}=`, value];
-    }
-}
-
-const ErrorTypeStrings = {
-    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
-    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
-    ["c" /* CREATED */]: 'created hook',
-    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
-    ["m" /* MOUNTED */]: 'mounted hook',
-    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
-    ["u" /* UPDATED */]: 'updated',
-    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
-    ["um" /* UNMOUNTED */]: 'unmounted hook',
-    ["a" /* ACTIVATED */]: 'activated hook',
-    ["da" /* DEACTIVATED */]: 'deactivated hook',
-    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
-    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
-    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
-    [0 /* SETUP_FUNCTION */]: 'setup function',
-    [1 /* RENDER_FUNCTION */]: 'render function',
-    [2 /* WATCH_GETTER */]: 'watcher getter',
-    [3 /* WATCH_CALLBACK */]: 'watcher callback',
-    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
-    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
-    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
-    [7 /* VNODE_HOOK */]: 'vnode hook',
-    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
-    [9 /* TRANSITION_HOOK */]: 'transition hook',
-    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
-    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
-    [12 /* FUNCTION_REF */]: 'ref function',
-    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
-    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-};
-function callWithErrorHandling(fn, instance, type, args) {
-    let res;
-    try {
-        res = args ? fn(...args) : fn();
-    }
-    catch (err) {
-        handleError(err, instance, type);
-    }
-    return res;
 }
-function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (shared.isFunction(fn)) {
-        const res = callWithErrorHandling(fn, instance, type, args);
-        if (res && shared.isPromise(res)) {
-            res.catch(err => {
-                handleError(err, instance, type);
-            });
+function reload(id, newComp) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    const { component, instances } = record;
+    if (!hmrDirtyComponents.has(component)) {
+        // 1. Update existing comp definition to match new one
+        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+        shared.extend(component, newComp);
+        for (const key in component) {
+            if (key !== '__file' && !(key in newComp)) {
+                delete component[key];
+            }
         }
-        return res;
-    }
-    const values = [];
-    for (let i = 0; i < fn.length; i++) {
-        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+        // 2. Mark component dirty. This forces the renderer to replace the component
+        // on patch.
+        hmrDirtyComponents.add(component);
+        // 3. Make sure to unmark the component after the reload.
+        queuePostFlushCb(() => {
+            hmrDirtyComponents.delete(component);
+        });
     }
-    return values;
-}
-function handleError(err, instance, type, throwInDev = true) {
-    const contextVNode = instance ? instance.vnode : null;
-    if (instance) {
-        let cur = instance.parent;
-        // the exposed instance is the render proxy to keep it consistent with 2.x
-        const exposedInstance = instance.proxy;
-        // in production the hook receives only the error code
-        const errorInfo = ErrorTypeStrings[type] ;
-        while (cur) {
-            const errorCapturedHooks = cur.ec;
-            if (errorCapturedHooks) {
-                for (let i = 0; i < errorCapturedHooks.length; i++) {
-                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-                        return;
-                    }
-                }
+    Array.from(instances).forEach(instance => {
+        // invalidate options resolution cache
+        instance.appContext.optionsCache.delete(instance.type);
+        if (instance.ceReload) {
+            // custom element
+            hmrDirtyComponents.add(component);
+            instance.ceReload(newComp.styles);
+            hmrDirtyComponents.delete(component);
+        }
+        else if (instance.parent) {
+            // 4. Force the parent instance to re-render. This will cause all updated
+            // components to be unmounted and re-mounted. Queue the update so that we
+            // don't end up forcing the same parent to re-render multiple times.
+            queueJob(instance.parent.update);
+            // instance is the inner component of an async custom element
+            // invoke to reset styles
+            if (instance.parent.type.__asyncLoader &&
+                instance.parent.ceReload) {
+                instance.parent.ceReload(newComp.styles);
             }
-            cur = cur.parent;
         }
-        // app-level handling
-        const appErrorHandler = instance.appContext.config.errorHandler;
-        if (appErrorHandler) {
-            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
-            return;
+        else if (instance.appContext.reload) {
+            // root instance mounted via createApp() has a reload method
+            instance.appContext.reload();
         }
-    }
-    logError(err, type, contextVNode, throwInDev);
-}
-function logError(err, type, contextVNode, throwInDev = true) {
-    {
-        const info = ErrorTypeStrings[type];
-        if (contextVNode) {
-            pushWarningContext(contextVNode);
+        else if (typeof window !== 'undefined') {
+            // root instance inside tree created via raw render(). Force reload.
+            window.location.reload();
         }
-        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-        if (contextVNode) {
-            popWarningContext();
+        else {
+            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
         }
-        // crash in dev by default so it's more noticeable
-        if (throwInDev) {
-            throw err;
+    });
+}
+function tryWrap(fn) {
+    return (id, arg) => {
+        try {
+            return fn(id, arg);
         }
-        else {
-            console.error(err);
+        catch (e) {
+            console.error(e);
+            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
+                `Full reload required.`);
         }
-    }
+    };
 }
 
-let isFlushing = false;
-let isFlushPending = false;
-const queue = [];
-let flushIndex = 0;
-const pendingPreFlushCbs = [];
-let activePreFlushCbs = null;
-let preFlushIndex = 0;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
-let postFlushIndex = 0;
-const resolvedPromise = Promise.resolve();
-let currentFlushPromise = null;
-let currentPreFlushParentJob = null;
-const RECURSION_LIMIT = 100;
-function nextTick(fn) {
-    const p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+function setDevtoolsHook(hook) {
+    exports.devtools = hook;
 }
-// #2768
-// Use binary-search to find a suitable position in the queue,
-// so that the queue maintains the increasing order of job's id,
-// which can prevent the job from being skipped and also can avoid repeated patching.
-function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    let start = flushIndex + 1;
-    let end = queue.length;
-    const jobId = getId(job);
-    while (start < end) {
-        const middle = (start + end) >>> 1;
-        const middleJobId = getId(queue[middle]);
-        middleJobId < jobId ? (start = middle + 1) : (end = middle);
-    }
-    return start;
+function devtoolsInitApp(app, version) {
+    // TODO queue if devtools is undefined
+    if (!exports.devtools)
+        return;
+    exports.devtools.emit("app:init" /* APP_INIT */, app, version, {
+        Fragment,
+        Text,
+        Comment: Comment$1,
+        Static
+    });
 }
-function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length ||
-        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
-        job !== currentPreFlushParentJob) {
-        const pos = findInsertionIndex(job);
-        if (pos > -1) {
-            queue.splice(pos, 0, job);
-        }
-        else {
-            queue.push(job);
-        }
-        queueFlush();
-    }
+function devtoolsUnmountApp(app) {
+    if (!exports.devtools)
+        return;
+    exports.devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
 }
-function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-        isFlushPending = true;
-        currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
+const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
+const devtoolsComponentUpdated = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
+const devtoolsComponentRemoved = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
+function createDevtoolsComponentHook(hook) {
+    return (component) => {
+        if (!exports.devtools)
+            return;
+        exports.devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+    };
 }
-function invalidateJob(job) {
-    const i = queue.indexOf(job);
-    if (i > flushIndex) {
-        queue.splice(i, 1);
-    }
-}
-function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!shared.isArray(cb)) {
-        if (!activeQueue ||
-            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-            pendingQueue.push(cb);
-        }
-    }
-    else {
-        // if cb is an array, it is a component lifecycle hook which can only be
-        // triggered by a job, which is already deduped in the main queue, so
-        // we can skip duplicate check here to improve perf
-        pendingQueue.push(...cb);
-    }
-    queueFlush();
-}
-function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-}
-function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-}
-function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-        currentPreFlushParentJob = parentJob;
-        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-        pendingPreFlushCbs.length = 0;
-        {
-            seen = seen || new Map();
-        }
-        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-            if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
-                continue;
-            }
-            activePreFlushCbs[preFlushIndex]();
-        }
-        activePreFlushCbs = null;
-        preFlushIndex = 0;
-        currentPreFlushParentJob = null;
-        // recursively flush until it drains
-        flushPreFlushCbs(seen, parentJob);
-    }
-}
-function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-        const deduped = [...new Set(pendingPostFlushCbs)];
-        pendingPostFlushCbs.length = 0;
-        // #1947 already has active queue, nested flushPostFlushCbs call
-        if (activePostFlushCbs) {
-            activePostFlushCbs.push(...deduped);
-            return;
-        }
-        activePostFlushCbs = deduped;
-        {
-            seen = seen || new Map();
-        }
-        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-            if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
-                continue;
-            }
-            activePostFlushCbs[postFlushIndex]();
-        }
-        activePostFlushCbs = null;
-        postFlushIndex = 0;
-    }
-}
-const getId = (job) => job.id == null ? Infinity : job.id;
-function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    {
-        seen = seen || new Map();
-    }
-    flushPreFlushCbs(seen);
-    // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
-    queue.sort((a, b) => getId(a) - getId(b));
-    try {
-        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
-            if (job && job.active !== false) {
-                if (true && checkRecursiveUpdates(seen, job)) {
-                    continue;
-                }
-                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
-            }
-        }
-    }
-    finally {
-        flushIndex = 0;
-        queue.length = 0;
-        flushPostFlushCbs(seen);
-        isFlushing = false;
-        currentFlushPromise = null;
-        // some postFlushCb queued jobs!
-        // keep flushing until it drains.
-        if (queue.length ||
-            pendingPreFlushCbs.length ||
-            pendingPostFlushCbs.length) {
-            flushJobs(seen);
-        }
-    }
-}
-function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-        seen.set(fn, 1);
-    }
-    else {
-        const count = seen.get(fn);
-        if (count > RECURSION_LIMIT) {
-            const instance = fn.ownerInstance;
-            const componentName = instance && getComponentName(instance.type);
-            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
-                `This means you have a reactive effect that is mutating its own ` +
-                `dependencies and thus recursively triggering itself. Possible sources ` +
-                `include component template, render function, updated hook or ` +
-                `watcher source function.`);
-            return true;
-        }
-        else {
-            seen.set(fn, count + 1);
-        }
-    }
-}
-
-/* eslint-disable no-restricted-globals */
-let isHmrUpdating = false;
-const hmrDirtyComponents = new Set();
-// Expose the HMR runtime on the global object
-// This makes it entirely tree-shakable without polluting the exports and makes
-// it easier to be used in toolings like vue-loader
-// Note: for a component to be eligible for HMR it also needs the __hmrId option
-// to be set so that its instances can be registered / removed.
-{
-    const globalObject = typeof global !== 'undefined'
-        ? global
-        : typeof self !== 'undefined'
-            ? self
-            : typeof window !== 'undefined'
-                ? window
-                : {};
-    globalObject.__VUE_HMR_RUNTIME__ = {
-        createRecord: tryWrap(createRecord),
-        rerender: tryWrap(rerender),
-        reload: tryWrap(reload)
-    };
-}
-const map = new Map();
-function registerHMR(instance) {
-    const id = instance.type.__hmrId;
-    let record = map.get(id);
-    if (!record) {
-        createRecord(id, instance.type);
-        record = map.get(id);
-    }
-    record.instances.add(instance);
-}
-function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-}
-function createRecord(id, component) {
-    if (!component) {
-        warn(`HMR API usage is out of date.\n` +
-            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-            `dependency that handles Vue SFC compilation.`);
-        component = {};
-    }
-    if (map.has(id)) {
-        return false;
-    }
-    map.set(id, {
-        component: isClassComponent(component) ? component.__vccOpts : component,
-        instances: new Set()
-    });
-    return true;
-}
-function rerender(id, newRender) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    if (newRender)
-        record.component.render = newRender;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    Array.from(record.instances).forEach(instance => {
-        if (newRender) {
-            instance.render = newRender;
-        }
-        instance.renderCache = [];
-        // this flag forces child components with slot content to update
-        isHmrUpdating = true;
-        instance.update();
-        isHmrUpdating = false;
-    });
-}
-function reload(id, newComp) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    const { component, instances } = record;
-    if (!hmrDirtyComponents.has(component)) {
-        // 1. Update existing comp definition to match new one
-        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-        shared.extend(component, newComp);
-        for (const key in component) {
-            if (key !== '__file' && !(key in newComp)) {
-                delete component[key];
-            }
-        }
-        // 2. Mark component dirty. This forces the renderer to replace the component
-        // on patch.
-        hmrDirtyComponents.add(component);
-        // 3. Make sure to unmark the component after the reload.
-        queuePostFlushCb(() => {
-            hmrDirtyComponents.delete(component);
-        });
-    }
-    Array.from(instances).forEach(instance => {
-        if (instance.parent) {
-            // 4. Force the parent instance to re-render. This will cause all updated
-            // components to be unmounted and re-mounted. Queue the update so that we
-            // don't end up forcing the same parent to re-render multiple times.
-            queueJob(instance.parent.update);
-        }
-        else if (instance.appContext.reload) {
-            // root instance mounted via createApp() has a reload method
-            instance.appContext.reload();
-        }
-        else if (typeof window !== 'undefined') {
-            // root instance inside tree created via raw render(). Force reload.
-            window.location.reload();
-        }
-        else {
-            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
-        }
-    });
-}
-function tryWrap(fn) {
-    return (id, arg) => {
-        try {
-            return fn(id, arg);
-        }
-        catch (e) {
-            console.error(e);
-            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
-                `Full reload required.`);
-        }
-    };
-}
-
-function setDevtoolsHook(hook) {
-    exports.devtools = hook;
-}
-function devtoolsInitApp(app, version) {
-    // TODO queue if devtools is undefined
-    if (!exports.devtools)
-        return;
-    exports.devtools.emit("app:init" /* APP_INIT */, app, version, {
-        Fragment,
-        Text,
-        Comment: Comment$1,
-        Static
-    });
-}
-function devtoolsUnmountApp(app) {
-    if (!exports.devtools)
-        return;
-    exports.devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
-}
-const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-const devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
-function createDevtoolsComponentHook(hook) {
-    return (component) => {
-        if (!exports.devtools)
-            return;
-        exports.devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
-    };
-}
-const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
-const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
-function createDevtoolsPerformanceHook(hook) {
-    return (component, type, time) => {
-        if (!exports.devtools)
-            return;
-        exports.devtools.emit(hook, component.appContext.app, component.uid, component, type, time);
-    };
+const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
+const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
+function createDevtoolsPerformanceHook(hook) {
+    return (component, type, time) => {
+        if (!exports.devtools)
+            return;
+        exports.devtools.emit(hook, component.appContext.app, component.uid, component, type, time);
+    };
 }
 function devtoolsComponentEmit(component, event, params) {
     if (!exports.devtools)
@@ -1616,8 +1416,7 @@ const deprecationData = {
         link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
     },
     ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
-        message: componentName => `Component <${componentName ||
-            'Anonymous'}> has \`inheritAttrs: false\` but is ` +
+        message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
             `relying on class/style fallthrough from parent. In Vue 3, class/style ` +
             `are now included in $attrs and will no longer fallthrough when ` +
             `inheritAttrs is false. If you are already using v-bind="$attrs" on ` +
@@ -1783,12 +1582,12 @@ function warnDeprecation(key, instance, ...args) {
     // same warning, but different component. skip the long message and just
     // log the key and count.
     if (dupKey in warnCount) {
-        warn(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
+        warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
         return;
     }
     warnCount[dupKey] = 0;
     const { message, link } = deprecationData[key];
-    warn(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
+    warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
     if (!isCompatEnabled(key, instance, true)) {
         console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
             `lead to runtime errors.`);
@@ -1830,7 +1629,7 @@ function emit(instance, event, ...rawArgs) {
             if (!(event in emitsOptions) &&
                 !(false )) {
                 if (!propsOptions || !(shared.toHandlerKey(event) in propsOptions)) {
-                    warn(`Component emitted event "${event}" but it is neither declared in ` +
+                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
                         `the emits option nor as an "${shared.toHandlerKey(event)}" prop.`);
                 }
             }
@@ -1839,7 +1638,7 @@ function emit(instance, event, ...rawArgs) {
                 if (shared.isFunction(validator)) {
                     const isValid = validator(...rawArgs);
                     if (!isValid) {
-                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
+                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
                     }
                 }
             }
@@ -1865,7 +1664,7 @@ function emit(instance, event, ...rawArgs) {
     {
         const lowerCaseEvent = event.toLowerCase();
         if (lowerCaseEvent !== event && props[shared.toHandlerKey(lowerCaseEvent)]) {
-            warn(`Event "${lowerCaseEvent}" is emitted in component ` +
+            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
                 `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
                 `Note that HTML attributes are case-insensitive and you cannot use ` +
                 `v-on to listen to camelCase events when using in-DOM templates. ` +
@@ -2128,13 +1927,13 @@ function renderComponentRoot(instance) {
                         }
                     }
                     if (extraAttrs.length) {
-                        warn(`Extraneous non-props attributes (` +
+                        warn$1(`Extraneous non-props attributes (` +
                             `${extraAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes.`);
                     }
                     if (eventAttrs.length) {
-                        warn(`Extraneous non-emits event listeners (` +
+                        warn$1(`Extraneous non-emits event listeners (` +
                             `${eventAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes. ` +
@@ -2152,7 +1951,7 @@ function renderComponentRoot(instance) {
         // inherit directives
         if (vnode.dirs) {
             if (true && !isElementRoot(root)) {
-                warn(`Runtime directive used on component with non-element root node. ` +
+                warn$1(`Runtime directive used on component with non-element root node. ` +
                     `The directives will not function as intended.`);
             }
             root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
@@ -2160,7 +1959,7 @@ function renderComponentRoot(instance) {
         // inherit transition data
         if (vnode.transition) {
             if (true && !isElementRoot(root)) {
-                warn(`Component inside <Transition> renders non-element root node ` +
+                warn$1(`Component inside <Transition> renders non-element root node ` +
                     `that cannot be animated.`);
             }
             root.transition = vnode.transition;
@@ -2361,8 +2160,7 @@ const SuspenseImpl = {
     normalize: normalizeSuspenseChildren
 };
 // Force-casted public typing for h and TSX props inference
-const Suspense = (SuspenseImpl
-    );
+const Suspense = (SuspenseImpl );
 function triggerEvent(vnode, name) {
     const eventListener = vnode.props && vnode.props[name];
     if (shared.isFunction(eventListener)) {
@@ -2730,12 +2528,12 @@ function normalizeSuspenseSlot(s) {
     if (shared.isArray(s)) {
         const singleChild = filterSingleRoot(s);
         if (!singleChild) {
-            warn(`<Suspense> slots expect a single root node.`);
+            warn$1(`<Suspense> slots expect a single root node.`);
         }
         s = singleChild;
     }
     s = normalizeVNode(s);
-    if (block) {
+    if (block && !s.dynamicChildren) {
         s.dynamicChildren = block.filter(c => c !== s);
     }
     return s;
@@ -2768,7 +2566,7 @@ function setActiveBranch(suspense, branch) {
 function provide(key, value) {
     if (!currentInstance) {
         {
-            warn(`provide() can only be used inside setup().`);
+            warn$1(`provide() can only be used inside setup().`);
         }
     }
     else {
@@ -2806,261 +2604,13 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
                 ? defaultValue.call(instance.proxy)
                 : defaultValue;
         }
-        else {
-            warn(`injection "${String(key)}" not found.`);
-        }
-    }
-    else {
-        warn(`inject() can only be used inside setup() or functional components.`);
-    }
-}
-
-// Simple effect.
-function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-}
-// initial value for watchers to trigger on undefined initial values
-const INITIAL_WATCHER_VALUE = {};
-// implementation
-function watch(source, cb, options) {
-    if (!shared.isFunction(cb)) {
-        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
-            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-            `supports \`watch(source, cb, options?) signature.`);
-    }
-    return doWatch(source, cb, options);
-}
-function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = shared.EMPTY_OBJ, instance = currentInstance) {
-    if (!cb) {
-        if (immediate !== undefined) {
-            warn(`watch() "immediate" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-        if (deep !== undefined) {
-            warn(`watch() "deep" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-    }
-    const warnInvalidSource = (s) => {
-        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
-            `a reactive object, or an array of these types.`);
-    };
-    let getter;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef(source)) {
-        getter = () => source.value;
-        forceTrigger = !!source._shallow;
-    }
-    else if (isReactive(source)) {
-        getter = () => source;
-        deep = true;
-    }
-    else if (shared.isArray(source)) {
-        isMultiSource = true;
-        forceTrigger = source.some(isReactive);
-        getter = () => source.map(s => {
-            if (isRef(s)) {
-                return s.value;
-            }
-            else if (isReactive(s)) {
-                return traverse(s);
-            }
-            else if (shared.isFunction(s)) {
-                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
-            }
-            else {
-                warnInvalidSource(s);
-            }
-        });
-    }
-    else if (shared.isFunction(source)) {
-        if (cb) {
-            // getter with cb
-            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
-        }
-        else {
-            // no cb -> simple effect
-            getter = () => {
-                if (instance && instance.isUnmounted) {
-                    return;
-                }
-                if (cleanup) {
-                    cleanup();
-                }
-                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
-            };
-        }
-    }
-    else {
-        getter = shared.NOOP;
-        warnInvalidSource(source);
-    }
-    if (cb && deep) {
-        const baseGetter = getter;
-        getter = () => traverse(baseGetter());
-    }
-    let cleanup;
-    let onInvalidate = (fn) => {
-        cleanup = runner.options.onStop = () => {
-            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
-        };
-    };
-    // in SSR there is no need to setup an actual effect, and it should be noop
-    // unless it's eager
-    if (exports.isInSSRComponentSetup) {
-        // we will also not call the invalidate callback (+ runner is not set up)
-        onInvalidate = shared.NOOP;
-        if (!cb) {
-            getter();
-        }
-        else if (immediate) {
-            callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                getter(),
-                undefined,
-                onInvalidate
-            ]);
-        }
-        return shared.NOOP;
-    }
-    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
-    const job = () => {
-        if (!runner.active) {
-            return;
-        }
-        if (cb) {
-            // watch(source, cb)
-            const newValue = runner();
-            if (deep ||
-                forceTrigger ||
-                (isMultiSource
-                    ? newValue.some((v, i) => shared.hasChanged(v, oldValue[i]))
-                    : shared.hasChanged(newValue, oldValue)) ||
-                (false  )) {
-                // cleanup before running cb again
-                if (cleanup) {
-                    cleanup();
-                }
-                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                    newValue,
-                    // pass undefined as the old value when it's changed for the first time
-                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
-                    onInvalidate
-                ]);
-                oldValue = newValue;
-            }
-        }
-        else {
-            // watchEffect
-            runner();
-        }
-    };
-    // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
-    job.allowRecurse = !!cb;
-    let scheduler;
-    if (flush === 'sync') {
-        scheduler = job; // the scheduler function gets called directly
-    }
-    else if (flush === 'post') {
-        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-    }
-    else {
-        // default: 'pre'
-        scheduler = () => {
-            if (!instance || instance.isMounted) {
-                queuePreFlushCb(job);
-            }
-            else {
-                // with 'pre' option, the first call must happen before
-                // the component is mounted so it is called synchronously.
-                job();
-            }
-        };
-    }
-    const runner = effect(getter, {
-        lazy: true,
-        onTrack,
-        onTrigger,
-        scheduler
-    });
-    recordInstanceBoundEffect(runner, instance);
-    // initial run
-    if (cb) {
-        if (immediate) {
-            job();
-        }
-        else {
-            oldValue = runner();
-        }
-    }
-    else if (flush === 'post') {
-        queuePostRenderEffect(runner, instance && instance.suspense);
-    }
-    else {
-        runner();
-    }
-    return () => {
-        stop(runner);
-        if (instance) {
-            shared.remove(instance.effects, runner);
-        }
-    };
-}
-// this.$watch
-function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = shared.isString(source)
-        ? source.includes('.')
-            ? createPathGetter(publicThis, source)
-            : () => publicThis[source]
-        : source.bind(publicThis, publicThis);
-    let cb;
-    if (shared.isFunction(value)) {
-        cb = value;
-    }
-    else {
-        cb = value.handler;
-        options = value;
-    }
-    return doWatch(getter, cb.bind(publicThis), options, this);
-}
-function createPathGetter(ctx, path) {
-    const segments = path.split('.');
-    return () => {
-        let cur = ctx;
-        for (let i = 0; i < segments.length && cur; i++) {
-            cur = cur[segments[i]];
-        }
-        return cur;
-    };
-}
-function traverse(value, seen = new Set()) {
-    if (!shared.isObject(value) ||
-        seen.has(value) ||
-        value["__v_skip" /* SKIP */]) {
-        return value;
-    }
-    seen.add(value);
-    if (isRef(value)) {
-        traverse(value.value, seen);
-    }
-    else if (shared.isArray(value)) {
-        for (let i = 0; i < value.length; i++) {
-            traverse(value[i], seen);
-        }
-    }
-    else if (shared.isSet(value) || shared.isMap(value)) {
-        value.forEach((v) => {
-            traverse(v, seen);
-        });
-    }
-    else if (shared.isPlainObject(value)) {
-        for (const key in value) {
-            traverse(value[key], seen);
-        }
+        else {
+            warn$1(`injection "${String(key)}" not found.`);
+        }
+    }
+    else {
+        warn$1(`inject() can only be used inside setup() or functional components.`);
     }
-    return value;
 }
 
 function useTransitionState() {
@@ -3112,7 +2662,7 @@ const BaseTransitionImpl = {
             }
             // warn multiple elements
             if (children.length > 1) {
-                warn('<transition> can only be used on a single element or component. Use ' +
+                warn$1('<transition> can only be used on a single element or component. Use ' +
                     '<transition-group> for lists.');
             }
             // there's no need to track reactivity for these props so use the raw
@@ -3121,7 +2671,7 @@ const BaseTransitionImpl = {
             const { mode } = rawProps;
             // check mode
             if (mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-                warn(`invalid <transition> mode: ${mode}`);
+                warn$1(`invalid <transition> mode: ${mode}`);
             }
             // at this point children has a guaranteed length of 1.
             const child = children[0];
@@ -3398,39 +2948,40 @@ function defineAsyncComponent(source) {
     const load = () => {
         let thisRequest;
         return (pendingRequest ||
-            (thisRequest = pendingRequest = loader()
-                .catch(err => {
-                err = err instanceof Error ? err : new Error(String(err));
-                if (userOnError) {
-                    return new Promise((resolve, reject) => {
-                        const userRetry = () => resolve(retry());
-                        const userFail = () => reject(err);
-                        userOnError(err, userRetry, userFail, retries + 1);
-                    });
-                }
-                else {
-                    throw err;
-                }
-            })
-                .then((comp) => {
-                if (thisRequest !== pendingRequest && pendingRequest) {
-                    return pendingRequest;
-                }
-                if (!comp) {
-                    warn(`Async component loader resolved to undefined. ` +
-                        `If you are using retry(), make sure to return its return value.`);
-                }
-                // interop module default
-                if (comp &&
-                    (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-                    comp = comp.default;
-                }
-                if (comp && !shared.isObject(comp) && !shared.isFunction(comp)) {
-                    throw new Error(`Invalid async component load result: ${comp}`);
-                }
-                resolvedComp = comp;
-                return comp;
-            })));
+            (thisRequest = pendingRequest =
+                loader()
+                    .catch(err => {
+                    err = err instanceof Error ? err : new Error(String(err));
+                    if (userOnError) {
+                        return new Promise((resolve, reject) => {
+                            const userRetry = () => resolve(retry());
+                            const userFail = () => reject(err);
+                            userOnError(err, userRetry, userFail, retries + 1);
+                        });
+                    }
+                    else {
+                        throw err;
+                    }
+                })
+                    .then((comp) => {
+                    if (thisRequest !== pendingRequest && pendingRequest) {
+                        return pendingRequest;
+                    }
+                    if (!comp) {
+                        warn$1(`Async component loader resolved to undefined. ` +
+                            `If you are using retry(), make sure to return its return value.`);
+                    }
+                    // interop module default
+                    if (comp &&
+                        (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                        comp = comp.default;
+                    }
+                    if (comp && !shared.isObject(comp) && !shared.isFunction(comp)) {
+                        throw new Error(`Invalid async component load result: ${comp}`);
+                    }
+                    resolvedComp = comp;
+                    return comp;
+                })));
     };
     return defineComponent({
         name: 'AsyncComponentWrapper',
@@ -3586,7 +3137,7 @@ const KeepAliveImpl = {
         }
         if (props.cache && props.max) {
             // fixed by xxxxxx
-            warn('The `max` prop will be ignored if you provide a custom caching strategy');
+            warn$1('The `max` prop will be ignored if you provide a custom caching strategy');
         }
         const cache = props.cache || new Cache(props.max);
         cache.pruneCacheEntry = pruneCacheEntry;
@@ -3717,7 +3268,7 @@ const KeepAliveImpl = {
             const rawVNode = children[0];
             if (children.length > 1) {
                 {
-                    warn(`KeepAlive should contain exactly one component child.`);
+                    warn$1(`KeepAlive should contain exactly one component child.`);
                 }
                 current = null;
                 return children;
@@ -3895,9 +3446,9 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
                 // Set currentInstance during hook invocation.
                 // This assumes the hook does not synchronously trigger other hooks, which
                 // can only be false when the user does something really funky.
-                setCurrentInstance(target);
+                setCurrentInstance(target); // fixed by xxxxxx
                 const res = callWithAsyncErrorHandling(hook, target, type, args);
-                setCurrentInstance(null);
+                unsetCurrentInstance();
                 resetTracking();
                 return res;
             });
@@ -3911,7 +3462,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else {
         const apiName = shared.toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn(`${apiName} is called when there is no active component instance to be ` +
+        warn$1(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -3940,7 +3491,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -3985,14 +3536,15 @@ function applyOptions(instance) {
     // - computed
     // - watch (deferred since it relies on `this` access)
     if (injectOptions) {
-        resolveInjections(injectOptions, ctx, checkDuplicateProperties);
+        resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
     }
     if (methods) {
         for (const key in methods) {
             const methodHandler = methods[key];
             if (shared.isFunction(methodHandler)) {
-                // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-                // and those are read-only but reconfigurable, so it needs to be redefined here
+                // In dev mode, we use the `createRenderContext` function to define
+                // methods to the proxy target, and those are read-only but
+                // reconfigurable, so it needs to be redefined here
                 {
                     Object.defineProperty(ctx, key, {
                         value: methodHandler.bind(publicThis),
@@ -4006,24 +3558,24 @@ function applyOptions(instance) {
                 }
             }
             else {
-                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if (!shared.isFunction(dataOptions)) {
-            warn(`The data option must be a function. ` +
+            warn$1(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if (shared.isPromise(data)) {
-            warn(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!shared.isObject(data)) {
-            warn(`data() should return an object.`);
+            warn$1(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -4054,15 +3606,15 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : shared.NOOP;
             if (get === shared.NOOP) {
-                warn(`Computed property "${key}" has no getter.`);
+                warn$1(`Computed property "${key}" has no getter.`);
             }
             const set = !shared.isFunction(opt) && shared.isFunction(opt.set)
                 ? opt.set.bind(publicThis)
                 : () => {
-                        warn(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     ;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -4147,22 +3699,47 @@ function applyOptions(instance) {
         customApplyOptions(options, instance, publicThis);
     }
 }
-function resolveInjections(injectOptions, ctx, checkDuplicateProperties = shared.NOOP) {
+function resolveInjections(injectOptions, ctx, checkDuplicateProperties = shared.NOOP, unwrapRef = false) {
     if (shared.isArray(injectOptions)) {
         injectOptions = normalizeInject(injectOptions);
     }
     for (const key in injectOptions) {
         const opt = injectOptions[key];
+        let injected;
         if (shared.isObject(opt)) {
             if ('default' in opt) {
-                ctx[key] = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+                injected = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+            }
+            else {
+                injected = inject(opt.from || key);
+            }
+        }
+        else {
+            injected = inject(opt);
+        }
+        if (isRef(injected)) {
+            // TODO remove the check in 3.3
+            if (unwrapRef) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    get: () => injected.value,
+                    set: v => (injected.value = v)
+                });
             }
             else {
-                ctx[key] = inject(opt.from || key);
+                {
+                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                        `and no longer needs \`.value\` in the next minor release. ` +
+                        `To opt-in to the new behavior now, ` +
+                        `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
+                        `temporary and will not be needed in the future.)`);
+                }
+                ctx[key] = injected;
             }
         }
         else {
-            ctx[key] = inject(opt);
+            ctx[key] = injected;
         }
         {
             checkDuplicateProperties("Inject" /* INJECT */, key);
@@ -4184,7 +3761,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else {
-            warn(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (shared.isFunction(raw)) {
@@ -4202,12 +3779,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else {
-                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else {
-        warn(`Invalid watch option: "${key}"`, raw);
+        warn$1(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -4249,7 +3826,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     }
     for (const key in from) {
         if (asMixin && key === 'expose') {
-            warn(`"expose" option is ignored when declared in mixins or extends. ` +
+            warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -4510,7 +4087,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
                 else {
                     setCurrentInstance(instance);
                     value = propsDefaults[key] = defaultValue.call(null, props);
-                    setCurrentInstance(null);
+                    unsetCurrentInstance();
                 }
             }
             else {
@@ -4566,7 +4143,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (shared.isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if (!shared.isString(raw[i])) {
-                warn(`props must be strings when using array syntax.`, raw[i]);
+                warn$1(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = shared.camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -4576,7 +4153,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if (!shared.isObject(raw)) {
-            warn(`invalid props options`, raw);
+            warn$1(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = shared.camelize(key);
@@ -4607,7 +4184,7 @@ function validatePropName(key) {
         return true;
     }
     else {
-        warn(`Invalid prop name: "${key}" is a reserved property.`);
+        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
@@ -4615,7 +4192,7 @@ function validatePropName(key) {
 // so that it works across vms / iframes.
 function getType(ctor) {
     const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
+    return match ? match[1] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -4649,7 +4226,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn('Missing required prop: "' + name + '"');
+        warn$1('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -4668,13 +4245,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn(getInvalidTypeMessage(name, value, expectedTypes));
+            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ shared.makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -4698,6 +4275,9 @@ function assertType(value, type) {
     else if (expectedType === 'Array') {
         valid = shared.isArray(value);
     }
+    else if (expectedType === 'null') {
+        valid = value === null;
+    }
     else {
         valid = value instanceof type;
     }
@@ -4711,7 +4291,7 @@ function assertType(value, type) {
  */
 function getInvalidTypeMessage(name, value, expectedTypes) {
     let message = `Invalid prop: type check failed for prop "${name}".` +
-        ` Expected ${expectedTypes.map(shared.capitalize).join(', ')}`;
+        ` Expected ${expectedTypes.map(shared.capitalize).join(' | ')}`;
     const expectedType = expectedTypes[0];
     const receivedType = shared.toRawType(value);
     const expectedValue = styleValue(value, expectedType);
@@ -4764,7 +4344,7 @@ const normalizeSlotValue = (value) => shared.isArray(value)
 const normalizeSlot = (key, rawSlot, ctx) => {
     const normalized = withCtx((props) => {
         if (currentInstance) {
-            warn(`Slot "${key}" invoked outside of the render function: ` +
+            warn$1(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -4784,7 +4364,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
         }
         else if (value != null) {
             {
-                warn(`Non-function value encountered for slot "${key}". ` +
+                warn$1(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -4795,7 +4375,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
 const normalizeVNodeSlots = (instance, children) => {
     if (!isKeepAlive(instance.vnode) &&
         !(false )) {
-        warn(`Non-function value encountered for default slot. ` +
+        warn$1(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -4890,7 +4470,7 @@ return withDirectives(h(comp), [
 const isBuiltInDirective = /*#__PURE__*/ shared.makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn('Do not use built-in directive ids as custom directive id: ' + name);
+        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 /**
@@ -4899,7 +4479,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-        warn(`withDirectives can only be used inside render functions.`);
+        warn$1(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
     const instance = internalInstance.proxy;
@@ -4912,6 +4492,9 @@ function withDirectives(vnode, directives) {
                 updated: dir
             };
         }
+        if (dir.deep) {
+            traverse(value);
+        }
         bindings.push({
             dir,
             instance,
@@ -4968,18 +4551,18 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid$1 = 0;
+let uid = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (rootProps != null && !shared.isObject(rootProps)) {
-            warn(`root props passed to app.mount() must be an object.`);
+            warn$1(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid$1++,
+            _uid: uid++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -4991,12 +4574,12 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 {
-                    warn(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    warn(`Plugin has already been applied to target app.`);
+                    warn$1(`Plugin has already been applied to target app.`);
                 }
                 else if (plugin && shared.isFunction(plugin.install)) {
                     installedPlugins.add(plugin);
@@ -5007,7 +4590,7 @@ function createAppAPI(render, hydrate) {
                     plugin(app, ...options);
                 }
                 else {
-                    warn(`A plugin must either be a function or an object with an "install" ` +
+                    warn$1(`A plugin must either be a function or an object with an "install" ` +
                         `function.`);
                 }
                 return app;
@@ -5018,7 +4601,7 @@ function createAppAPI(render, hydrate) {
                         context.mixins.push(mixin);
                     }
                     else {
-                        warn('Mixin has already been applied to target app' +
+                        warn$1('Mixin has already been applied to target app' +
                             (mixin.name ? `: ${mixin.name}` : ''));
                     }
                 }
@@ -5032,7 +4615,7 @@ function createAppAPI(render, hydrate) {
                     return context.components[name];
                 }
                 if (context.components[name]) {
-                    warn(`Component "${name}" has already been registered in target app.`);
+                    warn$1(`Component "${name}" has already been registered in target app.`);
                 }
                 context.components[name] = component;
                 return app;
@@ -5045,7 +4628,7 @@ function createAppAPI(render, hydrate) {
                     return context.directives[name];
                 }
                 if (context.directives[name]) {
-                    warn(`Directive "${name}" has already been registered in target app.`);
+                    warn$1(`Directive "${name}" has already been registered in target app.`);
                 }
                 context.directives[name] = directive;
                 return app;
@@ -5078,7 +4661,7 @@ function createAppAPI(render, hydrate) {
                     return vnode.component.proxy;
                 }
                 else {
-                    warn(`App has already been mounted.\n` +
+                    warn$1(`App has already been mounted.\n` +
                         `If you want to remount the same app, move your app creation logic ` +
                         `into a factory function and create fresh app instances for each ` +
                         `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -5094,12 +4677,12 @@ function createAppAPI(render, hydrate) {
                     delete app._container.__vue_app__;
                 }
                 else {
-                    warn(`Cannot unmount an app that is not mounted.`);
+                    warn$1(`Cannot unmount an app that is not mounted.`);
                 }
             },
             provide(key, value) {
                 if (key in context.provides) {
-                    warn(`App already provides property with key "${String(key)}". ` +
+                    warn$1(`App already provides property with key "${String(key)}". ` +
                         `It will be overwritten with the new value.`);
                 }
                 // TypeScript doesn't allow symbols as index type
@@ -5124,7 +4707,7 @@ function createHydrationFunctions(rendererInternals) {
     const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
     const hydrate = (vnode, container) => {
         if (!container.hasChildNodes()) {
-            warn(`Attempting to hydrate existing markup but container is empty. ` +
+            warn$1(`Attempting to hydrate existing markup but container is empty. ` +
                     `Performing full mount instead.`);
             patch(null, vnode, container);
             flushPostFlushCbs();
@@ -5153,7 +4736,7 @@ function createHydrationFunctions(rendererInternals) {
                 else {
                     if (node.data !== vnode.children) {
                         hasMismatch = true;
-                        warn(`Hydration text mismatch:` +
+                        warn$1(`Hydration text mismatch:` +
                                 `\n- Client: ${JSON.stringify(node.data)}` +
                                 `\n- Server: ${JSON.stringify(vnode.children)}`);
                         node.data = vnode.children;
@@ -5254,7 +4837,7 @@ function createHydrationFunctions(rendererInternals) {
                     nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                 }
                 else {
-                    warn('Invalid HostVNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
                 }
         }
         if (ref != null) {
@@ -5277,8 +4860,8 @@ function createHydrationFunctions(rendererInternals) {
             if (props) {
                 if (forcePatchValue ||
                     !optimized ||
-                    (patchFlag & 16 /* FULL_PROPS */ ||
-                        patchFlag & 32 /* HYDRATE_EVENTS */)) {
+                    patchFlag & 16 /* FULL_PROPS */ ||
+                    patchFlag & 32 /* HYDRATE_EVENTS */) {
                     for (const key in props) {
                         if ((forcePatchValue && key.endsWith('value')) ||
                             (shared.isOn(key) && !shared.isReservedProp(key))) {
@@ -5315,7 +4898,7 @@ function createHydrationFunctions(rendererInternals) {
                 while (next) {
                     hasMismatch = true;
                     if (!hasWarned) {
-                        warn(`Hydration children mismatch in <${vnode.type}>: ` +
+                        warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
                             `server rendered element contains more child nodes than client vdom.`);
                         hasWarned = true;
                     }
@@ -5328,7 +4911,7 @@ function createHydrationFunctions(rendererInternals) {
             else if (shapeFlag & 8 /* TEXT_CHILDREN */) {
                 if (el.textContent !== vnode.children) {
                     hasMismatch = true;
-                    warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                    warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
                             `- Client: ${el.textContent}\n` +
                             `- Server: ${vnode.children}`);
                     el.textContent = vnode.children;
@@ -5355,7 +4938,7 @@ function createHydrationFunctions(rendererInternals) {
             else {
                 hasMismatch = true;
                 if (!hasWarned) {
-                    warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                    warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
                         `server rendered element contains fewer child nodes than client vdom.`);
                     hasWarned = true;
                 }
@@ -5388,7 +4971,7 @@ function createHydrationFunctions(rendererInternals) {
     };
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
         hasMismatch = true;
-        warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
+        warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
                 ? `(text)`
                 : isComment(node) && node.data === '['
                     ? `(start of fragment)`
@@ -5474,2856 +5057,3590 @@ function isSupported() {
     return supported;
 }
 
-function createDevEffectOptions(instance) {
-    return {
-        scheduler: queueJob,
-        allowRecurse: true,
-        onTrack: instance.rtc ? e => shared.invokeArrayFns(instance.rtc, e) : void 0,
-        onTrigger: instance.rtg ? e => shared.invokeArrayFns(instance.rtg, e) : void 0
+const queuePostRenderEffect = queueEffectWithSuspense
+    ;
+/**
+ * The createRenderer function accepts two generic arguments:
+ * HostNode and HostElement, corresponding to Node and Element types in the
+ * host environment. For example, for runtime-dom, HostNode would be the DOM
+ * `Node` interface and HostElement would be the DOM `Element` interface.
+ *
+ * Custom renderers can pass in the platform specific types like this:
+ *
+ * ``` js
+ * const { render, createApp } = createRenderer<Node, Element>({
+ *   patchProp,
+ *   ...nodeOps
+ * })
+ * ```
+ */
+function createRenderer(options) {
+    return baseCreateRenderer(options);
+}
+// Separate API for creating hydration-enabled renderer.
+// Hydration logic is only used when calling this function, making it
+// tree-shakable.
+function createHydrationRenderer(options) {
+    return baseCreateRenderer(options, createHydrationFunctions);
+}
+// implementation
+function baseCreateRenderer(options, createHydrationFns) {
+    {
+        const target = shared.getGlobalThis();
+        target.__VUE__ = true;
+        setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
+    }
+    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, // fixed by xxxxx
+    createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = shared.NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+    // Note: functions inside this closure should use `const xxx = () => {}`
+    // style in order to prevent being inlined by minifiers.
+    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => {
+        if (n1 === n2) {
+            return;
+        }
+        // patching & not same type, unmount old tree
+        if (n1 && !isSameVNodeType(n1, n2)) {
+            anchor = getNextHostNode(n1);
+            unmount(n1, parentComponent, parentSuspense, true);
+            n1 = null;
+        }
+        if (n2.patchFlag === -2 /* BAIL */) {
+            optimized = false;
+            n2.dynamicChildren = null;
+        }
+        const { type, ref, shapeFlag } = n2;
+        switch (type) {
+            case Text:
+                processText(n1, n2, container, anchor);
+                break;
+            case Comment$1:
+                processCommentNode(n1, n2, container, anchor);
+                break;
+            case Static:
+                if (n1 == null) {
+                    mountStaticNode(n2, container, anchor, isSVG);
+                }
+                else {
+                    patchStaticNode(n1, n2, container, isSVG);
+                }
+                break;
+            case Fragment:
+                processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                break;
+            default:
+                if (shapeFlag & 1 /* ELEMENT */) {
+                    processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
+                else if (shapeFlag & 6 /* COMPONENT */) {
+                    processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
+                else if (shapeFlag & 64 /* TELEPORT */) {
+                    type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+                }
+                else if (shapeFlag & 128 /* SUSPENSE */) {
+                    type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+                }
+                else {
+                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
+                }
+        }
+        // set ref
+        if (ref != null && parentComponent) {
+            setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
+        }
+    };
+    const processText = (n1, n2, container, anchor) => {
+        if (n1 == null) {
+            hostInsert((n2.el = hostCreateText(n2.children)), container, anchor);
+        }
+        else {
+            const el = (n2.el = n1.el);
+            if (n2.children !== n1.children) {
+                hostSetText(el, n2.children);
+            }
+        }
+    };
+    const processCommentNode = (n1, n2, container, anchor) => {
+        if (n1 == null) {
+            hostInsert((n2.el = hostCreateComment(n2.children || '')), container, anchor);
+        }
+        else {
+            // there's no support for dynamic comments
+            n2.el = n1.el;
+        }
+    };
+    const mountStaticNode = (n2, container, anchor, isSVG) => {
+        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
+    };
+    /**
+     * Dev / HMR only
+     */
+    const patchStaticNode = (n1, n2, container, isSVG) => {
+        // static nodes are only patched during dev for HMR
+        if (n2.children !== n1.children) {
+            const anchor = hostNextSibling(n1.anchor);
+            // remove existing
+            removeStaticNode(n1);
+            [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
+        }
+        else {
+            n2.el = n1.el;
+            n2.anchor = n1.anchor;
+        }
+    };
+    const moveStaticNode = ({ el, anchor }, container, nextSibling) => {
+        let next;
+        while (el && el !== anchor) {
+            next = hostNextSibling(el);
+            hostInsert(el, container, nextSibling);
+            el = next;
+        }
+        hostInsert(anchor, container, nextSibling);
+    };
+    const removeStaticNode = ({ el, anchor }) => {
+        let next;
+        while (el && el !== anchor) {
+            next = hostNextSibling(el);
+            hostRemove(el);
+            el = next;
+        }
+        hostRemove(anchor);
+    };
+    const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        isSVG = isSVG || n2.type === 'svg';
+        if (n1 == null) {
+            mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        }
+        else {
+            patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        }
+    };
+    const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        let el;
+        let vnodeHook;
+        const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode;
+        {
+            el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props);
+            // mount children first, since some props may rely on child content
+            // being already rendered, e.g. `<select value>`
+            if (shapeFlag & 8 /* TEXT_CHILDREN */) {
+                hostSetElementText(el, vnode.children);
+            }
+            else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
+            }
+            if (dirs) {
+                invokeDirectiveHook(vnode, null, parentComponent, 'created');
+            }
+            // props
+            if (props) {
+                for (const key in props) {
+                    if (key !== 'value' && !shared.isReservedProp(key)) {
+                        hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+                    }
+                }
+                /**
+                 * Special case for setting value on DOM elements:
+                 * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+                 * - it needs to be forced (#1471)
+                 * #2353 proposes adding another renderer option to configure this, but
+                 * the properties affects are so finite it is worth special casing it
+                 * here to reduce the complexity. (Special casing it also should not
+                 * affect non-DOM renderers)
+                 */
+                if ('value' in props) {
+                    hostPatchProp(el, 'value', null, props.value);
+                }
+                if ((vnodeHook = props.onVnodeBeforeMount)) {
+                    invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                }
+            }
+            // scopeId
+            setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
+        }
+        {
+            Object.defineProperty(el, '__vnode', {
+                value: vnode,
+                enumerable: false
+            });
+        }
+        // fixed by xxxxxx
+        Object.defineProperty(el, '__vueParentComponent', {
+            value: parentComponent,
+            enumerable: false
+        });
+        if (dirs) {
+            invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
+        }
+        // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved
+        // #1689 For inside suspense + suspense resolved case, just call it
+        const needCallTransitionHooks = (!parentSuspense || (parentSuspense && !parentSuspense.pendingBranch)) &&
+            transition &&
+            !transition.persisted;
+        if (needCallTransitionHooks) {
+            transition.beforeEnter(el);
+        }
+        hostInsert(el, container, anchor);
+        if ((vnodeHook = props && props.onVnodeMounted) ||
+            needCallTransitionHooks ||
+            dirs) {
+            queuePostRenderEffect(() => {
+                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                needCallTransitionHooks && transition.enter(el);
+                dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
+            }, parentSuspense);
+        }
     };
-}
-const queuePostRenderEffect = queueEffectWithSuspense
-    ;
-const setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (shared.isArray(rawRef)) {
-        rawRef.forEach((r, i) => setRef(r, oldRawRef && (shared.isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-        return;
-    }
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-        // when mounting async components, nothing needs to be done,
-        // because the template ref is forwarded to inner component
-        return;
-    }
-    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
-        ? getExposeProxy(vnode.component) || vnode.component.proxy
-        : vnode.el;
-    const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref } = rawRef;
-    if (!owner) {
-        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-            `A vnode with ref must be created inside the render function.`);
-        return;
-    }
-    const oldRef = oldRawRef && oldRawRef.r;
-    const refs = owner.refs === shared.EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
-    const setupState = owner.setupState;
-    // dynamic ref changed. unset old ref
-    if (oldRef != null && oldRef !== ref) {
-        if (shared.isString(oldRef)) {
-            refs[oldRef] = null;
-            if (shared.hasOwn(setupState, oldRef)) {
-                setupState[oldRef] = null;
-            }
+    const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
+        if (scopeId) {
+            hostSetScopeId(el, scopeId);
         }
-        else if (isRef(oldRef)) {
-            oldRef.value = null;
+        if (slotScopeIds) {
+            for (let i = 0; i < slotScopeIds.length; i++) {
+                hostSetScopeId(el, slotScopeIds[i]);
+            }
         }
-    }
-    if (shared.isString(ref)) {
-        const doSet = () => {
-            {
-                refs[ref] = value;
+        if (parentComponent) {
+            let subTree = parentComponent.subTree;
+            if (subTree.patchFlag > 0 &&
+                subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
+                subTree =
+                    filterSingleRoot(subTree.children) || subTree;
             }
-            if (shared.hasOwn(setupState, ref)) {
-                setupState[ref] = value;
+            if (vnode === subTree) {
+                const parentVNode = parentComponent.vnode;
+                setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
             }
-        };
-        // #1789: for non-null values, set them after render
-        // null values means this is unmount and it should not overwrite another
-        // ref with the same key
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
         }
-        else {
-            doSet();
-        }
-    }
-    else if (isRef(ref)) {
-        const doSet = () => {
-            ref.value = value;
-        };
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
+    };
+    const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
+        for (let i = start; i < children.length; i++) {
+            const child = (children[i] = optimized
+                ? cloneIfMounted(children[i])
+                : normalizeVNode(children[i]));
+            patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
-        else {
-            doSet();
+    };
+    const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        const el = (n2.el = n1.el);
+        let { patchFlag, dynamicChildren, dirs } = n2;
+        // #1426 take the old vnode's patch flag into account since user may clone a
+        // compiler-generated vnode, which de-opts to FULL_PROPS
+        patchFlag |= n1.patchFlag & 16 /* FULL_PROPS */;
+        const oldProps = n1.props || shared.EMPTY_OBJ;
+        const newProps = n2.props || shared.EMPTY_OBJ;
+        let vnodeHook;
+        if ((vnodeHook = newProps.onVnodeBeforeUpdate)) {
+            invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
         }
-    }
-    else if (shared.isFunction(ref)) {
-        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
-    }
-    else {
-        warn('Invalid template ref type:', value, `(${typeof value})`);
-    }
-};
-/**
- * The createRenderer function accepts two generic arguments:
- * HostNode and HostElement, corresponding to Node and Element types in the
- * host environment. For example, for runtime-dom, HostNode would be the DOM
- * `Node` interface and HostElement would be the DOM `Element` interface.
- *
- * Custom renderers can pass in the platform specific types like this:
- *
- * ``` js
- * const { render, createApp } = createRenderer<Node, Element>({
- *   patchProp,
- *   ...nodeOps
- * })
- * ```
- */
-function createRenderer(options) {
-    return baseCreateRenderer(options);
-}
-// Separate API for creating hydration-enabled renderer.
-// Hydration logic is only used when calling this function, making it
-// tree-shakable.
-function createHydrationRenderer(options) {
-    return baseCreateRenderer(options, createHydrationFunctions);
-}
-// implementation
-function baseCreateRenderer(options, createHydrationFns) {
-    {
-        const target = shared.getGlobalThis();
-        target.__VUE__ = true;
-        setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
-    }
-    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = shared.NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
-    // Note: functions inside this closure should use `const xxx = () => {}`
-    // style in order to prevent being inlined by minifiers.
-    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
-        // patching & not same type, unmount old tree
-        if (n1 && !isSameVNodeType(n1, n2)) {
-            anchor = getNextHostNode(n1);
-            unmount(n1, parentComponent, parentSuspense, true);
-            n1 = null;
+        if (dirs) {
+            invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
         }
-        if (n2.patchFlag === -2 /* BAIL */) {
+        if (isHmrUpdating) {
+            // HMR updated, force full diff
+            patchFlag = 0;
             optimized = false;
-            n2.dynamicChildren = null;
+            dynamicChildren = null;
         }
-        const { type, ref, shapeFlag } = n2;
-        switch (type) {
-            case Text:
-                processText(n1, n2, container, anchor);
-                break;
-            case Comment$1:
-                processCommentNode(n1, n2, container, anchor);
-                break;
-            case Static:
-                if (n1 == null) {
-                    mountStaticNode(n2, container, anchor, isSVG);
-                }
-                else {
-                    patchStaticNode(n1, n2, container, isSVG);
+        if (patchFlag > 0) {
+            // the presence of a patchFlag means this element's render code was
+            // generated by the compiler and can take the fast path.
+            // in this path old node and new node are guaranteed to have the same shape
+            // (i.e. at the exact same position in the source template)
+            if (patchFlag & 16 /* FULL_PROPS */) {
+                // element props contain dynamic keys, full diff needed
+                patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+            }
+            else {
+                // class
+                // this flag is matched when the element has dynamic class bindings.
+                if (patchFlag & 2 /* CLASS */) {
+                    if (oldProps.class !== newProps.class) {
+                        hostPatchProp(el, 'class', null, newProps.class, isSVG);
+                    }
                 }
-                break;
-            case Fragment:
-                processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                break;
-            default:
-                if (shapeFlag & 1 /* ELEMENT */) {
-                    processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                // style
+                // this flag is matched when the element has dynamic style bindings
+                if (patchFlag & 4 /* STYLE */) {
+                    hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG);
                 }
-                else if (shapeFlag & 6 /* COMPONENT */) {
-                    processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                // props
+                // This flag is matched when the element has dynamic prop/attr bindings
+                // other than class and style. The keys of dynamic prop/attrs are saved for
+                // faster iteration.
+                // Note dynamic keys like :[foo]="bar" will cause this optimization to
+                // bail out and go through a full diff because we need to unset the old key
+                if (patchFlag & 8 /* PROPS */) {
+                    // if the flag is present then dynamicProps must be non-null
+                    const propsToUpdate = n2.dynamicProps;
+                    for (let i = 0; i < propsToUpdate.length; i++) {
+                        const key = propsToUpdate[i];
+                        const prev = oldProps[key];
+                        const next = newProps[key];
+                        // #1471 force patch value
+                        if (next !== prev ||
+                            key === 'value' ||
+                            (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                            hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
+                        }
+                    }
                 }
-                else if (shapeFlag & 64 /* TELEPORT */) {
-                    type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+            }
+            // text
+            // This flag is matched when the element has only dynamic text children.
+            if (patchFlag & 1 /* TEXT */) {
+                if (n1.children !== n2.children) {
+                    hostSetElementText(el, n2.children);
                 }
-                else if (shapeFlag & 128 /* SUSPENSE */) {
-                    type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+            }
+        }
+        else if (!optimized && dynamicChildren == null) {
+            // unoptimized, full diff
+            patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+        }
+        const areChildrenSVG = isSVG && n2.type !== 'foreignObject';
+        if (dynamicChildren) {
+            patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
+            if (parentComponent && parentComponent.type.__hmrId) {
+                traverseStaticChildren(n1, n2);
+            }
+        }
+        else if (!optimized) {
+            // full diff
+            patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
+        }
+        if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
+            queuePostRenderEffect(() => {
+                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+                dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated');
+            }, parentSuspense);
+        }
+    };
+    // The fast path for blocks.
+    const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
+        for (let i = 0; i < newChildren.length; i++) {
+            const oldVNode = oldChildren[i];
+            const newVNode = newChildren[i];
+            // Determine the container (parent element) for the patch.
+            const container = 
+            // oldVNode may be an errored async setup() component inside Suspense
+            // which will not have a mounted element
+            oldVNode.el &&
+                // - In the case of a Fragment, we need to provide the actual parent
+                // of the Fragment itself so it can move its children.
+                (oldVNode.type === Fragment ||
+                    // - In the case of different nodes, there is going to be a replacement
+                    // which also requires the correct parent container
+                    !isSameVNodeType(oldVNode, newVNode) ||
+                    // - In the case of a component, it could contain anything.
+                    oldVNode.shapeFlag & 6 /* COMPONENT */ ||
+                    oldVNode.shapeFlag & 64 /* TELEPORT */)
+                ? hostParentNode(oldVNode.el)
+                : // In other cases, the parent container is not actually used so we
+                    // just pass the block element here to avoid a DOM parentNode call.
+                    fallbackContainer;
+            patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
+        }
+    };
+    const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
+        if (oldProps !== newProps) {
+            for (const key in newProps) {
+                // empty string is not valid prop
+                if (shared.isReservedProp(key))
+                    continue;
+                const next = newProps[key];
+                const prev = oldProps[key];
+                // defer patching value
+                if ((next !== prev && key !== 'value') ||
+                    (hostForcePatchProp && hostForcePatchProp(el, key)) // fixed by xxxxx
+                ) {
+                    hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                 }
-                else {
-                    warn('Invalid VNode type:', type, `(${typeof type})`);
+            }
+            if (oldProps !== shared.EMPTY_OBJ) {
+                for (const key in oldProps) {
+                    if (!shared.isReservedProp(key) && !(key in newProps)) {
+                        hostPatchProp(el, key, oldProps[key], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+                    }
                 }
-        }
-        // set ref
-        if (ref != null && parentComponent) {
-            setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
+            }
+            if ('value' in newProps) {
+                hostPatchProp(el, 'value', oldProps.value, newProps.value);
+            }
         }
     };
-    const processText = (n1, n2, container, anchor) => {
-        if (n1 == null) {
-            hostInsert((n2.el = hostCreateText(n2.children)), container, anchor);
+    const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
+        const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
+        let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
+        if (isHmrUpdating) {
+            // HMR updated, force full diff
+            patchFlag = 0;
+            optimized = false;
+            dynamicChildren = null;
         }
-        else {
-            const el = (n2.el = n1.el);
-            if (n2.children !== n1.children) {
-                hostSetText(el, n2.children);
-            }
+        // check if this is a slot fragment with :slotted scope ids
+        if (fragmentSlotScopeIds) {
+            slotScopeIds = slotScopeIds
+                ? slotScopeIds.concat(fragmentSlotScopeIds)
+                : fragmentSlotScopeIds;
         }
-    };
-    const processCommentNode = (n1, n2, container, anchor) => {
         if (n1 == null) {
-            hostInsert((n2.el = hostCreateComment(n2.children || '')), container, anchor);
+            hostInsert(fragmentStartAnchor, container, anchor);
+            hostInsert(fragmentEndAnchor, container, anchor);
+            // a fragment can only have array children
+            // since they are either generated by the compiler, or implicitly created
+            // from arrays.
+            mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
         else {
-            // there's no support for dynamic comments
-            n2.el = n1.el;
+            if (patchFlag > 0 &&
+                patchFlag & 64 /* STABLE_FRAGMENT */ &&
+                dynamicChildren &&
+                // #2715 the previous fragment could've been a BAILed one as a result
+                // of renderSlot() with no valid children
+                n1.dynamicChildren) {
+                // a stable fragment (template root or <template v-for>) doesn't need to
+                // patch children order, but it may contain dynamicChildren.
+                patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
+                if (parentComponent && parentComponent.type.__hmrId) {
+                    traverseStaticChildren(n1, n2);
+                }
+                else if (
+                // #2080 if the stable fragment has a key, it's a <template v-for> that may
+                //  get moved around. Make sure all root level vnodes inherit el.
+                // #2134 or if it's a component root, it may also get moved around
+                // as the component is being moved.
+                n2.key != null ||
+                    (parentComponent && n2 === parentComponent.subTree)) {
+                    traverseStaticChildren(n1, n2, true /* shallow */);
+                }
+            }
+            else {
+                // keyed / unkeyed, or manual fragments.
+                // for keyed & unkeyed, since they are compiler generated from v-for,
+                // each child is guaranteed to be a block so the fragment will never
+                // have dynamicChildren.
+                patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            }
         }
     };
-    const mountStaticNode = (n2, container, anchor, isSVG) => {
-        // static nodes are only present when used with compiler-dom/runtime-dom
-        // which guarantees presence of hostInsertStaticContent.
-        const nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, 
-        // pass cached nodes if the static node is being mounted multiple times
-        // so that runtime-dom can simply cloneNode() instead of inserting new
-        // HTML
-        n2.staticCache);
-        // first mount - this is the orignal hoisted vnode. cache nodes.
-        if (!n2.el) {
-            n2.staticCache = nodes;
-        }
-        n2.el = nodes[0];
-        n2.anchor = nodes[nodes.length - 1];
-    };
-    /**
-     * Dev / HMR only
-     */
-    const patchStaticNode = (n1, n2, container, isSVG) => {
-        // static nodes are only patched during dev for HMR
-        if (n2.children !== n1.children) {
-            const anchor = hostNextSibling(n1.anchor);
-            // remove existing
-            removeStaticNode(n1);
-            [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
+    const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        n2.slotScopeIds = slotScopeIds;
+        if (n1 == null) {
+            if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) {
+                parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
+            }
+            else {
+                mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+            }
         }
         else {
-            n2.el = n1.el;
-            n2.anchor = n1.anchor;
-        }
-    };
-    const moveStaticNode = ({ el, anchor }, container, nextSibling) => {
-        let next;
-        while (el && el !== anchor) {
-            next = hostNextSibling(el);
-            hostInsert(el, container, nextSibling);
-            el = next;
+            updateComponent(n1, n2, optimized);
         }
-        hostInsert(anchor, container, nextSibling);
     };
-    const removeStaticNode = ({ el, anchor }) => {
-        let next;
-        while (el && el !== anchor) {
-            next = hostNextSibling(el);
-            hostRemove(el);
-            el = next;
+    const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+        const instance = (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense));
+        if (instance.type.__hmrId) {
+            registerHMR(instance);
         }
-        hostRemove(anchor);
-    };
-    const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        isSVG = isSVG || n2.type === 'svg';
-        if (n1 == null) {
-            mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        {
+            pushWarningContext(initialVNode);
+            startMeasure(instance, `mount`);
         }
-        else {
-            patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        // inject renderer internals for keepAlive
+        if (isKeepAlive(initialVNode)) {
+            instance.ctx.renderer = internals;
         }
-    };
-    const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        let el;
-        let vnodeHook;
-        const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode;
+        // resolve props and slots for setup context
         {
-            el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props);
-            // mount children first, since some props may rely on child content
-            // being already rendered, e.g. `<select value>`
-            if (shapeFlag & 8 /* TEXT_CHILDREN */) {
-                hostSetElementText(el, vnode.children);
-            }
-            else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+            {
+                startMeasure(instance, `init`);
             }
-            if (dirs) {
-                invokeDirectiveHook(vnode, null, parentComponent, 'created');
+            setupComponent(instance);
+            {
+                endMeasure(instance, `init`);
             }
-            // props
-            if (props) {
-                for (const key in props) {
-                    if (!shared.isReservedProp(key)) {
-                        hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
-                    }
-                }
-                if ((vnodeHook = props.onVnodeBeforeMount)) {
-                    invokeVNodeHook(vnodeHook, parentComponent, vnode);
-                }
+        }
+        // setup() is async. This component relies on async logic to be resolved
+        // before proceeding
+        if (instance.asyncDep) {
+            parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect);
+            // Give it a placeholder if this is not hydration
+            // TODO handle self-defined fallback
+            if (!initialVNode.el) {
+                const placeholder = (instance.subTree = createVNode(Comment$1));
+                processCommentNode(null, placeholder, container, anchor);
             }
-            // scopeId
-            setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
+            return;
         }
+        setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized);
         {
-            Object.defineProperty(el, '__vnode', {
-                value: vnode,
-                enumerable: false
-            });
-        }
-        // fixed by xxxxxx
-        Object.defineProperty(el, '__vueParentComponent', {
-            value: parentComponent,
-            enumerable: false
-        });
-        if (dirs) {
-            invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
-        }
-        // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved
-        // #1689 For inside suspense + suspense resolved case, just call it
-        const needCallTransitionHooks = (!parentSuspense || (parentSuspense && !parentSuspense.pendingBranch)) &&
-            transition &&
-            !transition.persisted;
-        if (needCallTransitionHooks) {
-            transition.beforeEnter(el);
-        }
-        hostInsert(el, container, anchor);
-        if ((vnodeHook = props && props.onVnodeMounted) ||
-            needCallTransitionHooks ||
-            dirs) {
-            queuePostRenderEffect(() => {
-                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-                needCallTransitionHooks && transition.enter(el);
-                dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
-            }, parentSuspense);
+            popWarningContext();
+            endMeasure(instance, `mount`);
         }
     };
-    const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
-        if (scopeId) {
-            hostSetScopeId(el, scopeId);
-        }
-        if (slotScopeIds) {
-            for (let i = 0; i < slotScopeIds.length; i++) {
-                hostSetScopeId(el, slotScopeIds[i]);
-            }
-        }
-        if (parentComponent) {
-            let subTree = parentComponent.subTree;
-            if (subTree.patchFlag > 0 &&
-                subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
-                subTree =
-                    filterSingleRoot(subTree.children) || subTree;
+    const updateComponent = (n1, n2, optimized) => {
+        const instance = (n2.component = n1.component);
+        if (shouldUpdateComponent(n1, n2, optimized)) {
+            if (instance.asyncDep &&
+                !instance.asyncResolved) {
+                // async & still pending - just update props and slots
+                // since the component's reactive effect for render isn't set-up yet
+                {
+                    pushWarningContext(n2);
+                }
+                updateComponentPreRender(instance, n2, optimized);
+                {
+                    popWarningContext();
+                }
+                return;
             }
-            if (vnode === subTree) {
-                const parentVNode = parentComponent.vnode;
-                setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
+            else {
+                // normal update
+                instance.next = n2;
+                // in case the child component is also queued, remove it to avoid
+                // double updating the same child component in the same flush.
+                invalidateJob(instance.update);
+                // instance.update is the reactive effect.
+                instance.update();
             }
         }
-    };
-    const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
-        for (let i = start; i < children.length; i++) {
-            const child = (children[i] = optimized
-                ? cloneIfMounted(children[i])
-                : normalizeVNode(children[i]));
-            patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        else {
+            // no update needed. just copy over properties
+            n2.component = n1.component;
+            n2.el = n1.el;
+            instance.vnode = n2;
         }
     };
-    const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        const el = (n2.el = n1.el);
-        let { patchFlag, dynamicChildren, dirs } = n2;
-        // #1426 take the old vnode's patch flag into account since user may clone a
-        // compiler-generated vnode, which de-opts to FULL_PROPS
-        patchFlag |= n1.patchFlag & 16 /* FULL_PROPS */;
-        const oldProps = n1.props || shared.EMPTY_OBJ;
-        const newProps = n2.props || shared.EMPTY_OBJ;
-        let vnodeHook;
-        if ((vnodeHook = newProps.onVnodeBeforeUpdate)) {
-            invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-        }
-        if (dirs) {
-            invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
-        }
-        if (isHmrUpdating) {
-            // HMR updated, force full diff
-            patchFlag = 0;
-            optimized = false;
-            dynamicChildren = null;
-        }
-        if (patchFlag > 0) {
-            // the presence of a patchFlag means this element's render code was
-            // generated by the compiler and can take the fast path.
-            // in this path old node and new node are guaranteed to have the same shape
-            // (i.e. at the exact same position in the source template)
-            if (patchFlag & 16 /* FULL_PROPS */) {
-                // element props contain dynamic keys, full diff needed
-                patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
-            }
-            else {
-                // class
-                // this flag is matched when the element has dynamic class bindings.
-                if (patchFlag & 2 /* CLASS */) {
-                    if (oldProps.class !== newProps.class) {
-                        hostPatchProp(el, 'class', null, newProps.class, isSVG);
-                    }
+    const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
+        const componentUpdateFn = () => {
+            if (!instance.isMounted) {
+                let vnodeHook;
+                const { el, props } = initialVNode;
+                const { bm, m, parent } = instance;
+                effect.allowRecurse = false;
+                // beforeMount hook
+                if (bm) {
+                    shared.invokeArrayFns(bm);
                 }
-                // style
-                // this flag is matched when the element has dynamic style bindings
-                if (patchFlag & 4 /* STYLE */) {
-                    hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG);
+                // onVnodeBeforeMount
+                if ((vnodeHook = props && props.onVnodeBeforeMount)) {
+                    invokeVNodeHook(vnodeHook, parent, initialVNode);
                 }
-                // props
-                // This flag is matched when the element has dynamic prop/attr bindings
-                // other than class and style. The keys of dynamic prop/attrs are saved for
-                // faster iteration.
-                // Note dynamic keys like :[foo]="bar" will cause this optimization to
-                // bail out and go through a full diff because we need to unset the old key
-                if (patchFlag & 8 /* PROPS */) {
-                    // if the flag is present then dynamicProps must be non-null
-                    const propsToUpdate = n2.dynamicProps;
-                    for (let i = 0; i < propsToUpdate.length; i++) {
-                        const key = propsToUpdate[i];
-                        const prev = oldProps[key];
-                        const next = newProps[key];
-                        if (next !== prev ||
-                            (hostForcePatchProp && hostForcePatchProp(el, key))) {
-                            hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
+                effect.allowRecurse = true;
+                if (el && hydrateNode) {
+                    // vnode has adopted host node - perform hydration instead of mount.
+                    const hydrateSubTree = () => {
+                        {
+                            startMeasure(instance, `render`);
+                        }
+                        instance.subTree = renderComponentRoot(instance);
+                        {
+                            endMeasure(instance, `render`);
+                        }
+                        {
+                            startMeasure(instance, `hydrate`);
+                        }
+                        hydrateNode(el, instance.subTree, instance, parentSuspense, null);
+                        {
+                            endMeasure(instance, `hydrate`);
                         }
+                    };
+                    if (isAsyncWrapper(initialVNode)) {
+                        initialVNode.type.__asyncLoader().then(
+                        // note: we are moving the render call into an async callback,
+                        // which means it won't track dependencies - but it's ok because
+                        // a server-rendered async wrapper is already in resolved state
+                        // and it will never need to change.
+                        () => !instance.isUnmounted && hydrateSubTree());
+                    }
+                    else {
+                        hydrateSubTree();
                     }
                 }
-            }
-            // text
-            // This flag is matched when the element has only dynamic text children.
-            if (patchFlag & 1 /* TEXT */) {
-                if (n1.children !== n2.children) {
-                    hostSetElementText(el, n2.children);
+                else {
+                    {
+                        startMeasure(instance, `render`);
+                    }
+                    const subTree = (instance.subTree = renderComponentRoot(instance));
+                    {
+                        endMeasure(instance, `render`);
+                    }
+                    {
+                        startMeasure(instance, `patch`);
+                    }
+                    patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
+                    {
+                        endMeasure(instance, `patch`);
+                    }
+                    initialVNode.el = subTree.el;
                 }
+                // mounted hook
+                if (m) {
+                    queuePostRenderEffect(m, parentSuspense);
+                }
+                // onVnodeMounted
+                if ((vnodeHook = props && props.onVnodeMounted)) {
+                    const scopedInitialVNode = initialVNode;
+                    queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
+                }
+                // activated hook for keep-alive roots.
+                // #1742 beforeActivate/activated hook must be accessed after first render
+                // since the hook may be injected by a child keep-alive
+                const { ba, a } = instance;
+                if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
+                    ba && invokeKeepAliveHooks(ba);
+                    a && queuePostRenderEffect(a, parentSuspense);
+                    // reset hook state
+                    ba && queuePostRenderEffect(() => resetHookState(ba), parentSuspense);
+                }
+                instance.isMounted = true;
+                {
+                    devtoolsComponentAdded(instance);
+                }
+                // #2458: deference mount-only object parameters to prevent memleaks
+                initialVNode = container = anchor = null;
             }
-        }
-        else if (!optimized && dynamicChildren == null) {
-            // unoptimized, full diff
-            patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
-        }
-        const areChildrenSVG = isSVG && n2.type !== 'foreignObject';
-        if (dynamicChildren) {
-            patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
-            if (parentComponent && parentComponent.type.__hmrId) {
-                traverseStaticChildren(n1, n2);
-            }
-        }
-        else if (!optimized) {
-            // full diff
-            patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
-        }
-        if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
-            queuePostRenderEffect(() => {
-                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-                dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated');
-            }, parentSuspense);
-        }
-    };
-    // The fast path for blocks.
-    const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
-        for (let i = 0; i < newChildren.length; i++) {
-            const oldVNode = oldChildren[i];
-            const newVNode = newChildren[i];
-            // Determine the container (parent element) for the patch.
-            const container = 
-            // oldVNode may be an errored async setup() component inside Suspense
-            // which will not have a mounted element
-            oldVNode.el &&
-                // - In the case of a Fragment, we need to provide the actual parent
-                // of the Fragment itself so it can move its children.
-                (oldVNode.type === Fragment ||
-                    // - In the case of different nodes, there is going to be a replacement
-                    // which also requires the correct parent container
-                    !isSameVNodeType(oldVNode, newVNode) ||
-                    // - In the case of a component, it could contain anything.
-                    oldVNode.shapeFlag & 6 /* COMPONENT */ ||
-                    oldVNode.shapeFlag & 64 /* TELEPORT */)
-                ? hostParentNode(oldVNode.el)
-                : // In other cases, the parent container is not actually used so we
-                    // just pass the block element here to avoid a DOM parentNode call.
-                    fallbackContainer;
-            patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
-        }
-    };
-    const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
-        if (oldProps !== newProps) {
-            for (const key in newProps) {
-                // empty string is not valid prop
-                if (shared.isReservedProp(key))
-                    continue;
-                const next = newProps[key];
-                const prev = oldProps[key];
-                if (next !== prev ||
-                    (hostForcePatchProp && hostForcePatchProp(el, key))) {
-                    hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+            else {
+                // updateComponent
+                // This is triggered by mutation of component's own state (next: null)
+                // OR parent calling processComponent (next: VNode)
+                let { next, bu, u, parent, vnode } = instance;
+                let originNext = next;
+                let vnodeHook;
+                {
+                    pushWarningContext(next || instance.vnode);
+                }
+                if (next) {
+                    next.el = vnode.el;
+                    updateComponentPreRender(instance, next, optimized);
+                }
+                else {
+                    next = vnode;
+                }
+                // Disallow component effect recursion during pre-lifecycle hooks.
+                effect.allowRecurse = false;
+                // beforeUpdate hook
+                if (bu) {
+                    shared.invokeArrayFns(bu);
+                }
+                // onVnodeBeforeUpdate
+                if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
+                    invokeVNodeHook(vnodeHook, parent, next, vnode);
+                }
+                effect.allowRecurse = true;
+                // render
+                {
+                    startMeasure(instance, `render`);
+                }
+                const nextTree = renderComponentRoot(instance);
+                {
+                    endMeasure(instance, `render`);
                 }
-            }
-            if (oldProps !== shared.EMPTY_OBJ) {
-                for (const key in oldProps) {
-                    if (!shared.isReservedProp(key) && !(key in newProps)) {
-                        hostPatchProp(el, key, oldProps[key], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
-                    }
+                const prevTree = instance.subTree;
+                instance.subTree = nextTree;
+                {
+                    startMeasure(instance, `patch`);
+                }
+                patch(prevTree, nextTree, 
+                // parent may have changed if it's in a teleport
+                hostParentNode(prevTree.el), 
+                // anchor may have changed if it's in a fragment
+                getNextHostNode(prevTree), instance, parentSuspense, isSVG);
+                {
+                    endMeasure(instance, `patch`);
+                }
+                next.el = nextTree.el;
+                if (originNext === null) {
+                    // self-triggered update. In case of HOC, update parent component
+                    // vnode el. HOC is indicated by parent instance's subTree pointing
+                    // to child component's vnode
+                    updateHOCHostEl(instance, nextTree.el);
+                }
+                // updated hook
+                if (u) {
+                    queuePostRenderEffect(u, parentSuspense);
+                }
+                // onVnodeUpdated
+                if ((vnodeHook = next.props && next.props.onVnodeUpdated)) {
+                    queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense);
+                }
+                {
+                    devtoolsComponentUpdated(instance);
+                }
+                {
+                    popWarningContext();
                 }
             }
-        }
+        };
+        // create reactive effect for rendering
+        const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+        );
+        const update = (instance.update = effect.run.bind(effect));
+        update.id = instance.uid;
+        // allowRecurse
+        // #1801, #2043 component render effects should allow recursive updates
+        effect.allowRecurse = update.allowRecurse = true;
+        {
+            effect.onTrack = instance.rtc
+                ? e => shared.invokeArrayFns(instance.rtc, e)
+                : void 0;
+            effect.onTrigger = instance.rtg
+                ? e => shared.invokeArrayFns(instance.rtg, e)
+                : void 0;
+            // @ts-ignore (for scheduler)
+            update.ownerInstance = instance;
+        }
+        update();
     };
-    const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
-        const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
-        let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-        if (dynamicChildren) {
-            optimized = true;
-        }
-        // check if this is a slot fragment with :slotted scope ids
-        if (fragmentSlotScopeIds) {
-            slotScopeIds = slotScopeIds
-                ? slotScopeIds.concat(fragmentSlotScopeIds)
-                : fragmentSlotScopeIds;
-        }
-        if (isHmrUpdating) {
-            // HMR updated, force full diff
-            patchFlag = 0;
-            optimized = false;
-            dynamicChildren = null;
+    const updateComponentPreRender = (instance, nextVNode, optimized) => {
+        nextVNode.component = instance;
+        const prevProps = instance.vnode.props;
+        instance.vnode = nextVNode;
+        instance.next = null;
+        updateProps(instance, nextVNode.props, prevProps, optimized);
+        updateSlots(instance, nextVNode.children, optimized);
+        pauseTracking();
+        // props update may have triggered pre-flush watchers.
+        // flush them before the render update.
+        flushPreFlushCbs(undefined, instance.update);
+        resetTracking();
+    };
+    const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
+        const c1 = n1 && n1.children;
+        const prevShapeFlag = n1 ? n1.shapeFlag : 0;
+        const c2 = n2.children;
+        const { patchFlag, shapeFlag } = n2;
+        // fast path
+        if (patchFlag > 0) {
+            if (patchFlag & 128 /* KEYED_FRAGMENT */) {
+                // this could be either fully-keyed or mixed (some keyed some not)
+                // presence of patchFlag means children are guaranteed to be arrays
+                patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                return;
+            }
+            else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) {
+                // unkeyed
+                patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                return;
+            }
         }
-        if (n1 == null) {
-            hostInsert(fragmentStartAnchor, container, anchor);
-            hostInsert(fragmentEndAnchor, container, anchor);
-            // a fragment can only have array children
-            // since they are either generated by the compiler, or implicitly created
-            // from arrays.
-            mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        // children has 3 possibilities: text, array or no children.
+        if (shapeFlag & 8 /* TEXT_CHILDREN */) {
+            // text children fast path
+            if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) {
+                unmountChildren(c1, parentComponent, parentSuspense);
+            }
+            if (c2 !== c1) {
+                hostSetElementText(container, c2);
+            }
         }
         else {
-            if (patchFlag > 0 &&
-                patchFlag & 64 /* STABLE_FRAGMENT */ &&
-                dynamicChildren &&
-                // #2715 the previous fragment could've been a BAILed one as a result
-                // of renderSlot() with no valid children
-                n1.dynamicChildren) {
-                // a stable fragment (template root or <template v-for>) doesn't need to
-                // patch children order, but it may contain dynamicChildren.
-                patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
-                if (parentComponent && parentComponent.type.__hmrId) {
-                    traverseStaticChildren(n1, n2);
+            if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) {
+                // prev children was array
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    // two arrays, cannot assume anything, do full diff
+                    patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                 }
-                else if (
-                // #2080 if the stable fragment has a key, it's a <template v-for> that may
-                //  get moved around. Make sure all root level vnodes inherit el.
-                // #2134 or if it's a component root, it may also get moved around
-                // as the component is being moved.
-                n2.key != null ||
-                    (parentComponent && n2 === parentComponent.subTree)) {
-                    traverseStaticChildren(n1, n2, true /* shallow */);
+                else {
+                    // no new children, just unmount old
+                    unmountChildren(c1, parentComponent, parentSuspense, true);
                 }
             }
             else {
-                // keyed / unkeyed, or manual fragments.
-                // for keyed & unkeyed, since they are compiler generated from v-for,
-                // each child is guaranteed to be a block so the fragment will never
-                // have dynamicChildren.
-                patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                // prev children was text OR null
+                // new children is array OR null
+                if (prevShapeFlag & 8 /* TEXT_CHILDREN */) {
+                    hostSetElementText(container, '');
+                }
+                // mount new if array
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
             }
         }
     };
-    const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        n2.slotScopeIds = slotScopeIds;
-        if (n1 == null) {
-            if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) {
-                parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
-            }
-            else {
-                mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
-            }
+    const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        c1 = c1 || shared.EMPTY_ARR;
+        c2 = c2 || shared.EMPTY_ARR;
+        const oldLength = c1.length;
+        const newLength = c2.length;
+        const commonLength = Math.min(oldLength, newLength);
+        let i;
+        for (i = 0; i < commonLength; i++) {
+            const nextChild = (c2[i] = optimized
+                ? cloneIfMounted(c2[i])
+                : normalizeVNode(c2[i]));
+            patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        }
+        if (oldLength > newLength) {
+            // remove old
+            unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
         }
         else {
-            updateComponent(n1, n2, optimized);
+            // mount new
+            mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
         }
     };
-    const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
-        const instance = (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense));
-        if (instance.type.__hmrId) {
-            registerHMR(instance);
-        }
-        {
-            pushWarningContext(initialVNode);
-            startMeasure(instance, `mount`);
-        }
-        // inject renderer internals for keepAlive
-        if (isKeepAlive(initialVNode)) {
-            instance.ctx.renderer = internals;
-        }
-        // resolve props and slots for setup context
-        {
-            {
-                startMeasure(instance, `init`);
-            }
-            setupComponent(instance);
-            {
-                endMeasure(instance, `init`);
+    // can be all-keyed or mixed
+    const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        let i = 0;
+        const l2 = c2.length;
+        let e1 = c1.length - 1; // prev ending index
+        let e2 = l2 - 1; // next ending index
+        // 1. sync from start
+        // (a b) c
+        // (a b) d e
+        while (i <= e1 && i <= e2) {
+            const n1 = c1[i];
+            const n2 = (c2[i] = optimized
+                ? cloneIfMounted(c2[i])
+                : normalizeVNode(c2[i]));
+            if (isSameVNodeType(n1, n2)) {
+                patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
             }
-        }
-        // setup() is async. This component relies on async logic to be resolved
-        // before proceeding
-        if (instance.asyncDep) {
-            parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect);
-            // Give it a placeholder if this is not hydration
-            // TODO handle self-defined fallback
-            if (!initialVNode.el) {
-                const placeholder = (instance.subTree = createVNode(Comment$1));
-                processCommentNode(null, placeholder, container, anchor);
+            else {
+                break;
             }
-            return;
-        }
-        setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized);
-        {
-            popWarningContext();
-            endMeasure(instance, `mount`);
+            i++;
         }
-    };
-    const updateComponent = (n1, n2, optimized) => {
-        const instance = (n2.component = n1.component);
-        if (shouldUpdateComponent(n1, n2, optimized)) {
-            if (instance.asyncDep &&
-                !instance.asyncResolved) {
-                // async & still pending - just update props and slots
-                // since the component's reactive effect for render isn't set-up yet
-                {
-                    pushWarningContext(n2);
-                }
-                updateComponentPreRender(instance, n2, optimized);
-                {
-                    popWarningContext();
-                }
-                return;
+        // 2. sync from end
+        // a (b c)
+        // d e (b c)
+        while (i <= e1 && i <= e2) {
+            const n1 = c1[e1];
+            const n2 = (c2[e2] = optimized
+                ? cloneIfMounted(c2[e2])
+                : normalizeVNode(c2[e2]));
+            if (isSameVNodeType(n1, n2)) {
+                patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
             }
             else {
-                // normal update
-                instance.next = n2;
-                // in case the child component is also queued, remove it to avoid
-                // double updating the same child component in the same flush.
-                invalidateJob(instance.update);
-                // instance.update is the reactive effect runner.
-                instance.update();
+                break;
             }
+            e1--;
+            e2--;
         }
-        else {
-            // no update needed. just copy over properties
-            n2.component = n1.component;
-            n2.el = n1.el;
-            instance.vnode = n2;
+        // 3. common sequence + mount
+        // (a b)
+        // (a b) c
+        // i = 2, e1 = 1, e2 = 2
+        // (a b)
+        // c (a b)
+        // i = 0, e1 = -1, e2 = 0
+        if (i > e1) {
+            if (i <= e2) {
+                const nextPos = e2 + 1;
+                const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
+                while (i <= e2) {
+                    patch(null, (c2[i] = optimized
+                        ? cloneIfMounted(c2[i])
+                        : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                    i++;
+                }
+            }
         }
-    };
-    const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-        // create reactive effect for rendering
-        instance.update = effect(function componentEffect() {
-            if (!instance.isMounted) {
-                let vnodeHook;
-                const { el, props } = initialVNode;
-                const { bm, m, parent } = instance;
-                // beforeMount hook
-                if (bm) {
-                    shared.invokeArrayFns(bm);
+        // 4. common sequence + unmount
+        // (a b) c
+        // (a b)
+        // i = 2, e1 = 2, e2 = 1
+        // a (b c)
+        // (b c)
+        // i = 0, e1 = 0, e2 = -1
+        else if (i > e2) {
+            while (i <= e1) {
+                unmount(c1[i], parentComponent, parentSuspense, true);
+                i++;
+            }
+        }
+        // 5. unknown sequence
+        // [i ... e1 + 1]: a b [c d e] f g
+        // [i ... e2 + 1]: a b [e d c h] f g
+        // i = 2, e1 = 4, e2 = 5
+        else {
+            const s1 = i; // prev starting index
+            const s2 = i; // next starting index
+            // 5.1 build key:index map for newChildren
+            const keyToNewIndexMap = new Map();
+            for (i = s2; i <= e2; i++) {
+                const nextChild = (c2[i] = optimized
+                    ? cloneIfMounted(c2[i])
+                    : normalizeVNode(c2[i]));
+                if (nextChild.key != null) {
+                    if (keyToNewIndexMap.has(nextChild.key)) {
+                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                    }
+                    keyToNewIndexMap.set(nextChild.key, i);
                 }
-                // onVnodeBeforeMount
-                if ((vnodeHook = props && props.onVnodeBeforeMount)) {
-                    invokeVNodeHook(vnodeHook, parent, initialVNode);
+            }
+            // 5.2 loop through old children left to be patched and try to patch
+            // matching nodes & remove nodes that are no longer present
+            let j;
+            let patched = 0;
+            const toBePatched = e2 - s2 + 1;
+            let moved = false;
+            // used to track whether any node has moved
+            let maxNewIndexSoFar = 0;
+            // works as Map<newIndex, oldIndex>
+            // Note that oldIndex is offset by +1
+            // and oldIndex = 0 is a special value indicating the new node has
+            // no corresponding old node.
+            // used for determining longest stable subsequence
+            const newIndexToOldIndexMap = new Array(toBePatched);
+            for (i = 0; i < toBePatched; i++)
+                newIndexToOldIndexMap[i] = 0;
+            for (i = s1; i <= e1; i++) {
+                const prevChild = c1[i];
+                if (patched >= toBePatched) {
+                    // all new children have been patched so this can only be a removal
+                    unmount(prevChild, parentComponent, parentSuspense, true);
+                    continue;
                 }
-                if (el && hydrateNode) {
-                    // vnode has adopted host node - perform hydration instead of mount.
-                    const hydrateSubTree = () => {
-                        {
-                            startMeasure(instance, `render`);
-                        }
-                        instance.subTree = renderComponentRoot(instance);
-                        {
-                            endMeasure(instance, `render`);
-                        }
-                        {
-                            startMeasure(instance, `hydrate`);
-                        }
-                        hydrateNode(el, instance.subTree, instance, parentSuspense, null);
-                        {
-                            endMeasure(instance, `hydrate`);
+                let newIndex;
+                if (prevChild.key != null) {
+                    newIndex = keyToNewIndexMap.get(prevChild.key);
+                }
+                else {
+                    // key-less node, try to locate a key-less node of the same type
+                    for (j = s2; j <= e2; j++) {
+                        if (newIndexToOldIndexMap[j - s2] === 0 &&
+                            isSameVNodeType(prevChild, c2[j])) {
+                            newIndex = j;
+                            break;
                         }
-                    };
-                    if (isAsyncWrapper(initialVNode)) {
-                        initialVNode.type.__asyncLoader().then(
-                        // note: we are moving the render call into an async callback,
-                        // which means it won't track dependencies - but it's ok because
-                        // a server-rendered async wrapper is already in resolved state
-                        // and it will never need to change.
-                        () => !instance.isUnmounted && hydrateSubTree());
-                    }
-                    else {
-                        hydrateSubTree();
                     }
                 }
+                if (newIndex === undefined) {
+                    unmount(prevChild, parentComponent, parentSuspense, true);
+                }
                 else {
-                    {
-                        startMeasure(instance, `render`);
-                    }
-                    const subTree = (instance.subTree = renderComponentRoot(instance));
-                    {
-                        endMeasure(instance, `render`);
-                    }
-                    {
-                        startMeasure(instance, `patch`);
+                    newIndexToOldIndexMap[newIndex - s2] = i + 1;
+                    if (newIndex >= maxNewIndexSoFar) {
+                        maxNewIndexSoFar = newIndex;
                     }
-                    patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
-                    {
-                        endMeasure(instance, `patch`);
+                    else {
+                        moved = true;
                     }
-                    initialVNode.el = subTree.el;
-                }
-                // mounted hook
-                if (m) {
-                    queuePostRenderEffect(m, parentSuspense);
-                }
-                // onVnodeMounted
-                if ((vnodeHook = props && props.onVnodeMounted)) {
-                    const scopedInitialVNode = initialVNode;
-                    queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
-                }
-                // activated hook for keep-alive roots.
-                // #1742 beforeActivate/activated hook must be accessed after first render
-                // since the hook may be injected by a child keep-alive
-                const { ba, a } = instance;
-                if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
-                    ba && invokeKeepAliveHooks(ba);
-                    a && queuePostRenderEffect(a, parentSuspense);
-                    // reset hook state
-                    ba && queuePostRenderEffect(() => resetHookState(ba), parentSuspense);
-                }
-                instance.isMounted = true;
-                {
-                    devtoolsComponentAdded(instance);
+                    patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                    patched++;
                 }
-                // #2458: deference mount-only object parameters to prevent memleaks
-                initialVNode = container = anchor = null;
             }
-            else {
-                // updateComponent
-                // This is triggered by mutation of component's own state (next: null)
-                // OR parent calling processComponent (next: VNode)
-                let { next, bu, u, parent, vnode } = instance;
-                let originNext = next;
-                let vnodeHook;
-                {
-                    pushWarningContext(next || instance.vnode);
-                }
-                if (next) {
-                    next.el = vnode.el;
-                    updateComponentPreRender(instance, next, optimized);
-                }
-                else {
-                    next = vnode;
-                }
-                // beforeUpdate hook
-                if (bu) {
-                    shared.invokeArrayFns(bu);
-                }
-                // onVnodeBeforeUpdate
-                if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
-                    invokeVNodeHook(vnodeHook, parent, next, vnode);
-                }
-                // render
-                {
-                    startMeasure(instance, `render`);
-                }
-                const nextTree = renderComponentRoot(instance);
-                {
-                    endMeasure(instance, `render`);
-                }
-                const prevTree = instance.subTree;
-                instance.subTree = nextTree;
-                {
-                    startMeasure(instance, `patch`);
-                }
-                patch(prevTree, nextTree, 
-                // parent may have changed if it's in a teleport
-                hostParentNode(prevTree.el), 
-                // anchor may have changed if it's in a fragment
-                getNextHostNode(prevTree), instance, parentSuspense, isSVG);
-                {
-                    endMeasure(instance, `patch`);
-                }
-                next.el = nextTree.el;
-                if (originNext === null) {
-                    // self-triggered update. In case of HOC, update parent component
-                    // vnode el. HOC is indicated by parent instance's subTree pointing
-                    // to child component's vnode
-                    updateHOCHostEl(instance, nextTree.el);
-                }
-                // updated hook
-                if (u) {
-                    queuePostRenderEffect(u, parentSuspense);
+            // 5.3 move and mount
+            // generate longest stable subsequence only when nodes have moved
+            const increasingNewIndexSequence = moved
+                ? getSequence(newIndexToOldIndexMap)
+                : shared.EMPTY_ARR;
+            j = increasingNewIndexSequence.length - 1;
+            // looping backwards so that we can use last patched node as anchor
+            for (i = toBePatched - 1; i >= 0; i--) {
+                const nextIndex = s2 + i;
+                const nextChild = c2[nextIndex];
+                const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
+                if (newIndexToOldIndexMap[i] === 0) {
+                    // mount new
+                    patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                 }
-                // onVnodeUpdated
-                if ((vnodeHook = next.props && next.props.onVnodeUpdated)) {
-                    queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense);
+                else if (moved) {
+                    // move if:
+                    // There is no stable subsequence (e.g. a reverse)
+                    // OR current node is not among the stable sequence
+                    if (j < 0 || i !== increasingNewIndexSequence[j]) {
+                        move(nextChild, container, anchor, 2 /* REORDER */);
+                    }
+                    else {
+                        j--;
+                    }
                 }
-                {
-                    devtoolsComponentUpdated(instance);
+            }
+        }
+    };
+    const move = (vnode, container, anchor, moveType, parentSuspense = null) => {
+        const { el, type, transition, children, shapeFlag } = vnode;
+        if (shapeFlag & 6 /* COMPONENT */) {
+            move(vnode.component.subTree, container, anchor, moveType);
+            return;
+        }
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            vnode.suspense.move(container, anchor, moveType);
+            return;
+        }
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type.move(vnode, container, anchor, internals);
+            return;
+        }
+        if (type === Fragment) {
+            hostInsert(el, container, anchor);
+            for (let i = 0; i < children.length; i++) {
+                move(children[i], container, anchor, moveType);
+            }
+            hostInsert(vnode.anchor, container, anchor);
+            return;
+        }
+        if (type === Static) {
+            moveStaticNode(vnode, container, anchor);
+            return;
+        }
+        // single nodes
+        const needTransition = moveType !== 2 /* REORDER */ &&
+            shapeFlag & 1 /* ELEMENT */ &&
+            transition;
+        if (needTransition) {
+            if (moveType === 0 /* ENTER */) {
+                transition.beforeEnter(el);
+                hostInsert(el, container, anchor);
+                queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+            }
+            else {
+                const { leave, delayLeave, afterLeave } = transition;
+                const remove = () => hostInsert(el, container, anchor);
+                const performLeave = () => {
+                    leave(el, () => {
+                        remove();
+                        afterLeave && afterLeave();
+                    });
+                };
+                if (delayLeave) {
+                    delayLeave(el, remove, performLeave);
                 }
-                {
-                    popWarningContext();
+                else {
+                    performLeave();
                 }
             }
-        }, createDevEffectOptions(instance) );
-        {
-            // @ts-ignore
-            instance.update.ownerInstance = instance;
+        }
+        else {
+            hostInsert(el, container, anchor);
         }
     };
-    const updateComponentPreRender = (instance, nextVNode, optimized) => {
-        nextVNode.component = instance;
-        const prevProps = instance.vnode.props;
-        instance.vnode = nextVNode;
-        instance.next = null;
-        updateProps(instance, nextVNode.props, prevProps, optimized);
-        updateSlots(instance, nextVNode.children, optimized);
-        pauseTracking();
-        // props update may have triggered pre-flush watchers.
-        // flush them before the render update.
-        flushPreFlushCbs(undefined, instance.update);
-        resetTracking();
-    };
-    const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
-        const c1 = n1 && n1.children;
-        const prevShapeFlag = n1 ? n1.shapeFlag : 0;
-        const c2 = n2.children;
-        const { patchFlag, shapeFlag } = n2;
-        // fast path
-        if (patchFlag > 0) {
-            if (patchFlag & 128 /* KEYED_FRAGMENT */) {
-                // this could be either fully-keyed or mixed (some keyed some not)
-                // presence of patchFlag means children are guaranteed to be arrays
-                patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
+        const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
+        // unset ref
+        if (ref != null) {
+            setRef(ref, null, parentSuspense, vnode, true);
+        }
+        if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
+            parentComponent.ctx.deactivate(vnode);
+            return;
+        }
+        const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
+        let vnodeHook;
+        if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
+            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+        }
+        if (shapeFlag & 6 /* COMPONENT */) {
+            unmountComponent(vnode.component, parentSuspense, doRemove);
+        }
+        else {
+            if (shapeFlag & 128 /* SUSPENSE */) {
+                vnode.suspense.unmount(parentSuspense, doRemove);
                 return;
             }
-            else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) {
-                // unkeyed
-                patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                return;
+            if (shouldInvokeDirs) {
+                invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
             }
-        }
-        // children has 3 possibilities: text, array or no children.
-        if (shapeFlag & 8 /* TEXT_CHILDREN */) {
-            // text children fast path
-            if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) {
-                unmountChildren(c1, parentComponent, parentSuspense);
+            if (shapeFlag & 64 /* TELEPORT */) {
+                vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
             }
-            if (c2 !== c1) {
-                hostSetElementText(container, c2);
+            else if (dynamicChildren &&
+                // #1153: fast path should not be taken for non-stable (v-for) fragments
+                (type !== Fragment ||
+                    (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
+                // fast path for block nodes: only need to unmount dynamic children.
+                unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+            }
+            else if ((type === Fragment &&
+                (patchFlag & 128 /* KEYED_FRAGMENT */ ||
+                    patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
+                (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
+                unmountChildren(children, parentComponent, parentSuspense);
+            }
+            if (doRemove) {
+                remove(vnode);
             }
         }
-        else {
-            if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) {
-                // prev children was array
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    // two arrays, cannot assume anything, do full diff
-                    patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                }
-                else {
-                    // no new children, just unmount old
-                    unmountChildren(c1, parentComponent, parentSuspense, true);
-                }
+        if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
+            queuePostRenderEffect(() => {
+                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                shouldInvokeDirs &&
+                    invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
+            }, parentSuspense);
+        }
+    };
+    const remove = vnode => {
+        const { type, el, anchor, transition } = vnode;
+        if (type === Fragment) {
+            removeFragment(el, anchor);
+            return;
+        }
+        if (type === Static) {
+            removeStaticNode(vnode);
+            return;
+        }
+        const performRemove = () => {
+            hostRemove(el);
+            if (transition && !transition.persisted && transition.afterLeave) {
+                transition.afterLeave();
+            }
+        };
+        if (vnode.shapeFlag & 1 /* ELEMENT */ &&
+            transition &&
+            !transition.persisted) {
+            const { leave, delayLeave } = transition;
+            const performLeave = () => leave(el, performRemove);
+            if (delayLeave) {
+                delayLeave(vnode.el, performRemove, performLeave);
             }
             else {
-                // prev children was text OR null
-                // new children is array OR null
-                if (prevShapeFlag & 8 /* TEXT_CHILDREN */) {
-                    hostSetElementText(container, '');
-                }
-                // mount new if array
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                }
+                performLeave();
+            }
+        }
+        else {
+            performRemove();
+        }
+    };
+    const removeFragment = (cur, end) => {
+        // For fragments, directly remove all contained DOM nodes.
+        // (fragment child nodes cannot have transition)
+        let next;
+        while (cur !== end) {
+            next = hostNextSibling(cur);
+            hostRemove(cur);
+            cur = next;
+        }
+        hostRemove(end);
+    };
+    const unmountComponent = (instance, parentSuspense, doRemove) => {
+        if (instance.type.__hmrId) {
+            unregisterHMR(instance);
+        }
+        const { bum, scope, update, subTree, um } = instance;
+        // beforeUnmount hook
+        if (bum) {
+            shared.invokeArrayFns(bum);
+        }
+        // stop effects in component scope
+        scope.stop();
+        // update may be null if a component is unmounted before its async
+        // setup has resolved.
+        if (update) {
+            // so that scheduler will no longer invoke it
+            update.active = false;
+            unmount(subTree, instance, parentSuspense, doRemove);
+        }
+        // unmounted hook
+        if (um) {
+            queuePostRenderEffect(um, parentSuspense);
+        }
+        queuePostRenderEffect(() => {
+            instance.isUnmounted = true;
+        }, parentSuspense);
+        // A component with async dep inside a pending suspense is unmounted before
+        // its async dep resolves. This should remove the dep from the suspense, and
+        // cause the suspense to resolve immediately if that was the last dep.
+        if (parentSuspense &&
+            parentSuspense.pendingBranch &&
+            !parentSuspense.isUnmounted &&
+            instance.asyncDep &&
+            !instance.asyncResolved &&
+            instance.suspenseId === parentSuspense.pendingId) {
+            parentSuspense.deps--;
+            if (parentSuspense.deps === 0) {
+                parentSuspense.resolve();
             }
         }
+        {
+            devtoolsComponentRemoved(instance);
+        }
     };
-    const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        c1 = c1 || shared.EMPTY_ARR;
-        c2 = c2 || shared.EMPTY_ARR;
-        const oldLength = c1.length;
-        const newLength = c2.length;
-        const commonLength = Math.min(oldLength, newLength);
-        let i;
-        for (i = 0; i < commonLength; i++) {
-            const nextChild = (c2[i] = optimized
-                ? cloneIfMounted(c2[i])
-                : normalizeVNode(c2[i]));
-            patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
+        for (let i = start; i < children.length; i++) {
+            unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
         }
-        if (oldLength > newLength) {
-            // remove old
-            unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
+    };
+    const getNextHostNode = vnode => {
+        if (vnode.shapeFlag & 6 /* COMPONENT */) {
+            return getNextHostNode(vnode.component.subTree);
         }
-        else {
-            // mount new
-            mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
+        if (vnode.shapeFlag & 128 /* SUSPENSE */) {
+            return vnode.suspense.next();
         }
+        return hostNextSibling((vnode.anchor || vnode.el));
     };
-    // can be all-keyed or mixed
-    const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        let i = 0;
-        const l2 = c2.length;
-        let e1 = c1.length - 1; // prev ending index
-        let e2 = l2 - 1; // next ending index
-        // 1. sync from start
-        // (a b) c
-        // (a b) d e
-        while (i <= e1 && i <= e2) {
-            const n1 = c1[i];
-            const n2 = (c2[i] = optimized
-                ? cloneIfMounted(c2[i])
-                : normalizeVNode(c2[i]));
-            if (isSameVNodeType(n1, n2)) {
-                patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-            }
-            else {
-                break;
+    const render = (vnode, container, isSVG) => {
+        if (vnode == null) {
+            if (container._vnode) {
+                unmount(container._vnode, null, null, true);
             }
-            i++;
         }
-        // 2. sync from end
-        // a (b c)
-        // d e (b c)
-        while (i <= e1 && i <= e2) {
-            const n1 = c1[e1];
-            const n2 = (c2[e2] = optimized
-                ? cloneIfMounted(c2[e2])
-                : normalizeVNode(c2[e2]));
-            if (isSameVNodeType(n1, n2)) {
-                patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-            }
-            else {
-                break;
-            }
-            e1--;
-            e2--;
+        else {
+            patch(container._vnode || null, vnode, container, null, null, null, isSVG);
         }
-        // 3. common sequence + mount
-        // (a b)
-        // (a b) c
-        // i = 2, e1 = 1, e2 = 2
-        // (a b)
-        // c (a b)
-        // i = 0, e1 = -1, e2 = 0
-        if (i > e1) {
-            if (i <= e2) {
-                const nextPos = e2 + 1;
-                const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
-                while (i <= e2) {
-                    patch(null, (c2[i] = optimized
-                        ? cloneIfMounted(c2[i])
-                        : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                    i++;
-                }
+        flushPostFlushCbs();
+        container._vnode = vnode;
+    };
+    const internals = {
+        p: patch,
+        um: unmount,
+        m: move,
+        r: remove,
+        mt: mountComponent,
+        mc: mountChildren,
+        pc: patchChildren,
+        pbc: patchBlockChildren,
+        n: getNextHostNode,
+        o: options
+    };
+    let hydrate;
+    let hydrateNode;
+    if (createHydrationFns) {
+        [hydrate, hydrateNode] = createHydrationFns(internals);
+    }
+    return {
+        render,
+        hydrate,
+        createApp: createAppAPI(render, hydrate)
+    };
+}
+function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (shared.isArray(rawRef)) {
+        rawRef.forEach((r, i) => setRef(r, oldRawRef && (shared.isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+        return;
+    }
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+        // when mounting async components, nothing needs to be done,
+        // because the template ref is forwarded to inner component
+        return;
+    }
+    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
+        ? getExposeProxy(vnode.component) || vnode.component.proxy
+        : vnode.el;
+    const value = isUnmount ? null : refValue;
+    const { i: owner, r: ref } = rawRef;
+    if (!owner) {
+        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+            `A vnode with ref must be created inside the render function.`);
+        return;
+    }
+    const oldRef = oldRawRef && oldRawRef.r;
+    const refs = owner.refs === shared.EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
+    const setupState = owner.setupState;
+    // dynamic ref changed. unset old ref
+    if (oldRef != null && oldRef !== ref) {
+        if (shared.isString(oldRef)) {
+            refs[oldRef] = null;
+            if (shared.hasOwn(setupState, oldRef)) {
+                setupState[oldRef] = null;
             }
         }
-        // 4. common sequence + unmount
-        // (a b) c
-        // (a b)
-        // i = 2, e1 = 2, e2 = 1
-        // a (b c)
-        // (b c)
-        // i = 0, e1 = 0, e2 = -1
-        else if (i > e2) {
-            while (i <= e1) {
-                unmount(c1[i], parentComponent, parentSuspense, true);
-                i++;
-            }
+        else if (isRef(oldRef)) {
+            oldRef.value = null;
         }
-        // 5. unknown sequence
-        // [i ... e1 + 1]: a b [c d e] f g
-        // [i ... e2 + 1]: a b [e d c h] f g
-        // i = 2, e1 = 4, e2 = 5
-        else {
-            const s1 = i; // prev starting index
-            const s2 = i; // next starting index
-            // 5.1 build key:index map for newChildren
-            const keyToNewIndexMap = new Map();
-            for (i = s2; i <= e2; i++) {
-                const nextChild = (c2[i] = optimized
-                    ? cloneIfMounted(c2[i])
-                    : normalizeVNode(c2[i]));
-                if (nextChild.key != null) {
-                    if (keyToNewIndexMap.has(nextChild.key)) {
-                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
-                    }
-                    keyToNewIndexMap.set(nextChild.key, i);
-                }
-            }
-            // 5.2 loop through old children left to be patched and try to patch
-            // matching nodes & remove nodes that are no longer present
-            let j;
-            let patched = 0;
-            const toBePatched = e2 - s2 + 1;
-            let moved = false;
-            // used to track whether any node has moved
-            let maxNewIndexSoFar = 0;
-            // works as Map<newIndex, oldIndex>
-            // Note that oldIndex is offset by +1
-            // and oldIndex = 0 is a special value indicating the new node has
-            // no corresponding old node.
-            // used for determining longest stable subsequence
-            const newIndexToOldIndexMap = new Array(toBePatched);
-            for (i = 0; i < toBePatched; i++)
-                newIndexToOldIndexMap[i] = 0;
-            for (i = s1; i <= e1; i++) {
-                const prevChild = c1[i];
-                if (patched >= toBePatched) {
-                    // all new children have been patched so this can only be a removal
-                    unmount(prevChild, parentComponent, parentSuspense, true);
-                    continue;
-                }
-                let newIndex;
-                if (prevChild.key != null) {
-                    newIndex = keyToNewIndexMap.get(prevChild.key);
-                }
-                else {
-                    // key-less node, try to locate a key-less node of the same type
-                    for (j = s2; j <= e2; j++) {
-                        if (newIndexToOldIndexMap[j - s2] === 0 &&
-                            isSameVNodeType(prevChild, c2[j])) {
-                            newIndex = j;
-                            break;
-                        }
-                    }
-                }
-                if (newIndex === undefined) {
-                    unmount(prevChild, parentComponent, parentSuspense, true);
-                }
-                else {
-                    newIndexToOldIndexMap[newIndex - s2] = i + 1;
-                    if (newIndex >= maxNewIndexSoFar) {
-                        maxNewIndexSoFar = newIndex;
-                    }
-                    else {
-                        moved = true;
-                    }
-                    patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                    patched++;
-                }
-            }
-            // 5.3 move and mount
-            // generate longest stable subsequence only when nodes have moved
-            const increasingNewIndexSequence = moved
-                ? getSequence(newIndexToOldIndexMap)
-                : shared.EMPTY_ARR;
-            j = increasingNewIndexSequence.length - 1;
-            // looping backwards so that we can use last patched node as anchor
-            for (i = toBePatched - 1; i >= 0; i--) {
-                const nextIndex = s2 + i;
-                const nextChild = c2[nextIndex];
-                const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
-                if (newIndexToOldIndexMap[i] === 0) {
-                    // mount new
-                    patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                }
-                else if (moved) {
-                    // move if:
-                    // There is no stable subsequence (e.g. a reverse)
-                    // OR current node is not among the stable sequence
-                    if (j < 0 || i !== increasingNewIndexSequence[j]) {
-                        move(nextChild, container, anchor, 2 /* REORDER */);
-                    }
-                    else {
-                        j--;
-                    }
-                }
+    }
+    if (shared.isString(ref)) {
+        const doSet = () => {
+            {
+                refs[ref] = value;
             }
+            if (shared.hasOwn(setupState, ref)) {
+                setupState[ref] = value;
+            }
+        };
+        // #1789: for non-null values, set them after render
+        // null values means this is unmount and it should not overwrite another
+        // ref with the same key
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
         }
-    };
-    const move = (vnode, container, anchor, moveType, parentSuspense = null) => {
-        const { el, type, transition, children, shapeFlag } = vnode;
-        if (shapeFlag & 6 /* COMPONENT */) {
-            move(vnode.component.subTree, container, anchor, moveType);
-            return;
+        else {
+            doSet();
         }
-        if (shapeFlag & 128 /* SUSPENSE */) {
-            vnode.suspense.move(container, anchor, moveType);
-            return;
+    }
+    else if (isRef(ref)) {
+        const doSet = () => {
+            ref.value = value;
+        };
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
         }
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type.move(vnode, container, anchor, internals);
-            return;
+        else {
+            doSet();
         }
-        if (type === Fragment) {
-            hostInsert(el, container, anchor);
-            for (let i = 0; i < children.length; i++) {
-                move(children[i], container, anchor, moveType);
+    }
+    else if (shared.isFunction(ref)) {
+        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+    }
+    else {
+        warn$1('Invalid template ref type:', value, `(${typeof value})`);
+    }
+}
+function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
+    callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
+        vnode,
+        prevVNode
+    ]);
+}
+/**
+ * #1156
+ * When a component is HMR-enabled, we need to make sure that all static nodes
+ * inside a block also inherit the DOM element from the previous tree so that
+ * HMR updates (which are full updates) can retrieve the element for patching.
+ *
+ * #2080
+ * Inside keyed `template` fragment static children, if a fragment is moved,
+ * the children will always moved so that need inherit el form previous nodes
+ * to ensure correct moved position.
+ */
+function traverseStaticChildren(n1, n2, shallow = false) {
+    const ch1 = n1.children;
+    const ch2 = n2.children;
+    if (shared.isArray(ch1) && shared.isArray(ch2)) {
+        for (let i = 0; i < ch1.length; i++) {
+            // this is only called in the optimized path so array children are
+            // guaranteed to be vnodes
+            const c1 = ch1[i];
+            let c2 = ch2[i];
+            if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) {
+                if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) {
+                    c2 = ch2[i] = cloneIfMounted(ch2[i]);
+                    c2.el = c1.el;
+                }
+                if (!shallow)
+                    traverseStaticChildren(c1, c2);
+            }
+            // also inherit for comment nodes, but not placeholders (e.g. v-if which
+            // would have received .el during block patch)
+            if (c2.type === Comment$1 && !c2.el) {
+                c2.el = c1.el;
             }
-            hostInsert(vnode.anchor, container, anchor);
-            return;
-        }
-        if (type === Static) {
-            moveStaticNode(vnode, container, anchor);
-            return;
         }
-        // single nodes
-        const needTransition = moveType !== 2 /* REORDER */ &&
-            shapeFlag & 1 /* ELEMENT */ &&
-            transition;
-        if (needTransition) {
-            if (moveType === 0 /* ENTER */) {
-                transition.beforeEnter(el);
-                hostInsert(el, container, anchor);
-                queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+    }
+}
+// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
+function getSequence(arr) {
+    const p = arr.slice();
+    const result = [0];
+    let i, j, u, v, c;
+    const len = arr.length;
+    for (i = 0; i < len; i++) {
+        const arrI = arr[i];
+        if (arrI !== 0) {
+            j = result[result.length - 1];
+            if (arr[j] < arrI) {
+                p[i] = j;
+                result.push(i);
+                continue;
             }
-            else {
-                const { leave, delayLeave, afterLeave } = transition;
-                const remove = () => hostInsert(el, container, anchor);
-                const performLeave = () => {
-                    leave(el, () => {
-                        remove();
-                        afterLeave && afterLeave();
-                    });
-                };
-                if (delayLeave) {
-                    delayLeave(el, remove, performLeave);
+            u = 0;
+            v = result.length - 1;
+            while (u < v) {
+                c = (u + v) >> 1;
+                if (arr[result[c]] < arrI) {
+                    u = c + 1;
                 }
                 else {
-                    performLeave();
+                    v = c;
                 }
             }
+            if (arrI < arr[result[u]]) {
+                if (u > 0) {
+                    p[i] = result[u - 1];
+                }
+                result[u] = i;
+            }
         }
-        else {
-            hostInsert(el, container, anchor);
-        }
-    };
-    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-        const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
-        // unset ref
-        if (ref != null) {
-            setRef(ref, null, parentSuspense, vnode, true);
+    }
+    u = result.length;
+    v = result[u - 1];
+    while (u-- > 0) {
+        result[u] = v;
+        v = p[v];
+    }
+    return result;
+}
+
+const isTeleport = (type) => type.__isTeleport;
+const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
+const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
+const resolveTarget = (props, select) => {
+    const targetSelector = props && props.to;
+    if (shared.isString(targetSelector)) {
+        if (!select) {
+            warn$1(`Current renderer does not support string target for Teleports. ` +
+                    `(missing querySelector renderer option)`);
+            return null;
         }
-        if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
-            parentComponent.ctx.deactivate(vnode);
-            return;
+        else {
+            const target = select(targetSelector);
+            if (!target) {
+                warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                        `Note the target element must exist before the component is mounted - ` +
+                        `i.e. the target cannot be rendered by the component itself, and ` +
+                        `ideally should be outside of the entire Vue component tree.`);
+            }
+            return target;
         }
-        const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
-        let vnodeHook;
-        if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
-            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+    }
+    else {
+        if (!targetSelector && !isTeleportDisabled(props)) {
+            warn$1(`Invalid Teleport target: ${targetSelector}`);
         }
-        if (shapeFlag & 6 /* COMPONENT */) {
-            unmountComponent(vnode.component, parentSuspense, doRemove);
+        return targetSelector;
+    }
+};
+const TeleportImpl = {
+    __isTeleport: true,
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
+        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+        const disabled = isTeleportDisabled(n2.props);
+        let { shapeFlag, children, dynamicChildren } = n2;
+        // #3302
+        // HMR updated, force full diff
+        if (isHmrUpdating) {
+            optimized = false;
+            dynamicChildren = null;
         }
-        else {
-            if (shapeFlag & 128 /* SUSPENSE */) {
-                vnode.suspense.unmount(parentSuspense, doRemove);
-                return;
+        if (n1 == null) {
+            // insert anchors in the main view
+            const placeholder = (n2.el = createComment('teleport start')
+                );
+            const mainAnchor = (n2.anchor = createComment('teleport end')
+                );
+            insert(placeholder, container, anchor);
+            insert(mainAnchor, container, anchor);
+            const target = (n2.target = resolveTarget(n2.props, querySelector));
+            const targetAnchor = (n2.targetAnchor = createText(''));
+            if (target) {
+                insert(targetAnchor, target);
+                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
+                isSVG = isSVG || isTargetSVG(target);
             }
-            if (shouldInvokeDirs) {
-                invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
+            else if (!disabled) {
+                warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
             }
-            if (shapeFlag & 64 /* TELEPORT */) {
-                vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+            const mount = (container, anchor) => {
+                // Teleport *always* has Array children. This is enforced in both the
+                // compiler and vnode children normalization.
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
+            };
+            if (disabled) {
+                mount(container, mainAnchor);
             }
-            else if (dynamicChildren &&
-                // #1153: fast path should not be taken for non-stable (v-for) fragments
-                (type !== Fragment ||
-                    (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
-                // fast path for block nodes: only need to unmount dynamic children.
-                unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+            else if (target) {
+                mount(target, targetAnchor);
+            }
+        }
+        else {
+            // update content
+            n2.el = n1.el;
+            const mainAnchor = (n2.anchor = n1.anchor);
+            const target = (n2.target = n1.target);
+            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
+            const wasDisabled = isTeleportDisabled(n1.props);
+            const currentContainer = wasDisabled ? container : target;
+            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
+            isSVG = isSVG || isTargetSVG(target);
+            if (dynamicChildren) {
+                // fast path when the teleport happens to be a block root
+                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
+                // even in block tree mode we need to make sure all root-level nodes
+                // in the teleport inherit previous DOM references so that they can
+                // be moved in future patches.
+                traverseStaticChildren(n1, n2, true);
             }
-            else if ((type === Fragment &&
-                (patchFlag & 128 /* KEYED_FRAGMENT */ ||
-                    patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
-                (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
-                unmountChildren(children, parentComponent, parentSuspense);
+            else if (!optimized) {
+                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
             }
-            if (doRemove) {
-                remove(vnode);
+            if (disabled) {
+                if (!wasDisabled) {
+                    // enabled -> disabled
+                    // move into main container
+                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
+                }
+            }
+            else {
+                // target changed
+                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
+                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
+                    if (nextTarget) {
+                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
+                    }
+                    else {
+                        warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
+                    }
+                }
+                else if (wasDisabled) {
+                    // disabled -> enabled
+                    // move into teleport target
+                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
+                }
             }
         }
-        if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
-            queuePostRenderEffect(() => {
-                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-                shouldInvokeDirs &&
-                    invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
-            }, parentSuspense);
-        }
-    };
-    const remove = vnode => {
-        const { type, el, anchor, transition } = vnode;
-        if (type === Fragment) {
-            removeFragment(el, anchor);
-            return;
+    },
+    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
+        if (target) {
+            hostRemove(targetAnchor);
         }
-        if (type === Static) {
-            removeStaticNode(vnode);
-            return;
+        // an unmounted teleport should always remove its children if not disabled
+        if (doRemove || !isTeleportDisabled(props)) {
+            hostRemove(anchor);
+            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                for (let i = 0; i < children.length; i++) {
+                    const child = children[i];
+                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+                }
+            }
         }
-        const performRemove = () => {
-            hostRemove(el);
-            if (transition && !transition.persisted && transition.afterLeave) {
-                transition.afterLeave();
+    },
+    move: moveTeleport,
+    hydrate: hydrateTeleport
+};
+function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
+    // move target anchor if this is a target change.
+    if (moveType === 0 /* TARGET_CHANGE */) {
+        insert(vnode.targetAnchor, container, parentAnchor);
+    }
+    const { el, anchor, shapeFlag, children, props } = vnode;
+    const isReorder = moveType === 2 /* REORDER */;
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(el, container, parentAnchor);
+    }
+    // if this is a re-order and teleport is enabled (content is in target)
+    // do not move children. So the opposite is: only move children if this
+    // is not a reorder, or the teleport is disabled
+    if (!isReorder || isTeleportDisabled(props)) {
+        // Teleport has either Array children or no children.
+        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            for (let i = 0; i < children.length; i++) {
+                move(children[i], container, parentAnchor, 2 /* REORDER */);
             }
-        };
-        if (vnode.shapeFlag & 1 /* ELEMENT */ &&
-            transition &&
-            !transition.persisted) {
-            const { leave, delayLeave } = transition;
-            const performLeave = () => leave(el, performRemove);
-            if (delayLeave) {
-                delayLeave(vnode.el, performRemove, performLeave);
+        }
+    }
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(anchor, container, parentAnchor);
+    }
+}
+function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
+    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
+    if (target) {
+        // if multiple teleports rendered to the same target element, we need to
+        // pick up from where the last teleport finished instead of the first node
+        const targetNode = target._lpa || target.firstChild;
+        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            if (isTeleportDisabled(vnode.props)) {
+                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
+                vnode.targetAnchor = targetNode;
             }
             else {
-                performLeave();
+                vnode.anchor = nextSibling(node);
+                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
             }
+            target._lpa =
+                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
         }
-        else {
-            performRemove();
+    }
+    return vnode.anchor && nextSibling(vnode.anchor);
+}
+// Force-casted public typing for h and TSX props inference
+const Teleport = TeleportImpl;
+
+const COMPONENTS = 'components';
+const DIRECTIVES = 'directives';
+/**
+ * @private
+ */
+function resolveComponent(name, maybeSelfReference) {
+    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+}
+const NULL_DYNAMIC_COMPONENT = Symbol();
+/**
+ * @private
+ */
+function resolveDynamicComponent(component) {
+    if (shared.isString(component)) {
+        return resolveAsset(COMPONENTS, component, false) || component;
+    }
+    else {
+        // invalid types will fallthrough to createVNode and raise warning
+        return (component || NULL_DYNAMIC_COMPONENT);
+    }
+}
+/**
+ * @private
+ */
+function resolveDirective(name) {
+    return resolveAsset(DIRECTIVES, name);
+}
+// implementation
+function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
+    const instance = currentRenderingInstance || currentInstance;
+    if (instance) {
+        const Component = instance.type;
+        // explicit self name has highest priority
+        if (type === COMPONENTS) {
+            const selfName = getComponentName(Component);
+            if (selfName &&
+                (selfName === name ||
+                    selfName === shared.camelize(name) ||
+                    selfName === shared.capitalize(shared.camelize(name)))) {
+                return Component;
+            }
         }
-    };
-    const removeFragment = (cur, end) => {
-        // For fragments, directly remove all contained DOM nodes.
-        // (fragment child nodes cannot have transition)
-        let next;
-        while (cur !== end) {
-            next = hostNextSibling(cur);
-            hostRemove(cur);
-            cur = next;
+        const res = 
+        // local registration
+        // check instance[type] first which is resolved for options API
+        resolve(instance[type] || Component[type], name) ||
+            // global registration
+            resolve(instance.appContext[type], name);
+        if (!res && maybeSelfReference) {
+            // fallback to implicit self-reference
+            return Component;
         }
-        hostRemove(end);
+        if (warnMissing && !res) {
+            warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+        }
+        return res;
+    }
+    else {
+        warn$1(`resolve${shared.capitalize(type.slice(0, -1))} ` +
+            `can only be used in render() or setup().`);
+    }
+}
+function resolve(registry, name) {
+    return (registry &&
+        (registry[name] ||
+            registry[shared.camelize(name)] ||
+            registry[shared.capitalize(shared.camelize(name))]));
+}
+
+const Fragment = Symbol('Fragment' );
+const Text = Symbol('Text' );
+const Comment$1 = Symbol('Comment' );
+const Static = Symbol('Static' );
+// Since v-if and v-for are the two possible ways node structure can dynamically
+// change, once we consider v-if branches and each v-for fragment a block, we
+// can divide a template into nested blocks, and within each block the node
+// structure would be stable. This allows us to skip most children diffing
+// and only worry about the dynamic nodes (indicated by patch flags).
+const blockStack = [];
+let currentBlock = null;
+/**
+ * Open a block.
+ * This must be called before `createBlock`. It cannot be part of `createBlock`
+ * because the children of the block are evaluated before `createBlock` itself
+ * is called. The generated code typically looks like this:
+ *
+ * ```js
+ * function render() {
+ *   return (openBlock(),createBlock('div', null, [...]))
+ * }
+ * ```
+ * disableTracking is true when creating a v-for fragment block, since a v-for
+ * fragment always diffs its children.
+ *
+ * @private
+ */
+function openBlock(disableTracking = false) {
+    blockStack.push((currentBlock = disableTracking ? null : []));
+}
+function closeBlock() {
+    blockStack.pop();
+    currentBlock = blockStack[blockStack.length - 1] || null;
+}
+// Whether we should be tracking dynamic child nodes inside a block.
+// Only tracks when this value is > 0
+// We are not using a simple boolean because this value may need to be
+// incremented/decremented by nested usage of v-once (see below)
+let isBlockTreeEnabled = 1;
+/**
+ * Block tracking sometimes needs to be disabled, for example during the
+ * creation of a tree that needs to be cached by v-once. The compiler generates
+ * code like this:
+ *
+ * ``` js
+ * _cache[1] || (
+ *   setBlockTracking(-1),
+ *   _cache[1] = createVNode(...),
+ *   setBlockTracking(1),
+ *   _cache[1]
+ * )
+ * ```
+ *
+ * @private
+ */
+function setBlockTracking(value) {
+    isBlockTreeEnabled += value;
+}
+function setupBlock(vnode) {
+    // save current block children on the block vnode
+    vnode.dynamicChildren =
+        isBlockTreeEnabled > 0 ? currentBlock || shared.EMPTY_ARR : null;
+    // close block
+    closeBlock();
+    // a block is always going to be patched, so track it as a child of its
+    // parent block
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(vnode);
+    }
+    return vnode;
+}
+/**
+ * @private
+ */
+function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */));
+}
+/**
+ * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+ * A block root keeps track of dynamic nodes within the block in the
+ * `dynamicChildren` array.
+ *
+ * @private
+ */
+function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */));
+}
+function isVNode(value) {
+    return value ? value.__v_isVNode === true : false;
+}
+function isSameVNodeType(n1, n2) {
+    if (n2.shapeFlag & 6 /* COMPONENT */ &&
+        hmrDirtyComponents.has(n2.type)) {
+        // HMR only: if the component has been hot-updated, force a reload.
+        return false;
+    }
+    return n1.type === n2.type && n1.key === n2.key;
+}
+let vnodeArgsTransformer;
+/**
+ * Internal API for registering an arguments transform for createVNode
+ * used for creating stubs in the test-utils
+ * It is *internal* but needs to be exposed for test-utils to pick up proper
+ * typings
+ */
+function transformVNodeArgs(transformer) {
+    vnodeArgsTransformer = transformer;
+}
+const createVNodeWithArgsTransform = (...args) => {
+    return _createVNode(...(vnodeArgsTransformer
+        ? vnodeArgsTransformer(args, currentRenderingInstance)
+        : args));
+};
+const InternalObjectKey = `__vInternal`;
+const normalizeKey = ({ key }) => key != null ? key : null;
+const normalizeRef = ({ ref }) => {
+    return (ref != null
+        ? shared.isString(ref) || isRef(ref) || shared.isFunction(ref)
+            ? { i: currentRenderingInstance, r: ref }
+            : ref
+        : null);
+};
+function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) {
+    const vnode = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type,
+        props,
+        key: props && normalizeKey(props),
+        ref: props && normalizeRef(props),
+        scopeId: currentScopeId,
+        slotScopeIds: null,
+        children,
+        component: null,
+        suspense: null,
+        ssContent: null,
+        ssFallback: null,
+        dirs: null,
+        transition: null,
+        el: null,
+        anchor: null,
+        target: null,
+        targetAnchor: null,
+        staticCount: 0,
+        shapeFlag,
+        patchFlag,
+        dynamicProps,
+        dynamicChildren: null,
+        appContext: null
     };
-    const unmountComponent = (instance, parentSuspense, doRemove) => {
-        if (instance.type.__hmrId) {
-            unregisterHMR(instance);
-        }
-        const { bum, effects, update, subTree, um } = instance;
-        // beforeUnmount hook
-        if (bum) {
-            shared.invokeArrayFns(bum);
-        }
-        if (effects) {
-            for (let i = 0; i < effects.length; i++) {
-                stop(effects[i]);
-            }
-        }
-        // update may be null if a component is unmounted before its async
-        // setup has resolved.
-        if (update) {
-            stop(update);
-            unmount(subTree, instance, parentSuspense, doRemove);
-        }
-        // unmounted hook
-        if (um) {
-            queuePostRenderEffect(um, parentSuspense);
-        }
-        queuePostRenderEffect(() => {
-            instance.isUnmounted = true;
-        }, parentSuspense);
-        // A component with async dep inside a pending suspense is unmounted before
-        // its async dep resolves. This should remove the dep from the suspense, and
-        // cause the suspense to resolve immediately if that was the last dep.
-        if (parentSuspense &&
-            parentSuspense.pendingBranch &&
-            !parentSuspense.isUnmounted &&
-            instance.asyncDep &&
-            !instance.asyncResolved &&
-            instance.suspenseId === parentSuspense.pendingId) {
-            parentSuspense.deps--;
-            if (parentSuspense.deps === 0) {
-                parentSuspense.resolve();
-            }
-        }
-        {
-            devtoolsComponentRemoved(instance);
+    if (needFullChildrenNormalization) {
+        normalizeChildren(vnode, children);
+        // normalize suspense children
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            type.normalize(vnode);
         }
-    };
-    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
-        for (let i = start; i < children.length; i++) {
-            unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
+    }
+    else if (children) {
+        // compiled element vnode - if children is passed, only possible types are
+        // string or Array.
+        vnode.shapeFlag |= shared.isString(children)
+            ? 8 /* TEXT_CHILDREN */
+            : 16 /* ARRAY_CHILDREN */;
+    }
+    // validate key
+    if (vnode.key !== vnode.key) {
+        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    }
+    // track vnode for block tree
+    if (isBlockTreeEnabled > 0 &&
+        // avoid a block node from tracking itself
+        !isBlockNode &&
+        // has current parent block
+        currentBlock &&
+        // presence of a patch flag indicates this node needs patching on updates.
+        // component nodes also should always be patched, because even if the
+        // component doesn't need to update, it needs to persist the instance on to
+        // the next vnode so that it can be properly unmounted later.
+        (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
+        // the EVENTS flag is only for hydration and if it is the only flag, the
+        // vnode should not be considered dynamic due to handler caching.
+        vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) {
+        currentBlock.push(vnode);
+    }
+    return vnode;
+}
+const createVNode = (createVNodeWithArgsTransform );
+function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
+    if (!type || type === NULL_DYNAMIC_COMPONENT) {
+        if (!type) {
+            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
         }
-    };
-    const getNextHostNode = vnode => {
-        if (vnode.shapeFlag & 6 /* COMPONENT */) {
-            return getNextHostNode(vnode.component.subTree);
+        type = Comment$1;
+    }
+    if (isVNode(type)) {
+        // createVNode receiving an existing vnode. This happens in cases like
+        // <component :is="vnode"/>
+        // #2078 make sure to merge refs during the clone instead of overwriting it
+        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
+        if (children) {
+            normalizeChildren(cloned, children);
         }
-        if (vnode.shapeFlag & 128 /* SUSPENSE */) {
-            return vnode.suspense.next();
+        return cloned;
+    }
+    // class component normalization.
+    if (isClassComponent(type)) {
+        type = type.__vccOpts;
+    }
+    // class & style normalization.
+    if (props) {
+        // for reactive or proxy objects, we need to clone it to enable mutation.
+        props = guardReactiveProps(props);
+        let { class: klass, style } = props;
+        if (klass && !shared.isString(klass)) {
+            props.class = shared.normalizeClass(klass);
         }
-        return hostNextSibling((vnode.anchor || vnode.el));
-    };
-    const render = (vnode, container, isSVG) => {
-        if (vnode == null) {
-            if (container._vnode) {
-                unmount(container._vnode, null, null, true);
+        if (shared.isObject(style)) {
+            // reactive state objects need to be cloned since they are likely to be
+            // mutated
+            if (isProxy(style) && !shared.isArray(style)) {
+                style = shared.extend({}, style);
             }
+            props.style = shared.normalizeStyle(style);
         }
-        else {
-            patch(container._vnode || null, vnode, container, null, null, null, isSVG);
-        }
-        flushPostFlushCbs();
-        container._vnode = vnode;
-    };
-    const internals = {
-        p: patch,
-        um: unmount,
-        m: move,
-        r: remove,
-        mt: mountComponent,
-        mc: mountChildren,
-        pc: patchChildren,
-        pbc: patchBlockChildren,
-        n: getNextHostNode,
-        o: options
+    }
+    // encode the vnode type information into a bitmap
+    const shapeFlag = shared.isString(type)
+        ? 1 /* ELEMENT */
+        : isSuspense(type)
+            ? 128 /* SUSPENSE */
+            : isTeleport(type)
+                ? 64 /* TELEPORT */
+                : shared.isObject(type)
+                    ? 4 /* STATEFUL_COMPONENT */
+                    : shared.isFunction(type)
+                        ? 2 /* FUNCTIONAL_COMPONENT */
+                        : 0;
+    if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
+        type = toRaw(type);
+        warn$1(`Vue received a Component which was made a reactive object. This can ` +
+            `lead to unnecessary performance overhead, and should be avoided by ` +
+            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
+            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
+    }
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+}
+function guardReactiveProps(props) {
+    if (!props)
+        return null;
+    return isProxy(props) || InternalObjectKey in props
+        ? shared.extend({}, props)
+        : props;
+}
+function cloneVNode(vnode, extraProps, mergeRef = false) {
+    // This is intentionally NOT using spread or extend to avoid the runtime
+    // key enumeration cost.
+    const { props, ref, patchFlag, children } = vnode;
+    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
+    const cloned = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type: vnode.type,
+        props: mergedProps,
+        key: mergedProps && normalizeKey(mergedProps),
+        ref: extraProps && extraProps.ref
+            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
+                // if the vnode itself already has a ref, cloneVNode will need to merge
+                // the refs so the single vnode can be set on multiple refs
+                mergeRef && ref
+                    ? shared.isArray(ref)
+                        ? ref.concat(normalizeRef(extraProps))
+                        : [ref, normalizeRef(extraProps)]
+                    : normalizeRef(extraProps)
+            : ref,
+        scopeId: vnode.scopeId,
+        slotScopeIds: vnode.slotScopeIds,
+        children: patchFlag === -1 /* HOISTED */ && shared.isArray(children)
+            ? children.map(deepCloneVNode)
+            : children,
+        target: vnode.target,
+        targetAnchor: vnode.targetAnchor,
+        staticCount: vnode.staticCount,
+        shapeFlag: vnode.shapeFlag,
+        // if the vnode is cloned with extra props, we can no longer assume its
+        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
+        // note: perserve flag for fragments since they use the flag for children
+        // fast paths only.
+        patchFlag: extraProps && vnode.type !== Fragment
+            ? patchFlag === -1 // hoisted node
+                ? 16 /* FULL_PROPS */
+                : patchFlag | 16 /* FULL_PROPS */
+            : patchFlag,
+        dynamicProps: vnode.dynamicProps,
+        dynamicChildren: vnode.dynamicChildren,
+        appContext: vnode.appContext,
+        dirs: vnode.dirs,
+        transition: vnode.transition,
+        // These should technically only be non-null on mounted VNodes. However,
+        // they *should* be copied for kept-alive vnodes. So we just always copy
+        // them since them being non-null during a mount doesn't affect the logic as
+        // they will simply be overwritten.
+        component: vnode.component,
+        suspense: vnode.suspense,
+        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
+        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
+        el: vnode.el,
+        anchor: vnode.anchor
     };
-    let hydrate;
-    let hydrateNode;
-    if (createHydrationFns) {
-        [hydrate, hydrateNode] = createHydrationFns(internals);
+    return cloned;
+}
+/**
+ * Dev only, for HMR of hoisted vnodes reused in v-for
+ * https://github.com/vitejs/vite/issues/2022
+ */
+function deepCloneVNode(vnode) {
+    const cloned = cloneVNode(vnode);
+    if (shared.isArray(vnode.children)) {
+        cloned.children = vnode.children.map(deepCloneVNode);
     }
-    return {
-        render,
-        hydrate,
-        createApp: createAppAPI(render, hydrate)
-    };
+    return cloned;
 }
-function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
-    callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
-        vnode,
-        prevVNode
-    ]);
+/**
+ * @private
+ */
+function createTextVNode(text = ' ', flag = 0) {
+    return createVNode(Text, null, text, flag);
 }
 /**
- * #1156
- * When a component is HMR-enabled, we need to make sure that all static nodes
- * inside a block also inherit the DOM element from the previous tree so that
- * HMR updates (which are full updates) can retrieve the element for patching.
- *
- * #2080
- * Inside keyed `template` fragment static children, if a fragment is moved,
- * the children will always moved so that need inherit el form previous nodes
- * to ensure correct moved position.
+ * @private
  */
-function traverseStaticChildren(n1, n2, shallow = false) {
-    const ch1 = n1.children;
-    const ch2 = n2.children;
-    if (shared.isArray(ch1) && shared.isArray(ch2)) {
-        for (let i = 0; i < ch1.length; i++) {
-            // this is only called in the optimized path so array children are
-            // guaranteed to be vnodes
-            const c1 = ch1[i];
-            let c2 = ch2[i];
-            if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) {
-                if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) {
-                    c2 = ch2[i] = cloneIfMounted(ch2[i]);
-                    c2.el = c1.el;
-                }
-                if (!shallow)
-                    traverseStaticChildren(c1, c2);
-            }
-            // also inherit for comment nodes, but not placeholders (e.g. v-if which
-            // would have received .el during block patch)
-            if (c2.type === Comment$1 && !c2.el) {
-                c2.el = c1.el;
-            }
-        }
-    }
+function createStaticVNode(content, numberOfNodes) {
+    // A static vnode can contain multiple stringified elements, and the number
+    // of elements is necessary for hydration.
+    const vnode = createVNode(Static, null, content);
+    vnode.staticCount = numberOfNodes;
+    return vnode;
 }
-// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
-function getSequence(arr) {
-    const p = arr.slice();
-    const result = [0];
-    let i, j, u, v, c;
-    const len = arr.length;
-    for (i = 0; i < len; i++) {
-        const arrI = arr[i];
-        if (arrI !== 0) {
-            j = result[result.length - 1];
-            if (arr[j] < arrI) {
-                p[i] = j;
-                result.push(i);
-                continue;
-            }
-            u = 0;
-            v = result.length - 1;
-            while (u < v) {
-                c = ((u + v) / 2) | 0;
-                if (arr[result[c]] < arrI) {
-                    u = c + 1;
-                }
-                else {
-                    v = c;
-                }
-            }
-            if (arrI < arr[result[u]]) {
-                if (u > 0) {
-                    p[i] = result[u - 1];
-                }
-                result[u] = i;
-            }
-        }
+/**
+ * @private
+ */
+function createCommentVNode(text = '', 
+// when used as the v-else branch, the comment node must be created as a
+// block to ensure correct updates.
+asBlock = false) {
+    return asBlock
+        ? (openBlock(), createBlock(Comment$1, null, text))
+        : createVNode(Comment$1, null, text);
+}
+function normalizeVNode(child) {
+    if (child == null || typeof child === 'boolean') {
+        // empty placeholder
+        return createVNode(Comment$1);
     }
-    u = result.length;
-    v = result[u - 1];
-    while (u-- > 0) {
-        result[u] = v;
-        v = p[v];
+    else if (shared.isArray(child)) {
+        // fragment
+        return createVNode(Fragment, null, 
+        // #3666, avoid reference pollution when reusing vnode
+        child.slice());
     }
-    return result;
-}
-
-const isTeleport = (type) => type.__isTeleport;
-const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
-const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
-const resolveTarget = (props, select) => {
-    const targetSelector = props && props.to;
-    if (shared.isString(targetSelector)) {
-        if (!select) {
-            warn(`Current renderer does not support string target for Teleports. ` +
-                    `(missing querySelector renderer option)`);
-            return null;
-        }
-        else {
-            const target = select(targetSelector);
-            if (!target) {
-                warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
-                        `Note the target element must exist before the component is mounted - ` +
-                        `i.e. the target cannot be rendered by the component itself, and ` +
-                        `ideally should be outside of the entire Vue component tree.`);
-            }
-            return target;
-        }
+    else if (typeof child === 'object') {
+        // already vnode, this should be the most common since compiled templates
+        // always produce all-vnode children arrays
+        return cloneIfMounted(child);
     }
     else {
-        if (!targetSelector && !isTeleportDisabled(props)) {
-            warn(`Invalid Teleport target: ${targetSelector}`);
-        }
-        return targetSelector;
+        // strings and numbers
+        return createVNode(Text, null, String(child));
     }
-};
-const TeleportImpl = {
-    __isTeleport: true,
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
-        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
-        const disabled = isTeleportDisabled(n2.props);
-        let { shapeFlag, children, dynamicChildren } = n2;
-        // #3302
-        // HMR updated, force full diff
-        if (isHmrUpdating) {
-            optimized = false;
-            dynamicChildren = null;
-        }
-        if (n1 == null) {
-            // insert anchors in the main view
-            const placeholder = (n2.el = createComment('teleport start')
-                );
-            const mainAnchor = (n2.anchor = createComment('teleport end')
-                );
-            insert(placeholder, container, anchor);
-            insert(mainAnchor, container, anchor);
-            const target = (n2.target = resolveTarget(n2.props, querySelector));
-            const targetAnchor = (n2.targetAnchor = createText(''));
-            if (target) {
-                insert(targetAnchor, target);
-                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
-                isSVG = isSVG || isTargetSVG(target);
-            }
-            else if (!disabled) {
-                warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
-            }
-            const mount = (container, anchor) => {
-                // Teleport *always* has Array children. This is enforced in both the
-                // compiler and vnode children normalization.
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                }
-            };
-            if (disabled) {
-                mount(container, mainAnchor);
-            }
-            else if (target) {
-                mount(target, targetAnchor);
+}
+// optimized normalization for template-compiled render fns
+function cloneIfMounted(child) {
+    return child.el === null || child.memo ? child : cloneVNode(child);
+}
+function normalizeChildren(vnode, children) {
+    let type = 0;
+    const { shapeFlag } = vnode;
+    if (children == null) {
+        children = null;
+    }
+    else if (shared.isArray(children)) {
+        type = 16 /* ARRAY_CHILDREN */;
+    }
+    else if (typeof children === 'object') {
+        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
+            // Normalize slot to plain children for plain element and Teleport
+            const slot = children.default;
+            if (slot) {
+                // _c marker is added by withCtx() indicating this is a compiled slot
+                slot._c && (slot._d = false);
+                normalizeChildren(vnode, slot());
+                slot._c && (slot._d = true);
             }
+            return;
         }
         else {
-            // update content
-            n2.el = n1.el;
-            const mainAnchor = (n2.anchor = n1.anchor);
-            const target = (n2.target = n1.target);
-            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
-            const wasDisabled = isTeleportDisabled(n1.props);
-            const currentContainer = wasDisabled ? container : target;
-            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
-            isSVG = isSVG || isTargetSVG(target);
-            if (dynamicChildren) {
-                // fast path when the teleport happens to be a block root
-                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
-                // even in block tree mode we need to make sure all root-level nodes
-                // in the teleport inherit previous DOM references so that they can
-                // be moved in future patches.
-                traverseStaticChildren(n1, n2, true);
-            }
-            else if (!optimized) {
-                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
-            }
-            if (disabled) {
-                if (!wasDisabled) {
-                    // enabled -> disabled
-                    // move into main container
-                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
-                }
+            type = 32 /* SLOTS_CHILDREN */;
+            const slotFlag = children._;
+            if (!slotFlag && !(InternalObjectKey in children)) {
+                children._ctx = currentRenderingInstance;
             }
-            else {
-                // target changed
-                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
-                    if (nextTarget) {
-                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
-                    }
-                    else {
-                        warn('Invalid Teleport target on update:', target, `(${typeof target})`);
-                    }
-                }
-                else if (wasDisabled) {
-                    // disabled -> enabled
-                    // move into teleport target
-                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
+            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
+                // a child component receives forwarded slots from the parent.
+                // its slot type is determined by its parent's slot type.
+                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
+                    children._ = 1 /* STABLE */;
                 }
-            }
-        }
-    },
-    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
-        if (target) {
-            hostRemove(targetAnchor);
-        }
-        // an unmounted teleport should always remove its children if not disabled
-        if (doRemove || !isTeleportDisabled(props)) {
-            hostRemove(anchor);
-            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                for (let i = 0; i < children.length; i++) {
-                    const child = children[i];
-                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+                else {
+                    children._ = 2 /* DYNAMIC */;
+                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
                 }
             }
         }
-    },
-    move: moveTeleport,
-    hydrate: hydrateTeleport
-};
-function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
-    // move target anchor if this is a target change.
-    if (moveType === 0 /* TARGET_CHANGE */) {
-        insert(vnode.targetAnchor, container, parentAnchor);
     }
-    const { el, anchor, shapeFlag, children, props } = vnode;
-    const isReorder = moveType === 2 /* REORDER */;
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(el, container, parentAnchor);
+    else if (shared.isFunction(children)) {
+        children = { default: children, _ctx: currentRenderingInstance };
+        type = 32 /* SLOTS_CHILDREN */;
     }
-    // if this is a re-order and teleport is enabled (content is in target)
-    // do not move children. So the opposite is: only move children if this
-    // is not a reorder, or the teleport is disabled
-    if (!isReorder || isTeleportDisabled(props)) {
-        // Teleport has either Array children or no children.
-        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            for (let i = 0; i < children.length; i++) {
-                move(children[i], container, parentAnchor, 2 /* REORDER */);
-            }
+    else {
+        children = String(children);
+        // force teleport children to array so it can be moved around
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type = 16 /* ARRAY_CHILDREN */;
+            children = [createTextVNode(children)];
+        }
+        else {
+            type = 8 /* TEXT_CHILDREN */;
         }
     }
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(anchor, container, parentAnchor);
-    }
+    vnode.children = children;
+    vnode.shapeFlag |= type;
 }
-function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
-    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
-    if (target) {
-        // if multiple teleports rendered to the same target element, we need to
-        // pick up from where the last teleport finished instead of the first node
-        const targetNode = target._lpa || target.firstChild;
-        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            if (isTeleportDisabled(vnode.props)) {
-                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-                vnode.targetAnchor = targetNode;
+function mergeProps(...args) {
+    const ret = {};
+    for (let i = 0; i < args.length; i++) {
+        const toMerge = args[i];
+        for (const key in toMerge) {
+            if (key === 'class') {
+                if (ret.class !== toMerge.class) {
+                    ret.class = shared.normalizeClass([ret.class, toMerge.class]);
+                }
             }
-            else {
-                vnode.anchor = nextSibling(node);
-                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+            else if (key === 'style') {
+                ret.style = shared.normalizeStyle([ret.style, toMerge.style]);
+            }
+            else if (shared.isOn(key)) {
+                const existing = ret[key];
+                const incoming = toMerge[key];
+                if (existing !== incoming) {
+                    ret[key] = existing
+                        ? [].concat(existing, incoming)
+                        : incoming;
+                }
+            }
+            else if (key !== '') {
+                ret[key] = toMerge[key];
             }
-            target._lpa =
-                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
         }
     }
-    return vnode.anchor && nextSibling(vnode.anchor);
-}
-// Force-casted public typing for h and TSX props inference
-const Teleport = TeleportImpl;
+    return ret;
+}
 
-const COMPONENTS = 'components';
-const DIRECTIVES = 'directives';
 /**
- * @private
- */
-function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
-}
-const NULL_DYNAMIC_COMPONENT = Symbol();
-/**
- * @private
+ * Actual implementation
  */
-function resolveDynamicComponent(component) {
-    if (shared.isString(component)) {
-        return resolveAsset(COMPONENTS, component, false) || component;
-    }
-    else {
-        // invalid types will fallthrough to createVNode and raise warning
-        return (component || NULL_DYNAMIC_COMPONENT);
+function renderList(source, renderItem, cache, index) {
+    let ret;
+    const cached = (cache && cache[index]);
+    if (shared.isArray(source) || shared.isString(source)) {
+        ret = new Array(source.length);
+        for (let i = 0, l = source.length; i < l; i++) {
+            ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
+        }
     }
-}
-/**
- * @private
- */
-function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
-}
-// implementation
-function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    const instance = currentRenderingInstance || currentInstance;
-    if (instance) {
-        const Component = instance.type;
-        // explicit self name has highest priority
-        if (type === COMPONENTS) {
-            const selfName = getComponentName(Component);
-            if (selfName &&
-                (selfName === name ||
-                    selfName === shared.camelize(name) ||
-                    selfName === shared.capitalize(shared.camelize(name)))) {
-                return Component;
-            }
+    else if (typeof source === 'number') {
+        if (!Number.isInteger(source)) {
+            warn$1(`The v-for range expect an integer value but got ${source}.`);
+            return [];
         }
-        const res = 
-        // local registration
-        // check instance[type] first which is resolved for options API
-        resolve(instance[type] || Component[type], name) ||
-            // global registration
-            resolve(instance.appContext[type], name);
-        if (!res && maybeSelfReference) {
-            // fallback to implicit self-reference
-            return Component;
+        ret = new Array(source);
+        for (let i = 0; i < source; i++) {
+            ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
         }
-        if (warnMissing && !res) {
-            warn(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+    }
+    else if (shared.isObject(source)) {
+        if (source[Symbol.iterator]) {
+            ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
+        }
+        else {
+            const keys = Object.keys(source);
+            ret = new Array(keys.length);
+            for (let i = 0, l = keys.length; i < l; i++) {
+                const key = keys[i];
+                ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+            }
         }
-        return res;
     }
     else {
-        warn(`resolve${shared.capitalize(type.slice(0, -1))} ` +
-            `can only be used in render() or setup().`);
+        ret = [];
     }
-}
-function resolve(registry, name) {
-    return (registry &&
-        (registry[name] ||
-            registry[shared.camelize(name)] ||
-            registry[shared.capitalize(shared.camelize(name))]));
+    if (cache) {
+        cache[index] = ret;
+    }
+    return ret;
 }
-
-const Fragment = Symbol('Fragment' );
-const Text = Symbol('Text' );
-const Comment$1 = Symbol('Comment' );
-const Static = Symbol('Static' );
-// Since v-if and v-for are the two possible ways node structure can dynamically
-// change, once we consider v-if branches and each v-for fragment a block, we
-// can divide a template into nested blocks, and within each block the node
-// structure would be stable. This allows us to skip most children diffing
-// and only worry about the dynamic nodes (indicated by patch flags).
-const blockStack = [];
-let currentBlock = null;
-/**
- * Open a block.
- * This must be called before `createBlock`. It cannot be part of `createBlock`
- * because the children of the block are evaluated before `createBlock` itself
- * is called. The generated code typically looks like this:
- *
- * ```js
- * function render() {
- *   return (openBlock(),createBlock('div', null, [...]))
- * }
- * ```
- * disableTracking is true when creating a v-for fragment block, since a v-for
- * fragment always diffs its children.
- *
+
+/**
+ * Compiler runtime helper for creating dynamic slots object
  * @private
  */
-function openBlock(disableTracking = false) {
-    blockStack.push((currentBlock = disableTracking ? null : []));
-}
-function closeBlock() {
-    blockStack.pop();
-    currentBlock = blockStack[blockStack.length - 1] || null;
-}
-// Whether we should be tracking dynamic child nodes inside a block.
-// Only tracks when this value is > 0
-// We are not using a simple boolean because this value may need to be
-// incremented/decremented by nested usage of v-once (see below)
-let isBlockTreeEnabled = 1;
+function createSlots(slots, dynamicSlots) {
+    for (let i = 0; i < dynamicSlots.length; i++) {
+        const slot = dynamicSlots[i];
+        // array of dynamic slot generated by <template v-for="..." #[...]>
+        if (shared.isArray(slot)) {
+            for (let j = 0; j < slot.length; j++) {
+                slots[slot[j].name] = slot[j].fn;
+            }
+        }
+        else if (slot) {
+            // conditional single slot generated by <template v-if="..." #foo>
+            slots[slot.name] = slot.fn;
+        }
+    }
+    return slots;
+}
+
 /**
- * Block tracking sometimes needs to be disabled, for example during the
- * creation of a tree that needs to be cached by v-once. The compiler generates
- * code like this:
- *
- * ``` js
- * _cache[1] || (
- *   setBlockTracking(-1),
- *   _cache[1] = createVNode(...),
- *   setBlockTracking(1),
- *   _cache[1]
- * )
- * ```
- *
+ * Compiler runtime helper for rendering `<slot/>`
  * @private
  */
-function setBlockTracking(value) {
-    isBlockTreeEnabled += value;
+function renderSlot(slots, name, props = {}, 
+// this is not a user-facing function, so the fallback is always generated by
+// the compiler and guaranteed to be a function returning an array
+fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+    }
+    let slot = slots[name];
+    if (slot && slot.length > 1) {
+        warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+            `function. You need to mark this component with $dynamic-slots in the ` +
+            `parent template.`);
+        slot = () => [];
+    }
+    // a compiled slot disables block tracking by default to avoid manual
+    // invocation interfering with template-based block tracking, but in
+    // `renderSlot` we can be sure that it's template-based so we can force
+    // enable it.
+    if (slot && slot._c) {
+        slot._d = false;
+    }
+    openBlock();
+    const validSlotContent = slot && ensureValidVNode(slot(props));
+    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
+        ? 64 /* STABLE_FRAGMENT */
+        : -2 /* BAIL */);
+    if (!noSlotted && rendered.scopeId) {
+        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    }
+    if (slot && slot._c) {
+        slot._d = true;
+    }
+    return rendered;
 }
+function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+        if (!isVNode(child))
+            return true;
+        if (child.type === Comment$1)
+            return false;
+        if (child.type === Fragment &&
+            !ensureValidVNode(child.children))
+            return false;
+        return true;
+    })
+        ? vnodes
+        : null;
+}
+
 /**
- * Create a block root vnode. Takes the same exact arguments as `createVNode`.
- * A block root keeps track of dynamic nodes within the block in the
- * `dynamicChildren` array.
- *
+ * For prefixing keys in v-on="obj" with "on"
  * @private
  */
-function createBlock(type, props, children, patchFlag, dynamicProps) {
-    const vnode = createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */);
-    // save current block children on the block vnode
-    vnode.dynamicChildren =
-        isBlockTreeEnabled > 0 ? currentBlock || shared.EMPTY_ARR : null;
-    // close block
-    closeBlock();
-    // a block is always going to be patched, so track it as a child of its
-    // parent block
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-        currentBlock.push(vnode);
+function toHandlers(obj) {
+    const ret = {};
+    if (!shared.isObject(obj)) {
+        warn$1(`v-on with no argument expects an object value.`);
+        return ret;
     }
-    return vnode;
-}
-function isVNode(value) {
-    return value ? value.__v_isVNode === true : false;
-}
-function isSameVNodeType(n1, n2) {
-    if (n2.shapeFlag & 6 /* COMPONENT */ &&
-        hmrDirtyComponents.has(n2.type)) {
-        // HMR only: if the component has been hot-updated, force a reload.
-        return false;
+    for (const key in obj) {
+        ret[shared.toHandlerKey(key)] = obj[key];
     }
-    return n1.type === n2.type && n1.key === n2.key;
-}
-let vnodeArgsTransformer;
+    return ret;
+}
+
 /**
- * Internal API for registering an arguments transform for createVNode
- * used for creating stubs in the test-utils
- * It is *internal* but needs to be exposed for test-utils to pick up proper
- * typings
+ * #2437 In Vue 3, functional components do not have a public instance proxy but
+ * they exist in the internal parent chain. For code that relies on traversing
+ * public $parent chains, skip functional ones and go to the parent instead.
  */
-function transformVNodeArgs(transformer) {
-    vnodeArgsTransformer = transformer;
-}
-const createVNodeWithArgsTransform = (...args) => {
-    return _createVNode(...(vnodeArgsTransformer
-        ? vnodeArgsTransformer(args, currentRenderingInstance)
-        : args));
-};
-const InternalObjectKey = `__vInternal`;
-const normalizeKey = ({ key }) => key != null ? key : null;
-const normalizeRef = ({ ref }) => {
-    return (ref != null
-        ? shared.isString(ref) || isRef(ref) || shared.isFunction(ref)
-            ? { i: currentRenderingInstance, r: ref }
-            : ref
-        : null);
+const getPublicInstance = (i) => {
+    if (!i)
+        return null;
+    if (isStatefulComponent(i))
+        return getExposeProxy(i) || i.proxy;
+    return getPublicInstance(i.parent);
 };
-const createVNode = (createVNodeWithArgsTransform
-    );
-function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-        if (!type) {
-            warn(`Invalid vnode type when creating vnode: ${type}.`);
+const publicPropertiesMap = shared.extend(Object.create(null), {
+    $: i => i,
+    $el: i => i.vnode.el,
+    $data: i => i.data,
+    $props: i => (shallowReadonly(i.props) ),
+    $attrs: i => (shallowReadonly(i.attrs) ),
+    $slots: i => (shallowReadonly(i.slots) ),
+    $refs: i => (shallowReadonly(i.refs) ),
+    $parent: i => getPublicInstance(i.parent),
+    $root: i => getPublicInstance(i.root),
+    $emit: i => i.emit,
+    $options: i => (resolveMergedOptions(i) ),
+    $forceUpdate: i => () => queueJob(i.update),
+    $nextTick: i => nextTick.bind(i.proxy),
+    $watch: i => (instanceWatch.bind(i) )
+});
+const PublicInstanceProxyHandlers = {
+    get({ _: instance }, key) {
+        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
+        // for internal formatters to know that this is a Vue instance
+        if (key === '__isVue') {
+            return true;
+        }
+        // prioritize <script setup> bindings during dev.
+        // this allows even properties that start with _ or $ to be used - so that
+        // it aligns with the production behavior where the render fn is inlined and
+        // indeed has access to all declared variables.
+        if (setupState !== shared.EMPTY_OBJ &&
+            setupState.__isScriptSetup &&
+            shared.hasOwn(setupState, key)) {
+            return setupState[key];
+        }
+        // data / props / ctx
+        // This getter gets called for every property access on the render context
+        // during render and is a major hotspot. The most expensive part of this
+        // is the multiple hasOwn() calls. It's much faster to do a simple property
+        // access on a plain object, so we use an accessCache object (with null
+        // prototype) to memoize what access type a key corresponds to.
+        let normalizedProps;
+        if (key[0] !== '$') {
+            const n = accessCache[key];
+            if (n !== undefined) {
+                switch (n) {
+                    case 0 /* SETUP */:
+                        return setupState[key];
+                    case 1 /* DATA */:
+                        return data[key];
+                    case 3 /* CONTEXT */:
+                        return ctx[key];
+                    case 2 /* PROPS */:
+                        return props[key];
+                    // default: just fallthrough
+                }
+            }
+            else if (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) {
+                accessCache[key] = 0 /* SETUP */;
+                return setupState[key];
+            }
+            else if (data !== shared.EMPTY_OBJ && shared.hasOwn(data, key)) {
+                accessCache[key] = 1 /* DATA */;
+                return data[key];
+            }
+            else if (
+            // only cache other properties when instance has declared (thus stable)
+            // props
+            (normalizedProps = instance.propsOptions[0]) &&
+                shared.hasOwn(normalizedProps, key)) {
+                accessCache[key] = 2 /* PROPS */;
+                return props[key];
+            }
+            else if (ctx !== shared.EMPTY_OBJ && shared.hasOwn(ctx, key)) {
+                accessCache[key] = 3 /* CONTEXT */;
+                return ctx[key];
+            }
+            else if (shouldCacheAccess) {
+                accessCache[key] = 4 /* OTHER */;
+            }
+        }
+        const publicGetter = publicPropertiesMap[key];
+        let cssModule, globalProperties;
+        // public $xxx properties
+        if (publicGetter) {
+            if (key === '$attrs') {
+                track(instance, "get" /* GET */, key);
+                markAttrsAccessed();
+            }
+            return publicGetter(instance);
+        }
+        else if (
+        // css module (injected by vue-loader)
+        (cssModule = type.__cssModules) &&
+            (cssModule = cssModule[key])) {
+            return cssModule;
         }
-        type = Comment$1;
-    }
-    if (isVNode(type)) {
-        // createVNode receiving an existing vnode. This happens in cases like
-        // <component :is="vnode"/>
-        // #2078 make sure to merge refs during the clone instead of overwriting it
-        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
-        if (children) {
-            normalizeChildren(cloned, children);
+        else if (ctx !== shared.EMPTY_OBJ && shared.hasOwn(ctx, key)) {
+            // user may set custom properties to `this` that start with `$`
+            accessCache[key] = 3 /* CONTEXT */;
+            return ctx[key];
         }
-        return cloned;
-    }
-    // class component normalization.
-    if (isClassComponent(type)) {
-        type = type.__vccOpts;
-    }
-    // class & style normalization.
-    if (props) {
-        // for reactive or proxy objects, we need to clone it to enable mutation.
-        if (isProxy(props) || InternalObjectKey in props) {
-            props = shared.extend({}, props);
+        else if (
+        // global properties
+        ((globalProperties = appContext.config.globalProperties),
+            shared.hasOwn(globalProperties, key))) {
+            {
+                return globalProperties[key];
+            }
         }
-        let { class: klass, style } = props;
-        if (klass && !shared.isString(klass)) {
-            props.class = shared.normalizeClass(klass);
+        else if (currentRenderingInstance &&
+            (!shared.isString(key) ||
+                // #1091 avoid internal isRef/isVNode checks on component instance leading
+                // to infinite warning loop
+                key.indexOf('__v') !== 0)) {
+            if (data !== shared.EMPTY_OBJ &&
+                (key[0] === '$' || key[0] === '_') &&
+                shared.hasOwn(data, key)) {
+                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                    `character ("$" or "_") and is not proxied on the render context.`);
+            }
+            else if (instance === currentRenderingInstance) {
+                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
+                    `but is not defined on instance.`);
+            }
         }
-        if (shared.isObject(style)) {
-            // reactive state objects need to be cloned since they are likely to be
-            // mutated
-            if (isProxy(style) && !shared.isArray(style)) {
-                style = shared.extend({}, style);
+    },
+    set({ _: instance }, key, value) {
+        const { data, setupState, ctx } = instance;
+        if (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) {
+            setupState[key] = value;
+        }
+        else if (data !== shared.EMPTY_OBJ && shared.hasOwn(data, key)) {
+            data[key] = value;
+        }
+        else if (shared.hasOwn(instance.props, key)) {
+            warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+            return false;
+        }
+        if (key[0] === '$' && key.slice(1) in instance) {
+            warn$1(`Attempting to mutate public property "${key}". ` +
+                    `Properties starting with $ are reserved and readonly.`, instance);
+            return false;
+        }
+        else {
+            if (key in instance.appContext.config.globalProperties) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    value
+                });
+            }
+            else {
+                ctx[key] = value;
             }
-            props.style = shared.normalizeStyle(style);
         }
+        return true;
+    },
+    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
+        let normalizedProps;
+        return (accessCache[key] !== undefined ||
+            (data !== shared.EMPTY_OBJ && shared.hasOwn(data, key)) ||
+            (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) ||
+            ((normalizedProps = propsOptions[0]) && shared.hasOwn(normalizedProps, key)) ||
+            shared.hasOwn(ctx, key) ||
+            shared.hasOwn(publicPropertiesMap, key) ||
+            shared.hasOwn(appContext.config.globalProperties, key));
     }
-    // encode the vnode type information into a bitmap
-    const shapeFlag = shared.isString(type)
-        ? 1 /* ELEMENT */
-        : isSuspense(type)
-            ? 128 /* SUSPENSE */
-            : isTeleport(type)
-                ? 64 /* TELEPORT */
-                : shared.isObject(type)
-                    ? 4 /* STATEFUL_COMPONENT */
-                    : shared.isFunction(type)
-                        ? 2 /* FUNCTIONAL_COMPONENT */
-                        : 0;
-    if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
-        type = toRaw(type);
-        warn(`Vue received a Component which was made a reactive object. This can ` +
-            `lead to unnecessary performance overhead, and should be avoided by ` +
-            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
-            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
+};
+{
+    PublicInstanceProxyHandlers.ownKeys = (target) => {
+        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+            `The keys will be empty in production mode to avoid performance overhead.`);
+        return Reflect.ownKeys(target);
+    };
+}
+const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ shared.extend({}, PublicInstanceProxyHandlers, {
+    get(target, key) {
+        // fast path for unscopables when using `with` block
+        if (key === Symbol.unscopables) {
+            return;
+        }
+        return PublicInstanceProxyHandlers.get(target, key, target);
+    },
+    has(_, key) {
+        const has = key[0] !== '_' && !shared.isGloballyWhitelisted(key);
+        if (!has && PublicInstanceProxyHandlers.has(_, key)) {
+            warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+        }
+        return has;
     }
-    const vnode = {
-        __v_isVNode: true,
-        __v_skip: true,
+});
+// dev only
+// In dev mode, the proxy target exposes the same properties as seen on `this`
+// for easier console inspection. In prod mode it will be an empty object so
+// these properties definitions can be skipped.
+function createDevRenderContext(instance) {
+    const target = {};
+    // expose internal instance for proxy handlers
+    Object.defineProperty(target, `_`, {
+        configurable: true,
+        enumerable: false,
+        get: () => instance
+    });
+    // expose public properties
+    Object.keys(publicPropertiesMap).forEach(key => {
+        Object.defineProperty(target, key, {
+            configurable: true,
+            enumerable: false,
+            get: () => publicPropertiesMap[key](instance),
+            // intercepted by the proxy so no need for implementation,
+            // but needed to prevent set errors
+            set: shared.NOOP
+        });
+    });
+    return target;
+}
+// dev only
+function exposePropsOnRenderContext(instance) {
+    const { ctx, propsOptions: [propsOptions] } = instance;
+    if (propsOptions) {
+        Object.keys(propsOptions).forEach(key => {
+            Object.defineProperty(ctx, key, {
+                enumerable: true,
+                configurable: true,
+                get: () => instance.props[key],
+                set: shared.NOOP
+            });
+        });
+    }
+}
+// dev only
+function exposeSetupStateOnRenderContext(instance) {
+    const { ctx, setupState } = instance;
+    Object.keys(toRaw(setupState)).forEach(key => {
+        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
+            warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                `which are reserved prefixes for Vue internals.`);
+            return;
+        }
+        Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => setupState[key],
+            set: shared.NOOP
+        });
+    });
+}
+
+const emptyAppContext = createAppContext();
+let uid$1 = 0;
+function createComponentInstance(vnode, parent, suspense) {
+    const type = vnode.type;
+    // inherit parent app context - or - if root, adopt from root vnode
+    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
+    const instance = {
+        uid: uid$1++,
+        vnode,
         type,
-        props,
-        key: props && normalizeKey(props),
-        ref: props && normalizeRef(props),
-        scopeId: currentScopeId,
-        slotScopeIds: null,
-        children: null,
-        component: null,
-        suspense: null,
-        ssContent: null,
-        ssFallback: null,
-        dirs: null,
-        transition: null,
-        el: null,
-        anchor: null,
-        target: null,
-        targetAnchor: null,
-        shapeFlag,
-        patchFlag,
-        dynamicProps,
-        dynamicChildren: null,
-        appContext: null
+        parent,
+        appContext,
+        root: null,
+        next: null,
+        subTree: null,
+        update: null,
+        scope: new EffectScope(true /* detached */),
+        render: null,
+        proxy: null,
+        exposed: null,
+        exposeProxy: null,
+        withProxy: null,
+        provides: parent ? parent.provides : Object.create(appContext.provides),
+        accessCache: null,
+        renderCache: [],
+        // local resovled assets
+        components: null,
+        directives: null,
+        // resolved props and emits options
+        propsOptions: normalizePropsOptions(type, appContext),
+        emitsOptions: normalizeEmitsOptions(type, appContext),
+        // emit
+        emit: null,
+        emitted: null,
+        // props default value
+        propsDefaults: shared.EMPTY_OBJ,
+        // inheritAttrs
+        inheritAttrs: type.inheritAttrs,
+        // state
+        ctx: shared.EMPTY_OBJ,
+        data: shared.EMPTY_OBJ,
+        props: shared.EMPTY_OBJ,
+        attrs: shared.EMPTY_OBJ,
+        slots: shared.EMPTY_OBJ,
+        refs: shared.EMPTY_OBJ,
+        setupState: shared.EMPTY_OBJ,
+        setupContext: null,
+        // suspense related
+        suspense,
+        suspenseId: suspense ? suspense.pendingId : 0,
+        asyncDep: null,
+        asyncResolved: false,
+        // lifecycle hooks
+        // not using enums here because it results in computed properties
+        isMounted: false,
+        isUnmounted: false,
+        isDeactivated: false,
+        bc: null,
+        c: null,
+        bm: null,
+        m: null,
+        bu: null,
+        u: null,
+        um: null,
+        bum: null,
+        bda: null,
+        da: null,
+        ba: null,
+        a: null,
+        rtg: null,
+        rtc: null,
+        ec: null,
+        sp: null
     };
-    // validate key
-    if (vnode.key !== vnode.key) {
-        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
-    }
-    normalizeChildren(vnode, children);
-    // normalize suspense children
-    if (shapeFlag & 128 /* SUSPENSE */) {
-        type.normalize(vnode);
+    {
+        instance.ctx = createDevRenderContext(instance);
     }
-    if (isBlockTreeEnabled > 0 &&
-        // avoid a block node from tracking itself
-        !isBlockNode &&
-        // has current parent block
-        currentBlock &&
-        // presence of a patch flag indicates this node needs patching on updates.
-        // component nodes also should always be patched, because even if the
-        // component doesn't need to update, it needs to persist the instance on to
-        // the next vnode so that it can be properly unmounted later.
-        (patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
-        // the EVENTS flag is only for hydration and if it is the only flag, the
-        // vnode should not be considered dynamic due to handler caching.
-        patchFlag !== 32 /* HYDRATE_EVENTS */) {
-        currentBlock.push(vnode);
+    instance.root = parent ? parent.root : instance;
+    instance.emit = emit.bind(null, instance);
+    // apply custom element special handling
+    if (vnode.ce) {
+        vnode.ce(instance);
     }
-    return vnode;
-}
-function cloneVNode(vnode, extraProps, mergeRef = false) {
-    // This is intentionally NOT using spread or extend to avoid the runtime
-    // key enumeration cost.
-    const { props, ref, patchFlag, children } = vnode;
-    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    const cloned = {
-        __v_isVNode: true,
-        __v_skip: true,
-        type: vnode.type,
-        props: mergedProps,
-        key: mergedProps && normalizeKey(mergedProps),
-        ref: extraProps && extraProps.ref
-            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
-                // if the vnode itself already has a ref, cloneVNode will need to merge
-                // the refs so the single vnode can be set on multiple refs
-                mergeRef && ref
-                    ? shared.isArray(ref)
-                        ? ref.concat(normalizeRef(extraProps))
-                        : [ref, normalizeRef(extraProps)]
-                    : normalizeRef(extraProps)
-            : ref,
-        scopeId: vnode.scopeId,
-        slotScopeIds: vnode.slotScopeIds,
-        children: patchFlag === -1 /* HOISTED */ && shared.isArray(children)
-            ? children.map(deepCloneVNode)
-            : children,
-        target: vnode.target,
-        targetAnchor: vnode.targetAnchor,
-        staticCount: vnode.staticCount,
-        staticCache: vnode.staticCache,
-        shapeFlag: vnode.shapeFlag,
-        // if the vnode is cloned with extra props, we can no longer assume its
-        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-        // note: perserve flag for fragments since they use the flag for children
-        // fast paths only.
-        patchFlag: extraProps && vnode.type !== Fragment
-            ? patchFlag === -1 // hoisted node
-                ? 16 /* FULL_PROPS */
-                : patchFlag | 16 /* FULL_PROPS */
-            : patchFlag,
-        dynamicProps: vnode.dynamicProps,
-        dynamicChildren: vnode.dynamicChildren,
-        appContext: vnode.appContext,
-        dirs: vnode.dirs,
-        transition: vnode.transition,
-        // These should technically only be non-null on mounted VNodes. However,
-        // they *should* be copied for kept-alive vnodes. So we just always copy
-        // them since them being non-null during a mount doesn't affect the logic as
-        // they will simply be overwritten.
-        component: vnode.component,
-        suspense: vnode.suspense,
-        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
-        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
-        el: vnode.el,
-        anchor: vnode.anchor
-    };
-    return cloned;
+    return instance;
 }
-/**
- * Dev only, for HMR of hoisted vnodes reused in v-for
- * https://github.com/vitejs/vite/issues/2022
- */
-function deepCloneVNode(vnode) {
-    const cloned = cloneVNode(vnode);
-    if (shared.isArray(vnode.children)) {
-        cloned.children = vnode.children.map(deepCloneVNode);
+let currentInstance = null;
+const getCurrentInstance = () => currentInstance || currentRenderingInstance;
+const setCurrentInstance = (instance) => {
+    currentInstance = instance;
+    instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
+};
+const isBuiltInTag = /*#__PURE__*/ shared.makeMap('slot,component');
+function validateComponentName(name, config) {
+    const appIsNativeTag = config.isNativeTag || shared.NO;
+    if (isBuiltInTag(name) || appIsNativeTag(name)) {
+        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
-    return cloned;
-}
-/**
- * @private
- */
-function createTextVNode(text = ' ', flag = 0) {
-    return createVNode(Text, null, text, flag);
 }
-/**
- * @private
- */
-function createStaticVNode(content, numberOfNodes) {
-    // A static vnode can contain multiple stringified elements, and the number
-    // of elements is necessary for hydration.
-    const vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
+function isStatefulComponent(instance) {
+    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
 }
-/**
- * @private
- */
-function createCommentVNode(text = '', 
-// when used as the v-else branch, the comment node must be created as a
-// block to ensure correct updates.
-asBlock = false) {
-    return asBlock
-        ? (openBlock(), createBlock(Comment$1, null, text))
-        : createVNode(Comment$1, null, text);
+exports.isInSSRComponentSetup = false;
+function setupComponent(instance, isSSR = false) {
+    exports.isInSSRComponentSetup = isSSR;
+    const { props, children } = instance.vnode;
+    const isStateful = isStatefulComponent(instance);
+    initProps(instance, props, isStateful, isSSR);
+    initSlots(instance, children);
+    const setupResult = isStateful
+        ? setupStatefulComponent(instance, isSSR)
+        : undefined;
+    exports.isInSSRComponentSetup = false;
+    return setupResult;
 }
-function normalizeVNode(child) {
-    if (child == null || typeof child === 'boolean') {
-        // empty placeholder
-        return createVNode(Comment$1);
+function setupStatefulComponent(instance, isSSR) {
+    const Component = instance.type;
+    {
+        if (Component.name) {
+            validateComponentName(Component.name, instance.appContext.config);
+        }
+        if (Component.components) {
+            const names = Object.keys(Component.components);
+            for (let i = 0; i < names.length; i++) {
+                validateComponentName(names[i], instance.appContext.config);
+            }
+        }
+        if (Component.directives) {
+            const names = Object.keys(Component.directives);
+            for (let i = 0; i < names.length; i++) {
+                validateDirectiveName(names[i]);
+            }
+        }
+        if (Component.compilerOptions && isRuntimeOnly()) {
+            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+                `includes the runtime compiler. Since you are using a runtime-only ` +
+                `build, the options should be passed via your build tool config instead.`);
+        }
     }
-    else if (shared.isArray(child)) {
-        // fragment
-        return createVNode(Fragment, null, 
-        // #3666, avoid reference pollution when reusing vnode
-        child.slice());
+    // 0. create render proxy property access cache
+    instance.accessCache = Object.create(null);
+    // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    {
+        exposePropsOnRenderContext(instance);
     }
-    else if (typeof child === 'object') {
-        // already vnode, this should be the most common since compiled templates
-        // always produce all-vnode children arrays
-        return cloneIfMounted(child);
+    // 2. call setup()
+    const { setup } = Component;
+    if (setup) {
+        const setupContext = (instance.setupContext =
+            setup.length > 1 ? createSetupContext(instance) : null);
+        setCurrentInstance(instance);
+        pauseTracking();
+        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]);
+        resetTracking();
+        unsetCurrentInstance();
+        if (shared.isPromise(setupResult)) {
+            setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+            if (isSSR) {
+                // return the promise so server-renderer can wait on it
+                return setupResult
+                    .then((resolvedResult) => {
+                    handleSetupResult(instance, resolvedResult, isSSR);
+                })
+                    .catch(e => {
+                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
+                });
+            }
+            else {
+                // async setup returned Promise.
+                // bail here and wait for re-entry.
+                instance.asyncDep = setupResult;
+            }
+        }
+        else {
+            handleSetupResult(instance, setupResult, isSSR);
+        }
     }
     else {
-        // strings and numbers
-        return createVNode(Text, null, String(child));
+        finishComponentSetup(instance, isSSR);
     }
 }
-// optimized normalization for template-compiled render fns
-function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
-}
-function normalizeChildren(vnode, children) {
-    let type = 0;
-    const { shapeFlag } = vnode;
-    if (children == null) {
-        children = null;
+function handleSetupResult(instance, setupResult, isSSR) {
+    if (shared.isFunction(setupResult)) {
+        // setup returned an inline render function
+        if (instance.type.__ssrInlineRender) {
+            // when the function's name is `ssrRender` (compiled by SFC inline mode),
+            // set it as ssrRender instead.
+            instance.ssrRender = setupResult;
+        }
+        else {
+            instance.render = setupResult;
+        }
+    }
+    else if (shared.isObject(setupResult)) {
+        if (isVNode(setupResult)) {
+            warn$1(`setup() should not return VNodes directly - ` +
+                `return a render function instead.`);
+        }
+        // setup returned bindings.
+        // assuming a render function compiled from template is present.
+        {
+            instance.devtoolsRawSetupState = setupResult;
+        }
+        instance.setupState = proxyRefs(setupResult);
+        {
+            exposeSetupStateOnRenderContext(instance);
+        }
     }
-    else if (shared.isArray(children)) {
-        type = 16 /* ARRAY_CHILDREN */;
+    else if (setupResult !== undefined) {
+        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
     }
-    else if (typeof children === 'object') {
-        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
-            // Normalize slot to plain children for plain element and Teleport
-            const slot = children.default;
-            if (slot) {
-                // _c marker is added by withCtx() indicating this is a compiled slot
-                slot._c && (slot._d = false);
-                normalizeChildren(vnode, slot());
-                slot._c && (slot._d = true);
-            }
-            return;
+    finishComponentSetup(instance, isSSR);
+}
+let compile;
+let installWithProxy;
+/**
+ * For runtime-dom to register the compiler.
+ * Note the exported method uses any to avoid d.ts relying on the compiler types.
+ */
+function registerRuntimeCompiler(_compile) {
+    compile = _compile;
+    installWithProxy = i => {
+        if (i.render._rc) {
+            i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
         }
-        else {
-            type = 32 /* SLOTS_CHILDREN */;
-            const slotFlag = children._;
-            if (!slotFlag && !(InternalObjectKey in children)) {
-                children._ctx = currentRenderingInstance;
-            }
-            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
-                // a child component receives forwarded slots from the parent.
-                // its slot type is determined by its parent's slot type.
-                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
-                    children._ = 1 /* STABLE */;
+    };
+}
+// dev only
+const isRuntimeOnly = () => !compile;
+function finishComponentSetup(instance, isSSR, skipOptions) {
+    const Component = instance.type;
+    // template / render function normalization
+    if (isSSR) {
+        // 1. the render function may already exist, returned by `setup`
+        // 2. otherwise try to use the `Component.render`
+        // 3. if the component doesn't have a render function,
+        //    set `instance.render` to NOOP so that it can inherit the render
+        //    function from mixins/extend
+        instance.render = (instance.render ||
+            Component.render ||
+            shared.NOOP);
+    }
+    else if (!instance.render) {
+        // could be set from setup()
+        if (compile && !Component.render) {
+            const template = Component.template;
+            if (template) {
+                {
+                    startMeasure(instance, `compile`);
                 }
-                else {
-                    children._ = 2 /* DYNAMIC */;
-                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                const { isCustomElement, compilerOptions } = instance.appContext.config;
+                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
+                const finalCompilerOptions = shared.extend(shared.extend({
+                    isCustomElement,
+                    delimiters
+                }, compilerOptions), componentCompilerOptions);
+                Component.render = compile(template, finalCompilerOptions);
+                {
+                    endMeasure(instance, `compile`);
                 }
             }
         }
+        instance.render = (Component.render || shared.NOOP);
+        // for runtime-compiled render functions using `with` blocks, the render
+        // proxy used needs a different `has` handler which is more performant and
+        // also only allows a whitelist of globals to fallthrough.
+        if (installWithProxy) {
+            installWithProxy(instance);
+        }
     }
-    else if (shared.isFunction(children)) {
-        children = { default: children, _ctx: currentRenderingInstance };
-        type = 32 /* SLOTS_CHILDREN */;
+    // support for 2.x options
+    {
+        setCurrentInstance(instance);
+        pauseTracking();
+        applyOptions(instance);
+        resetTracking();
+        unsetCurrentInstance();
     }
-    else {
-        children = String(children);
-        // force teleport children to array so it can be moved around
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type = 16 /* ARRAY_CHILDREN */;
-            children = [createTextVNode(children)];
+    // warn missing template/render
+    // the runtime compilation of template in SSR is done by server-render
+    if (!Component.render && instance.render === shared.NOOP && !isSSR) {
+        /* istanbul ignore if */
+        if (!compile && Component.template) {
+            warn$1(`Component provided template option but ` +
+                `runtime compilation is not supported in this build of Vue.` +
+                (``) /* should not happen */);
         }
         else {
-            type = 8 /* TEXT_CHILDREN */;
+            warn$1(`Component is missing template or render function.`);
         }
     }
-    vnode.children = children;
-    vnode.shapeFlag |= type;
 }
-function mergeProps(...args) {
-    const ret = shared.extend({}, args[0]);
-    for (let i = 1; i < args.length; i++) {
-        const toMerge = args[i];
-        for (const key in toMerge) {
-            if (key === 'class') {
-                if (ret.class !== toMerge.class) {
-                    ret.class = shared.normalizeClass([ret.class, toMerge.class]);
-                }
-            }
-            else if (key === 'style') {
-                ret.style = shared.normalizeStyle([ret.style, toMerge.style]);
+function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, {
+            get(target, key) {
+                markAttrsAccessed();
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            },
+            set() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            },
+            deleteProperty() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
             }
-            else if (shared.isOn(key)) {
-                const existing = ret[key];
-                const incoming = toMerge[key];
-                if (existing !== incoming) {
-                    ret[key] = existing
-                        ? [].concat(existing, incoming)
-                        : incoming;
+        }
+        );
+}
+function createSetupContext(instance) {
+    const expose = exposed => {
+        if (instance.exposed) {
+            warn$1(`expose() should be called only once per setup().`);
+        }
+        instance.exposed = exposed || {};
+    };
+    let attrs;
+    {
+        // We use getters in dev in case libs like test-utils overwrite instance
+        // properties (overwrites should not be done in prod)
+        return Object.freeze({
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            get slots() {
+                return shallowReadonly(instance.slots);
+            },
+            get emit() {
+                return (event, ...args) => instance.emit(event, ...args);
+            },
+            expose
+        });
+    }
+}
+function getExposeProxy(instance) {
+    if (instance.exposed) {
+        return (instance.exposeProxy ||
+            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+                get(target, key) {
+                    if (key in target) {
+                        return target[key];
+                    }
+                    else if (key in publicPropertiesMap) {
+                        return publicPropertiesMap[key](instance);
+                    }
                 }
-            }
-            else if (key !== '') {
-                ret[key] = toMerge[key];
-            }
+            })));
+    }
+}
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return shared.isFunction(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
+}
+/* istanbul ignore next */
+function formatComponentName(instance, Component, isRoot = false) {
+    let name = getComponentName(Component);
+    if (!name && Component.__file) {
+        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
+        if (match) {
+            name = match[1];
         }
     }
-    return ret;
+    if (!name && instance && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
+                }
+            }
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    }
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+}
+function isClassComponent(value) {
+    return shared.isFunction(value) && '__vccOpts' in value;
 }
 
-/**
- * Actual implementation
- */
-function renderList(source, renderItem) {
-    let ret;
-    if (shared.isArray(source) || shared.isString(source)) {
-        ret = new Array(source.length);
-        for (let i = 0, l = source.length; i < l; i++) {
-            ret[i] = renderItem(source[i], i);
-        }
+const stack = [];
+function pushWarningContext(vnode) {
+    stack.push(vnode);
+}
+function popWarningContext() {
+    stack.pop();
+}
+function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    const instance = stack.length ? stack[stack.length - 1].component : null;
+    const appWarnHandler = instance && instance.appContext.config.warnHandler;
+    const trace = getComponentTrace();
+    if (appWarnHandler) {
+        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
+            msg + args.join(''),
+            instance && instance.proxy,
+            trace
+                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
+                .join('\n'),
+            trace
+        ]);
     }
-    else if (typeof source === 'number') {
-        if (!Number.isInteger(source)) {
-            warn(`The v-for range expect an integer value but got ${source}.`);
-            return [];
-        }
-        ret = new Array(source);
-        for (let i = 0; i < source; i++) {
-            ret[i] = renderItem(i + 1, i);
+    else {
+        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
+        /* istanbul ignore if */
+        if (trace.length &&
+            // avoid spamming console during tests
+            !false) {
+            warnArgs.push(`\n`, ...formatTrace(trace));
         }
+        console.warn(...warnArgs);
     }
-    else if (shared.isObject(source)) {
-        if (source[Symbol.iterator]) {
-            ret = Array.from(source, renderItem);
+    resetTracking();
+}
+function getComponentTrace() {
+    let currentVNode = stack[stack.length - 1];
+    if (!currentVNode) {
+        return [];
+    }
+    // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
+    const normalizedStack = [];
+    while (currentVNode) {
+        const last = normalizedStack[0];
+        if (last && last.vnode === currentVNode) {
+            last.recurseCount++;
         }
         else {
-            const keys = Object.keys(source);
-            ret = new Array(keys.length);
-            for (let i = 0, l = keys.length; i < l; i++) {
-                const key = keys[i];
-                ret[i] = renderItem(source[key], key, i);
-            }
+            normalizedStack.push({
+                vnode: currentVNode,
+                recurseCount: 0
+            });
         }
+        const parentInstance = currentVNode.component && currentVNode.component.parent;
+        currentVNode = parentInstance && parentInstance.vnode;
     }
-    else {
-        ret = [];
+    return normalizedStack;
+}
+/* istanbul ignore next */
+function formatTrace(trace) {
+    const logs = [];
+    trace.forEach((entry, i) => {
+        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    });
+    return logs;
+}
+function formatTraceEntry({ vnode, recurseCount }) {
+    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
+    const isRoot = vnode.component ? vnode.component.parent == null : false;
+    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
+    const close = `>` + postfix;
+    return vnode.props
+        ? [open, ...formatProps(vnode.props), close]
+        : [open + close];
+}
+/* istanbul ignore next */
+function formatProps(props) {
+    const res = [];
+    const keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+        res.push(...formatProp(key, props[key]));
+    });
+    if (keys.length > 3) {
+        res.push(` ...`);
     }
-    return ret;
-}
-
-/**
- * Compiler runtime helper for creating dynamic slots object
- * @private
- */
-function createSlots(slots, dynamicSlots) {
-    for (let i = 0; i < dynamicSlots.length; i++) {
-        const slot = dynamicSlots[i];
-        // array of dynamic slot generated by <template v-for="..." #[...]>
-        if (shared.isArray(slot)) {
-            for (let j = 0; j < slot.length; j++) {
-                slots[slot[j].name] = slot[j].fn;
-            }
-        }
-        else if (slot) {
-            // conditional single slot generated by <template v-if="..." #foo>
-            slots[slot.name] = slot.fn;
-        }
+    return res;
+}
+/* istanbul ignore next */
+function formatProp(key, value, raw) {
+    if (shared.isString(value)) {
+        value = JSON.stringify(value);
+        return raw ? value : [`${key}=${value}`];
     }
-    return slots;
-}
-
-/**
- * Compiler runtime helper for rendering `<slot/>`
- * @private
- */
-function renderSlot(slots, name, props = {}, 
-// this is not a user-facing function, so the fallback is always generated by
-// the compiler and guaranteed to be a function returning an array
-fallback, noSlotted) {
-    let slot = slots[name];
-    if (slot && slot.length > 1) {
-        warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
-            `function. You need to mark this component with $dynamic-slots in the ` +
-            `parent template.`);
-        slot = () => [];
+    else if (typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        value == null) {
+        return raw ? value : [`${key}=${value}`];
     }
-    // a compiled slot disables block tracking by default to avoid manual
-    // invocation interfering with template-based block tracking, but in
-    // `renderSlot` we can be sure that it's template-based so we can force
-    // enable it.
-    if (slot && slot._c) {
-        slot._d = false;
+    else if (isRef(value)) {
+        value = formatProp(key, toRaw(value.value), true);
+        return raw ? value : [`${key}=Ref<`, value, `>`];
     }
-    openBlock();
-    const validSlotContent = slot && ensureValidVNode(slot(props));
-    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
-        ? 64 /* STABLE_FRAGMENT */
-        : -2 /* BAIL */);
-    if (!noSlotted && rendered.scopeId) {
-        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    else if (shared.isFunction(value)) {
+        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
     }
-    if (slot && slot._c) {
-        slot._d = true;
+    else {
+        value = toRaw(value);
+        return raw ? value : [`${key}=`, value];
     }
-    return rendered;
-}
-function ensureValidVNode(vnodes) {
-    return vnodes.some(child => {
-        if (!isVNode(child))
-            return true;
-        if (child.type === Comment$1)
-            return false;
-        if (child.type === Fragment &&
-            !ensureValidVNode(child.children))
-            return false;
-        return true;
-    })
-        ? vnodes
-        : null;
 }
 
-/**
- * For prefixing keys in v-on="obj" with "on"
- * @private
- */
-function toHandlers(obj) {
-    const ret = {};
-    if (!shared.isObject(obj)) {
-        warn(`v-on with no argument expects an object value.`);
-        return ret;
+const ErrorTypeStrings = {
+    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
+    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
+    ["c" /* CREATED */]: 'created hook',
+    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
+    ["m" /* MOUNTED */]: 'mounted hook',
+    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
+    ["u" /* UPDATED */]: 'updated',
+    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
+    ["um" /* UNMOUNTED */]: 'unmounted hook',
+    ["a" /* ACTIVATED */]: 'activated hook',
+    ["da" /* DEACTIVATED */]: 'deactivated hook',
+    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
+    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
+    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
+    [0 /* SETUP_FUNCTION */]: 'setup function',
+    [1 /* RENDER_FUNCTION */]: 'render function',
+    [2 /* WATCH_GETTER */]: 'watcher getter',
+    [3 /* WATCH_CALLBACK */]: 'watcher callback',
+    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
+    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
+    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
+    [7 /* VNODE_HOOK */]: 'vnode hook',
+    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
+    [9 /* TRANSITION_HOOK */]: 'transition hook',
+    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
+    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
+    [12 /* FUNCTION_REF */]: 'ref function',
+    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
+    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+};
+function callWithErrorHandling(fn, instance, type, args) {
+    let res;
+    try {
+        res = args ? fn(...args) : fn();
     }
-    for (const key in obj) {
-        ret[shared.toHandlerKey(key)] = obj[key];
+    catch (err) {
+        handleError(err, instance, type);
     }
-    return ret;
-}
-
-/**
- * #2437 In Vue 3, functional components do not have a public instance proxy but
- * they exist in the internal parent chain. For code that relies on traversing
- * public $parent chains, skip functional ones and go to the parent instead.
- */
-const getPublicInstance = (i) => {
-    if (!i)
-        return null;
-    if (isStatefulComponent(i))
-        return getExposeProxy(i) || i.proxy;
-    return getPublicInstance(i.parent);
-};
-const publicPropertiesMap = shared.extend(Object.create(null), {
-    $: i => i,
-    $el: i => i.vnode.el,
-    $data: i => i.data,
-    $props: i => (shallowReadonly(i.props) ),
-    $attrs: i => (shallowReadonly(i.attrs) ),
-    $slots: i => (shallowReadonly(i.slots) ),
-    $refs: i => (shallowReadonly(i.refs) ),
-    $parent: i => getPublicInstance(i.parent),
-    $root: i => getPublicInstance(i.root),
-    $emit: i => i.emit,
-    $options: i => (resolveMergedOptions(i) ),
-    $forceUpdate: i => () => queueJob(i.update),
-    $nextTick: i => nextTick.bind(i.proxy),
-    $watch: i => (instanceWatch.bind(i) )
-});
-const PublicInstanceProxyHandlers = {
-    get({ _: instance }, key) {
-        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-        // for internal formatters to know that this is a Vue instance
-        if (key === '__isVue') {
-            return true;
-        }
-        // prioritize <script setup> bindings during dev.
-        // this allows even properties that start with _ or $ to be used - so that
-        // it aligns with the production behavior where the render fn is inlined and
-        // indeed has access to all declared variables.
-        if (setupState !== shared.EMPTY_OBJ &&
-            setupState.__isScriptSetup &&
-            shared.hasOwn(setupState, key)) {
-            return setupState[key];
+    return res;
+}
+function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (shared.isFunction(fn)) {
+        const res = callWithErrorHandling(fn, instance, type, args);
+        if (res && shared.isPromise(res)) {
+            res.catch(err => {
+                handleError(err, instance, type);
+            });
         }
-        // data / props / ctx
-        // This getter gets called for every property access on the render context
-        // during render and is a major hotspot. The most expensive part of this
-        // is the multiple hasOwn() calls. It's much faster to do a simple property
-        // access on a plain object, so we use an accessCache object (with null
-        // prototype) to memoize what access type a key corresponds to.
-        let normalizedProps;
-        if (key[0] !== '$') {
-            const n = accessCache[key];
-            if (n !== undefined) {
-                switch (n) {
-                    case 0 /* SETUP */:
-                        return setupState[key];
-                    case 1 /* DATA */:
-                        return data[key];
-                    case 3 /* CONTEXT */:
-                        return ctx[key];
-                    case 2 /* PROPS */:
-                        return props[key];
-                    // default: just fallthrough
+        return res;
+    }
+    const values = [];
+    for (let i = 0; i < fn.length; i++) {
+        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    }
+    return values;
+}
+function handleError(err, instance, type, throwInDev = true) {
+    const contextVNode = instance ? instance.vnode : null;
+    if (instance) {
+        let cur = instance.parent;
+        // the exposed instance is the render proxy to keep it consistent with 2.x
+        const exposedInstance = instance.proxy;
+        // in production the hook receives only the error code
+        const errorInfo = ErrorTypeStrings[type] ;
+        while (cur) {
+            const errorCapturedHooks = cur.ec;
+            if (errorCapturedHooks) {
+                for (let i = 0; i < errorCapturedHooks.length; i++) {
+                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+                        return;
+                    }
                 }
             }
-            else if (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) {
-                accessCache[key] = 0 /* SETUP */;
-                return setupState[key];
-            }
-            else if (data !== shared.EMPTY_OBJ && shared.hasOwn(data, key)) {
-                accessCache[key] = 1 /* DATA */;
-                return data[key];
-            }
-            else if (
-            // only cache other properties when instance has declared (thus stable)
-            // props
-            (normalizedProps = instance.propsOptions[0]) &&
-                shared.hasOwn(normalizedProps, key)) {
-                accessCache[key] = 2 /* PROPS */;
-                return props[key];
-            }
-            else if (ctx !== shared.EMPTY_OBJ && shared.hasOwn(ctx, key)) {
-                accessCache[key] = 3 /* CONTEXT */;
-                return ctx[key];
-            }
-            else if (shouldCacheAccess) {
-                accessCache[key] = 4 /* OTHER */;
-            }
+            cur = cur.parent;
         }
-        const publicGetter = publicPropertiesMap[key];
-        let cssModule, globalProperties;
-        // public $xxx properties
-        if (publicGetter) {
-            if (key === '$attrs') {
-                track(instance, "get" /* GET */, key);
-                markAttrsAccessed();
-            }
-            return publicGetter(instance);
+        // app-level handling
+        const appErrorHandler = instance.appContext.config.errorHandler;
+        if (appErrorHandler) {
+            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
+            return;
         }
-        else if (
-        // css module (injected by vue-loader)
-        (cssModule = type.__cssModules) &&
-            (cssModule = cssModule[key])) {
-            return cssModule;
+    }
+    logError(err, type, contextVNode, throwInDev);
+}
+function logError(err, type, contextVNode, throwInDev = true) {
+    {
+        const info = ErrorTypeStrings[type];
+        if (contextVNode) {
+            pushWarningContext(contextVNode);
         }
-        else if (ctx !== shared.EMPTY_OBJ && shared.hasOwn(ctx, key)) {
-            // user may set custom properties to `this` that start with `$`
-            accessCache[key] = 3 /* CONTEXT */;
-            return ctx[key];
+        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        if (contextVNode) {
+            popWarningContext();
         }
-        else if (
-        // global properties
-        ((globalProperties = appContext.config.globalProperties),
-            shared.hasOwn(globalProperties, key))) {
-            {
-                return globalProperties[key];
-            }
+        // crash in dev by default so it's more noticeable
+        if (throwInDev) {
+            throw err;
         }
-        else if (currentRenderingInstance &&
-            (!shared.isString(key) ||
-                // #1091 avoid internal isRef/isVNode checks on component instance leading
-                // to infinite warning loop
-                key.indexOf('__v') !== 0)) {
-            if (data !== shared.EMPTY_OBJ &&
-                (key[0] === '$' || key[0] === '_') &&
-                shared.hasOwn(data, key)) {
-                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
-                    `character ("$" or "_") and is not proxied on the render context.`);
-            }
-            else if (instance === currentRenderingInstance) {
-                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
-                    `but is not defined on instance.`);
-            }
+        else {
+            console.error(err);
         }
-    },
-    set({ _: instance }, key, value) {
-        const { data, setupState, ctx } = instance;
-        if (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) {
-            setupState[key] = value;
+    }
+}
+
+let isFlushing = false;
+let isFlushPending = false;
+const queue = [];
+let flushIndex = 0;
+const pendingPreFlushCbs = [];
+let activePreFlushCbs = null;
+let preFlushIndex = 0;
+const pendingPostFlushCbs = [];
+let activePostFlushCbs = null;
+let postFlushIndex = 0;
+const resolvedPromise = Promise.resolve();
+let currentFlushPromise = null;
+let currentPreFlushParentJob = null;
+const RECURSION_LIMIT = 100;
+function nextTick(fn) {
+    const p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+}
+// #2768
+// Use binary-search to find a suitable position in the queue,
+// so that the queue maintains the increasing order of job's id,
+// which can prevent the job from being skipped and also can avoid repeated patching.
+function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    let start = flushIndex + 1;
+    let end = queue.length;
+    while (start < end) {
+        const middle = (start + end) >>> 1;
+        const middleJobId = getId(queue[middle]);
+        middleJobId < id ? (start = middle + 1) : (end = middle);
+    }
+    return start;
+}
+function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length ||
+        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
+        job !== currentPreFlushParentJob) {
+        if (job.id == null) {
+            queue.push(job);
         }
-        else if (data !== shared.EMPTY_OBJ && shared.hasOwn(data, key)) {
-            data[key] = value;
+        else {
+            queue.splice(findInsertionIndex(job.id), 0, job);
         }
-        else if (shared.hasOwn(instance.props, key)) {
-            warn(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
-            return false;
+        queueFlush();
+    }
+}
+function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+        isFlushPending = true;
+        currentFlushPromise = resolvedPromise.then(flushJobs);
+    }
+}
+function invalidateJob(job) {
+    const i = queue.indexOf(job);
+    if (i > flushIndex) {
+        queue.splice(i, 1);
+    }
+}
+function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!shared.isArray(cb)) {
+        if (!activeQueue ||
+            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+            pendingQueue.push(cb);
         }
-        if (key[0] === '$' && key.slice(1) in instance) {
-            warn(`Attempting to mutate public property "${key}". ` +
-                    `Properties starting with $ are reserved and readonly.`, instance);
-            return false;
+    }
+    else {
+        // if cb is an array, it is a component lifecycle hook which can only be
+        // triggered by a job, which is already deduped in the main queue, so
+        // we can skip duplicate check here to improve perf
+        pendingQueue.push(...cb);
+    }
+    queueFlush();
+}
+function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+}
+function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+}
+function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+        currentPreFlushParentJob = parentJob;
+        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+        pendingPreFlushCbs.length = 0;
+        {
+            seen = seen || new Map();
         }
-        else {
-            if (key in instance.appContext.config.globalProperties) {
-                Object.defineProperty(ctx, key, {
-                    enumerable: true,
-                    configurable: true,
-                    value
-                });
+        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+            if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+                continue;
             }
-            else {
-                ctx[key] = value;
+            activePreFlushCbs[preFlushIndex]();
+        }
+        activePreFlushCbs = null;
+        preFlushIndex = 0;
+        currentPreFlushParentJob = null;
+        // recursively flush until it drains
+        flushPreFlushCbs(seen, parentJob);
+    }
+}
+function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+        const deduped = [...new Set(pendingPostFlushCbs)];
+        pendingPostFlushCbs.length = 0;
+        // #1947 already has active queue, nested flushPostFlushCbs call
+        if (activePostFlushCbs) {
+            activePostFlushCbs.push(...deduped);
+            return;
+        }
+        activePostFlushCbs = deduped;
+        {
+            seen = seen || new Map();
+        }
+        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+            if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+                continue;
+            }
+            activePostFlushCbs[postFlushIndex]();
+        }
+        activePostFlushCbs = null;
+        postFlushIndex = 0;
+    }
+}
+const getId = (job) => job.id == null ? Infinity : job.id;
+function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
+    {
+        seen = seen || new Map();
+    }
+    flushPreFlushCbs(seen);
+    // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
+    queue.sort((a, b) => getId(a) - getId(b));
+    try {
+        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+            const job = queue[flushIndex];
+            if (job && job.active !== false) {
+                if (true && checkRecursiveUpdates(seen, job)) {
+                    continue;
+                }
+                // console.log(`running:`, job.id)
+                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
             }
         }
-        return true;
-    },
-    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
-        let normalizedProps;
-        return (accessCache[key] !== undefined ||
-            (data !== shared.EMPTY_OBJ && shared.hasOwn(data, key)) ||
-            (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) ||
-            ((normalizedProps = propsOptions[0]) && shared.hasOwn(normalizedProps, key)) ||
-            shared.hasOwn(ctx, key) ||
-            shared.hasOwn(publicPropertiesMap, key) ||
-            shared.hasOwn(appContext.config.globalProperties, key));
     }
-};
-{
-    PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
-            `The keys will be empty in production mode to avoid performance overhead.`);
-        return Reflect.ownKeys(target);
-    };
-}
-const RuntimeCompiledPublicInstanceProxyHandlers = shared.extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-        // fast path for unscopables when using `with` block
-        if (key === Symbol.unscopables) {
-            return;
-        }
-        return PublicInstanceProxyHandlers.get(target, key, target);
-    },
-    has(_, key) {
-        const has = key[0] !== '_' && !shared.isGloballyWhitelisted(key);
-        if (!has && PublicInstanceProxyHandlers.has(_, key)) {
-            warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+    finally {
+        flushIndex = 0;
+        queue.length = 0;
+        flushPostFlushCbs(seen);
+        isFlushing = false;
+        currentFlushPromise = null;
+        // some postFlushCb queued jobs!
+        // keep flushing until it drains.
+        if (queue.length ||
+            pendingPreFlushCbs.length ||
+            pendingPostFlushCbs.length) {
+            flushJobs(seen);
         }
-        return has;
     }
-});
-// In dev mode, the proxy target exposes the same properties as seen on `this`
-// for easier console inspection. In prod mode it will be an empty object so
-// these properties definitions can be skipped.
-function createRenderContext(instance) {
-    const target = {};
-    // expose internal instance for proxy handlers
-    Object.defineProperty(target, `_`, {
-        configurable: true,
-        enumerable: false,
-        get: () => instance
-    });
-    // expose public properties
-    Object.keys(publicPropertiesMap).forEach(key => {
-        Object.defineProperty(target, key, {
-            configurable: true,
-            enumerable: false,
-            get: () => publicPropertiesMap[key](instance),
-            // intercepted by the proxy so no need for implementation,
-            // but needed to prevent set errors
-            set: shared.NOOP
-        });
-    });
-    return target;
 }
-// dev only
-function exposePropsOnRenderContext(instance) {
-    const { ctx, propsOptions: [propsOptions] } = instance;
-    if (propsOptions) {
-        Object.keys(propsOptions).forEach(key => {
-            Object.defineProperty(ctx, key, {
-                enumerable: true,
-                configurable: true,
-                get: () => instance.props[key],
-                set: shared.NOOP
-            });
-        });
+function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+        seen.set(fn, 1);
     }
-}
-// dev only
-function exposeSetupStateOnRenderContext(instance) {
-    const { ctx, setupState } = instance;
-    Object.keys(toRaw(setupState)).forEach(key => {
-        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-            warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
-                `which are reserved prefixes for Vue internals.`);
-            return;
+    else {
+        const count = seen.get(fn);
+        if (count > RECURSION_LIMIT) {
+            const instance = fn.ownerInstance;
+            const componentName = instance && getComponentName(instance.type);
+            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+                `This means you have a reactive effect that is mutating its own ` +
+                `dependencies and thus recursively triggering itself. Possible sources ` +
+                `include component template, render function, updated hook or ` +
+                `watcher source function.`);
+            return true;
         }
-        Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            get: () => setupState[key],
-            set: shared.NOOP
-        });
-    });
+        else {
+            seen.set(fn, count + 1);
+        }
+    }
 }
 
-const emptyAppContext = createAppContext();
-let uid$2 = 0;
-function createComponentInstance(vnode, parent, suspense) {
-    const type = vnode.type;
-    // inherit parent app context - or - if root, adopt from root vnode
-    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    const instance = {
-        uid: uid$2++,
-        vnode,
-        type,
-        parent,
-        appContext,
-        root: null,
-        next: null,
-        subTree: null,
-        update: null,
-        render: null,
-        proxy: null,
-        exposed: null,
-        exposeProxy: null,
-        withProxy: null,
-        effects: null,
-        provides: parent ? parent.provides : Object.create(appContext.provides),
-        accessCache: null,
-        renderCache: [],
-        // local resovled assets
-        components: null,
-        directives: null,
-        // resolved props and emits options
-        propsOptions: normalizePropsOptions(type, appContext),
-        emitsOptions: normalizeEmitsOptions(type, appContext),
-        // emit
-        emit: null,
-        emitted: null,
-        // props default value
-        propsDefaults: shared.EMPTY_OBJ,
-        // inheritAttrs
-        inheritAttrs: type.inheritAttrs,
-        // state
-        ctx: shared.EMPTY_OBJ,
-        data: shared.EMPTY_OBJ,
-        props: shared.EMPTY_OBJ,
-        attrs: shared.EMPTY_OBJ,
-        slots: shared.EMPTY_OBJ,
-        refs: shared.EMPTY_OBJ,
-        setupState: shared.EMPTY_OBJ,
-        setupContext: null,
-        // suspense related
-        suspense,
-        suspenseId: suspense ? suspense.pendingId : 0,
-        asyncDep: null,
-        asyncResolved: false,
-        // lifecycle hooks
-        // not using enums here because it results in computed properties
-        isMounted: false,
-        isUnmounted: false,
-        isDeactivated: false,
-        bc: null,
-        c: null,
-        bm: null,
-        m: null,
-        bu: null,
-        u: null,
-        um: null,
-        bum: null,
-        bda: null,
-        da: null,
-        ba: null,
-        a: null,
-        rtg: null,
-        rtc: null,
-        ec: null,
-        sp: null
-    };
-    {
-        instance.ctx = createRenderContext(instance);
-    }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit.bind(null, instance);
-    return instance;
+// Simple effect.
+function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
 }
-let currentInstance = null;
-const getCurrentInstance = () => currentInstance || currentRenderingInstance;
-const setCurrentInstance = (instance) => {
-    currentInstance = instance;
-};
-const isBuiltInTag = /*#__PURE__*/ shared.makeMap('slot,component');
-function validateComponentName(name, config) {
-    const appIsNativeTag = config.isNativeTag || shared.NO;
-    if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
-    }
+function watchPostEffect(effect, options) {
+    return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' })
+        ));
 }
-function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
+function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' })
+        ));
 }
-exports.isInSSRComponentSetup = false;
-function setupComponent(instance, isSSR = false) {
-    exports.isInSSRComponentSetup = isSSR;
-    const { props, children } = instance.vnode;
-    const isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children);
-    const setupResult = isStateful
-        ? setupStatefulComponent(instance, isSSR)
-        : undefined;
-    exports.isInSSRComponentSetup = false;
-    return setupResult;
+// initial value for watchers to trigger on undefined initial values
+const INITIAL_WATCHER_VALUE = {};
+// implementation
+function watch(source, cb, options) {
+    if (!shared.isFunction(cb)) {
+        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+            `supports \`watch(source, cb, options?) signature.`);
+    }
+    return doWatch(source, cb, options);
 }
-function setupStatefulComponent(instance, isSSR) {
-    const Component = instance.type;
-    {
-        if (Component.name) {
-            validateComponentName(Component.name, instance.appContext.config);
-        }
-        if (Component.components) {
-            const names = Object.keys(Component.components);
-            for (let i = 0; i < names.length; i++) {
-                validateComponentName(names[i], instance.appContext.config);
-            }
-        }
-        if (Component.directives) {
-            const names = Object.keys(Component.directives);
-            for (let i = 0; i < names.length; i++) {
-                validateDirectiveName(names[i]);
-            }
+function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = shared.EMPTY_OBJ) {
+    if (!cb) {
+        if (immediate !== undefined) {
+            warn$1(`watch() "immediate" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
-        if (Component.compilerOptions && isRuntimeOnly()) {
-            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
-                `includes the runtime compiler. Since you are using a runtime-only ` +
-                `build, the options should be passed via your build tool config instead.`);
+        if (deep !== undefined) {
+            warn$1(`watch() "deep" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
     }
-    // 0. create render proxy property access cache
-    instance.accessCache = Object.create(null);
-    // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
-    {
-        exposePropsOnRenderContext(instance);
+    const warnInvalidSource = (s) => {
+        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+            `a reactive object, or an array of these types.`);
+    };
+    const instance = currentInstance;
+    let getter;
+    let forceTrigger = false;
+    let isMultiSource = false;
+    if (isRef(source)) {
+        getter = () => source.value;
+        forceTrigger = !!source._shallow;
     }
-    // 2. call setup()
-    const { setup } = Component;
-    if (setup) {
-        const setupContext = (instance.setupContext =
-            setup.length > 1 ? createSetupContext(instance) : null);
-        currentInstance = instance;
-        pauseTracking();
-        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]);
-        resetTracking();
-        currentInstance = null;
-        if (shared.isPromise(setupResult)) {
-            const unsetInstance = () => {
-                currentInstance = null;
-            };
-            setupResult.then(unsetInstance, unsetInstance);
-            if (isSSR) {
-                // return the promise so server-renderer can wait on it
-                return setupResult
-                    .then((resolvedResult) => {
-                    handleSetupResult(instance, resolvedResult, isSSR);
-                })
-                    .catch(e => {
-                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
-                });
+    else if (isReactive(source)) {
+        getter = () => source;
+        deep = true;
+    }
+    else if (shared.isArray(source)) {
+        isMultiSource = true;
+        forceTrigger = source.some(isReactive);
+        getter = () => source.map(s => {
+            if (isRef(s)) {
+                return s.value;
+            }
+            else if (isReactive(s)) {
+                return traverse(s);
+            }
+            else if (shared.isFunction(s)) {
+                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
             }
             else {
-                // async setup returned Promise.
-                // bail here and wait for re-entry.
-                instance.asyncDep = setupResult;
+                warnInvalidSource(s);
             }
+        });
+    }
+    else if (shared.isFunction(source)) {
+        if (cb) {
+            // getter with cb
+            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
         }
         else {
-            handleSetupResult(instance, setupResult, isSSR);
+            // no cb -> simple effect
+            getter = () => {
+                if (instance && instance.isUnmounted) {
+                    return;
+                }
+                if (cleanup) {
+                    cleanup();
+                }
+                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
+            };
         }
     }
     else {
-        finishComponentSetup(instance, isSSR);
+        getter = shared.NOOP;
+        warnInvalidSource(source);
     }
-}
-function handleSetupResult(instance, setupResult, isSSR) {
-    if (shared.isFunction(setupResult)) {
-        // setup returned an inline render function
-        if (instance.type.__ssrInlineRender) {
-            // when the function's name is `ssrRender` (compiled by SFC inline mode),
-            // set it as ssrRender instead.
-            instance.ssrRender = setupResult;
+    if (cb && deep) {
+        const baseGetter = getter;
+        getter = () => traverse(baseGetter());
+    }
+    let cleanup;
+    let onInvalidate = (fn) => {
+        cleanup = effect.onStop = () => {
+            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
+        };
+    };
+    // in SSR there is no need to setup an actual effect, and it should be noop
+    // unless it's eager
+    if (exports.isInSSRComponentSetup) {
+        // we will also not call the invalidate callback (+ runner is not set up)
+        onInvalidate = shared.NOOP;
+        if (!cb) {
+            getter();
         }
-        else {
-            instance.render = setupResult;
+        else if (immediate) {
+            callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                getter(),
+                isMultiSource ? [] : undefined,
+                onInvalidate
+            ]);
         }
+        return shared.NOOP;
     }
-    else if (shared.isObject(setupResult)) {
-        if (isVNode(setupResult)) {
-            warn(`setup() should not return VNodes directly - ` +
-                `return a render function instead.`);
+    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    const job = () => {
+        if (!effect.active) {
+            return;
         }
-        // setup returned bindings.
-        // assuming a render function compiled from template is present.
-        {
-            instance.devtoolsRawSetupState = setupResult;
+        if (cb) {
+            // watch(source, cb)
+            const newValue = effect.run();
+            if (deep ||
+                forceTrigger ||
+                (isMultiSource
+                    ? newValue.some((v, i) => shared.hasChanged(v, oldValue[i]))
+                    : shared.hasChanged(newValue, oldValue)) ||
+                (false  )) {
+                // cleanup before running cb again
+                if (cleanup) {
+                    cleanup();
+                }
+                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                    newValue,
+                    // pass undefined as the old value when it's changed for the first time
+                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    onInvalidate
+                ]);
+                oldValue = newValue;
+            }
         }
-        instance.setupState = proxyRefs(setupResult);
-        {
-            exposeSetupStateOnRenderContext(instance);
+        else {
+            // watchEffect
+            effect.run();
         }
+    };
+    // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
+    job.allowRecurse = !!cb;
+    let scheduler;
+    if (flush === 'sync') {
+        scheduler = job; // the scheduler function gets called directly
     }
-    else if (setupResult !== undefined) {
-        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
-    }
-    finishComponentSetup(instance, isSSR);
-}
-let compile;
-// dev only
-const isRuntimeOnly = () => !compile;
-/**
- * For runtime-dom to register the compiler.
- * Note the exported method uses any to avoid d.ts relying on the compiler types.
- */
-function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-}
-function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component = instance.type;
-    // template / render function normalization
-    if (isSSR) {
-        // 1. the render function may already exist, returned by `setup`
-        // 2. otherwise try to use the `Component.render`
-        // 3. if the component doesn't have a render function,
-        //    set `instance.render` to NOOP so that it can inherit the render
-        //    function from mixins/extend
-        instance.render = (instance.render ||
-            Component.render ||
-            shared.NOOP);
+    else if (flush === 'post') {
+        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
     }
-    else if (!instance.render) {
-        // could be set from setup()
-        if (compile && !Component.render) {
-            const template = Component.template;
-            if (template) {
-                {
-                    startMeasure(instance, `compile`);
-                }
-                const { isCustomElement, compilerOptions } = instance.appContext.config;
-                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-                const finalCompilerOptions = shared.extend(shared.extend({
-                    isCustomElement,
-                    delimiters
-                }, compilerOptions), componentCompilerOptions);
-                Component.render = compile(template, finalCompilerOptions);
-                {
-                    endMeasure(instance, `compile`);
-                }
+    else {
+        // default: 'pre'
+        scheduler = () => {
+            if (!instance || instance.isMounted) {
+                queuePreFlushCb(job);
             }
-        }
-        instance.render = (Component.render || shared.NOOP);
-        // for runtime-compiled render functions using `with` blocks, the render
-        // proxy used needs a different `has` handler which is more performant and
-        // also only allows a whitelist of globals to fallthrough.
-        if (instance.render._rc) {
-            instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-        }
+            else {
+                // with 'pre' option, the first call must happen before
+                // the component is mounted so it is called synchronously.
+                job();
+            }
+        };
     }
-    // support for 2.x options
+    const effect = new ReactiveEffect(getter, scheduler);
     {
-        currentInstance = instance;
-        pauseTracking();
-        applyOptions(instance);
-        resetTracking();
-        currentInstance = null;
+        effect.onTrack = onTrack;
+        effect.onTrigger = onTrigger;
     }
-    // warn missing template/render
-    // the runtime compilation of template in SSR is done by server-render
-    if (!Component.render && instance.render === shared.NOOP && !isSSR) {
-        /* istanbul ignore if */
-        if (!compile && Component.template) {
-            warn(`Component provided template option but ` +
-                `runtime compilation is not supported in this build of Vue.` +
-                (``) /* should not happen */);
+    // initial run
+    if (cb) {
+        if (immediate) {
+            job();
         }
         else {
-            warn(`Component is missing template or render function.`);
+            oldValue = effect.run();
+        }
+    }
+    else if (flush === 'post') {
+        queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
+    }
+    else {
+        effect.run();
+    }
+    return () => {
+        effect.stop();
+        if (instance && instance.scope) {
+            shared.remove(instance.scope.effects, effect);
         }
+    };
+}
+// this.$watch
+function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = shared.isString(source)
+        ? source.includes('.')
+            ? createPathGetter(publicThis, source)
+            : () => publicThis[source]
+        : source.bind(publicThis, publicThis);
+    let cb;
+    if (shared.isFunction(value)) {
+        cb = value;
+    }
+    else {
+        cb = value.handler;
+        options = value;
+    }
+    const cur = currentInstance;
+    setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    if (cur) {
+        setCurrentInstance(cur);
+    }
+    else {
+        unsetCurrentInstance();
     }
+    return res;
 }
-const attrDevProxyHandlers = {
-    get: (target, key) => {
-        markAttrsAccessed();
-        return target[key];
-    },
-    set: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
-    },
-    deleteProperty: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
-    }
-};
-function createSetupContext(instance) {
-    const expose = exposed => {
-        if (instance.exposed) {
-            warn(`expose() should be called only once per setup().`);
+function createPathGetter(ctx, path) {
+    const segments = path.split('.');
+    return () => {
+        let cur = ctx;
+        for (let i = 0; i < segments.length && cur; i++) {
+            cur = cur[segments[i]];
         }
-        instance.exposed = exposed || {};
+        return cur;
     };
-    {
-        let attrs;
-        // We use getters in dev in case libs like test-utils overwrite instance
-        // properties (overwrites should not be done in prod)
-        return Object.freeze({
-            get attrs() {
-                return (attrs || (attrs = new Proxy(instance.attrs, attrDevProxyHandlers)));
-            },
-            get slots() {
-                return shallowReadonly(instance.slots);
-            },
-            get emit() {
-                return (event, ...args) => instance.emit(event, ...args);
-            },
-            expose
-        });
-    }
 }
-function getExposeProxy(instance) {
-    if (instance.exposed) {
-        return (instance.exposeProxy ||
-            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-                get(target, key) {
-                    if (key in target) {
-                        return target[key];
-                    }
-                    else if (key in publicPropertiesMap) {
-                        return publicPropertiesMap[key](instance);
-                    }
-                }
-            })));
+function traverse(value, seen = new Set()) {
+    if (!shared.isObject(value) || value["__v_skip" /* SKIP */]) {
+        return value;
     }
-}
-// record effects created during a component's setup() so that they can be
-// stopped when the component unmounts
-function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-        (instance.effects || (instance.effects = [])).push(effect);
+    seen = seen || new Set();
+    if (seen.has(value)) {
+        return value;
     }
-}
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return shared.isFunction(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
-}
-/* istanbul ignore next */
-function formatComponentName(instance, Component, isRoot = false) {
-    let name = getComponentName(Component);
-    if (!name && Component.__file) {
-        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-        if (match) {
-            name = match[1];
+    seen.add(value);
+    if (isRef(value)) {
+        traverse(value.value, seen);
+    }
+    else if (shared.isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            traverse(value[i], seen);
         }
     }
-    if (!name && instance && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    else if (shared.isSet(value) || shared.isMap(value)) {
+        value.forEach((v) => {
+            traverse(v, seen);
+        });
     }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-function isClassComponent(value) {
-    return shared.isFunction(value) && '__vccOpts' in value;
-}
-
-function computed$1(getterOrOptions) {
-    const c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    else if (shared.isPlainObject(value)) {
+        for (const key in value) {
+            traverse(value[key], seen);
+        }
+    }
+    return value;
 }
 
 Object.freeze({})
@@ -8336,7 +8653,7 @@ const isPromise = (val) => {
 };
 
 // dev only
-const warnRuntimeUsage = (method) => warn(`${method}() is a compiler-hint helper that is only usable inside ` +
+const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
     `<script setup> of a single file component. Its arguments should be ` +
     `compiled away and passing it at runtime has no effect.`);
 // implementation
@@ -8353,10 +8670,6 @@ function defineEmits() {
     }
     return null;
 }
-/**
- * @deprecated use `defineEmits` instead.
- */
-const defineEmit = defineEmits;
 /**
  * Vue `<script setup>` compiler macro for declaring a component's exposed
  * instance properties when it is accessed by a parent component via template
@@ -8398,16 +8711,6 @@ function withDefaults(props, defaults) {
     }
     return null;
 }
-/**
- * @deprecated use `useSlots` and `useAttrs` instead.
- */
-function useContext() {
-    {
-        warn(`\`useContext()\` has been deprecated and will be removed in the ` +
-            `next minor release. Use \`useSlots()\` and \`useAttrs()\` instead.`);
-    }
-    return getContext();
-}
 function useSlots() {
     return getContext().slots;
 }
@@ -8417,7 +8720,7 @@ function useAttrs() {
 function getContext() {
     const i = getCurrentInstance();
     if (!i) {
-        warn(`useContext() called without active instance.`);
+        warn$1(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
 }
@@ -8438,30 +8741,44 @@ props, defaults) {
             props[key] = { default: defaults[key] };
         }
         else {
-            warn(`props default key "${key}" has no corresponding declaration.`);
+            warn$1(`props default key "${key}" has no corresponding declaration.`);
         }
     }
     return props;
 }
 /**
- * Runtime helper for storing and resuming current instance context in
- * async setup().
+ * `<script setup>` helper for persisting the current instance context over
+ * async/await flows.
+ *
+ * `@vue/compiler-sfc` converts the following:
+ *
+ * ```ts
+ * const x = await foo()
+ * ```
+ *
+ * into:
+ *
+ * ```ts
+ * let __temp, __restore
+ * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+ * ```
+ * @internal
  */
-function withAsyncContext(awaitable) {
+function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
     if (!ctx) {
-        warn(`withAsyncContext() called when there is no active context instance.`);
+        warn$1(`withAsyncContext called without active current instance. ` +
+            `This is likely a bug.`);
     }
-    return isPromise(awaitable)
-        ? awaitable.then(res => {
-            setCurrentInstance(ctx);
-            return res;
-        }, err => {
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+        awaitable = awaitable.catch(e => {
             setCurrentInstance(ctx);
-            throw err;
-        })
-        : awaitable;
+            throw e;
+        });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
 }
 
 // Actual implementation
@@ -8497,7 +8814,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn(`Server rendering context not provided. Make sure to only call ` +
+            warn$1(`Server rendering context not provided. Make sure to only call ` +
                 `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -8693,8 +9010,47 @@ function initCustomFormatter() {
     }
 }
 
+function withMemo(memo, render, cache, index) {
+    const cached = cache[index];
+    if (cached && isMemoSame(cached, memo)) {
+        return cached;
+    }
+    const ret = render();
+    // shallow clone
+    ret.memo = memo.slice();
+    return (cache[index] = ret);
+}
+function isMemoSame(cached, memo) {
+    const prev = cached.memo;
+    if (prev.length != memo.length) {
+        return false;
+    }
+    for (let i = 0; i < prev.length; i++) {
+        if (prev[i] !== memo[i]) {
+            return false;
+        }
+    }
+    // make sure to let parent block track it when returning cached
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(cached);
+    }
+    return true;
+}
+
+function $ref() { }
+function $shallowRef(arg) {
+    return arg;
+}
+function $computed() { }
+function $fromRefs() {
+    return null;
+}
+function $raw() {
+    return null;
+}
+
 // Core API ------------------------------------------------------------------
-const version = "3.1.4";
+const version = "3.2.2";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -8719,6 +9075,7 @@ const compatUtils = (null);
 
 const svgNS = 'http://www.w3.org/2000/svg';
 const doc = (typeof document !== 'undefined' ? document : null);
+const staticTemplateCache = new Map();
 const nodeOps = {
     insert: (child, parent, anchor) => {
         parent.insertBefore(child, anchor || null);
@@ -8769,94 +9126,68 @@ const nodeOps = {
         return cloned;
     },
     // __UNSAFE__
-    // Reason: insertAdjacentHTML.
+    // Reason: innerHTML.
     // Static content here can only come from compiled templates.
     // As long as the user only uses trusted templates, this is safe.
-    insertStaticContent(content, parent, anchor, isSVG, cached) {
-        if (cached) {
-            let first;
-            let last;
-            let i = 0;
-            let l = cached.length;
-            for (; i < l; i++) {
-                const node = cached[i].cloneNode(true);
-                if (i === 0)
-                    first = node;
-                if (i === l - 1)
-                    last = node;
-                parent.insertBefore(node, anchor);
-            }
-            return [first, last];
-        }
+    insertStaticContent(content, parent, anchor, isSVG) {
         // <parent> before | first ... last | anchor </parent>
         const before = anchor ? anchor.previousSibling : parent.lastChild;
-        if (anchor) {
-            let insertionPoint;
-            let usingTempInsertionPoint = false;
-            if (anchor instanceof Element) {
-                insertionPoint = anchor;
-            }
-            else {
-                // insertAdjacentHTML only works for elements but the anchor is not an
-                // element...
-                usingTempInsertionPoint = true;
-                insertionPoint = isSVG
-                    ? doc.createElementNS(svgNS, 'g')
-                    : doc.createElement('div');
-                parent.insertBefore(insertionPoint, anchor);
-            }
-            insertionPoint.insertAdjacentHTML('beforebegin', content);
-            if (usingTempInsertionPoint) {
-                parent.removeChild(insertionPoint);
-            }
-        }
-        else {
-            parent.insertAdjacentHTML('beforeend', content);
-        }
-        let first = before ? before.nextSibling : parent.firstChild;
-        const last = anchor ? anchor.previousSibling : parent.lastChild;
-        const ret = [];
-        while (first) {
-            ret.push(first);
-            if (first === last)
-                break;
-            first = first.nextSibling;
-        }
-        return ret;
+        let template = staticTemplateCache.get(content);
+        if (!template) {
+            const t = doc.createElement('template');
+            t.innerHTML = isSVG ? `<svg>${content}</svg>` : content;
+            template = t.content;
+            if (isSVG) {
+                // remove outer svg wrapper
+                const wrapper = template.firstChild;
+                while (wrapper.firstChild) {
+                    template.appendChild(wrapper.firstChild);
+                }
+                template.removeChild(wrapper);
+            }
+            staticTemplateCache.set(content, template);
+        }
+        parent.insertBefore(template.cloneNode(true), anchor);
+        return [
+            // first
+            before ? before.nextSibling : parent.firstChild,
+            // last
+            anchor ? anchor.previousSibling : parent.lastChild
+        ];
     }
 };
 
 // compiler should normalize class + :class bindings on the same element
 // into a single binding ['staticClass', dynamic]
 function patchClass(el, value, isSVG) {
-    if (value == null) {
-        value = '';
-    }
+    // directly setting className should be faster than setAttribute in theory
+    // if this is an element during a transition, take the temporary transition
+    // classes into account.
     // fixed by xxxxxx wxs
     const { __wxsAddClass, __wxsRemoveClass } = el;
     if (__wxsRemoveClass && __wxsRemoveClass.length) {
-        value = value
+        value = (value || '')
             .split(/\s+/)
             .filter(v => __wxsRemoveClass.indexOf(v) === -1)
             .join(' ');
         __wxsRemoveClass.length = 0;
     }
     if (__wxsAddClass && __wxsAddClass.length) {
-        value = value + ' ' + __wxsAddClass.join(' ');
+        value = (value || '') + ' ' + __wxsAddClass.join(' ');
     }
-    if (isSVG) {
+    const transitionClasses = el._vtc;
+    if (transitionClasses) {
+        value = (value
+            ? [value, ...transitionClasses]
+            : [...transitionClasses]).join(' ');
+    }
+    if (value == null) {
+        el.removeAttribute('class');
+    }
+    else if (isSVG) {
         el.setAttribute('class', value);
     }
     else {
-        // directly setting className should be faster than setAttribute in theory
-        // if this is an element during a transition, take the temporary transition
-        // classes into account.
-        const transitionClasses = el._vtc;
-        if (transitionClasses) {
-            value = (value
-                ? [value, ...transitionClasses]
-                : [...transitionClasses]).join(' ');
-        }
         el.className = value;
     }
 }
@@ -9023,7 +9354,11 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
         }
         else if (type === 'number') {
             // e.g. <img :width="null">
-            el[key] = 0;
+            // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error
+            try {
+                el[key] = 0;
+            }
+            catch (_a) { }
             el.removeAttribute(key);
             return;
         }
@@ -9034,7 +9369,7 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
     }
     catch (e) {
         {
-            warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+            warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
                 `value ${value} is invalid.`, e);
         }
     }
@@ -9178,65 +9513,49 @@ function patchWxs(el, rawName, nextValue, instance = null) {
 }
 
 const nativeOnRE = /^on[a-z]/;
-// fixed by xxxxxx
-const forcePatchProp = (el, key) => {
-    if (key === 'value' || key.indexOf('change:') === 0) {
-        return true;
-    }
-    if (key === 'class' && el.__wxsClassChanged) {
-        el.__wxsClassChanged = false;
-        return true;
-    }
-    if (key === 'style' && el.__wxsStyleChanged) {
-        el.__wxsStyleChanged = false;
-        return true;
-    }
-    return false;
-};
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
     // @ts-expect-error fixed by xxxxxx
     if (__UNI_FEATURE_WXS__ && key.indexOf('change:') === 0) {
         return patchWxs(el, key, nextValue, parentComponent);
     }
-    switch (key) {
-        // special
-        case 'class':
-            patchClass(el, nextValue, isSVG);
-            break;
-        case 'style':
-            patchStyle(el, prevValue, nextValue);
-            break;
-        default:
-            if (shared.isOn(key)) {
-                // ignore v-model listeners
-                if (!shared.isModelListener(key)) {
-                    patchEvent(el, key, prevValue, nextValue, parentComponent);
-                }
-            }
-            else if (shouldSetAsProp(el, key, nextValue, isSVG)) {
-                patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
-            }
-            else {
-                // special case for <input v-model type="checkbox"> with
-                // :true-value & :false-value
-                // store value as dom properties since non-string values will be
-                // stringified.
-                if (key === 'true-value') {
-                    el._trueValue = nextValue;
-                }
-                else if (key === 'false-value') {
-                    el._falseValue = nextValue;
-                }
-                patchAttr(el, key, nextValue, isSVG);
-            }
-            break;
+    if (key === 'class') {
+        patchClass(el, nextValue, isSVG);
+    }
+    else if (key === 'style') {
+        patchStyle(el, prevValue, nextValue);
+    }
+    else if (shared.isOn(key)) {
+        // ignore v-model listeners
+        if (!shared.isModelListener(key)) {
+            patchEvent(el, key, prevValue, nextValue, parentComponent);
+        }
+    }
+    else if (key[0] === '.'
+        ? ((key = key.slice(1)), true)
+        : key[0] === '^'
+            ? ((key = key.slice(1)), false)
+            : shouldSetAsProp(el, key, nextValue, isSVG)) {
+        patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
+    }
+    else {
+        // special case for <input v-model type="checkbox"> with
+        // :true-value & :false-value
+        // store value as dom properties since non-string values will be
+        // stringified.
+        if (key === 'true-value') {
+            el._trueValue = nextValue;
+        }
+        else if (key === 'false-value') {
+            el._falseValue = nextValue;
+        }
+        patchAttr(el, key, nextValue, isSVG);
     }
 };
 function shouldSetAsProp(el, key, value, isSVG) {
     if (isSVG) {
         // most keys must be set as attribute on svg elements to work
-        // ...except innerHTML
-        if (key === 'innerHTML') {
+        // ...except innerHTML & textContent
+        if (key === 'innerHTML' || key === 'textContent') {
             return true;
         }
         // or native onclick with function values
@@ -9274,22 +9593,215 @@ function shouldSetAsProp(el, key, value, isSVG) {
     return key in el;
 }
 
+function defineCustomElement(options, hydate) {
+    const Comp = defineComponent(options);
+    class VueCustomElement extends VueElement {
+        constructor(initialProps) {
+            super(Comp, initialProps, hydate);
+        }
+    }
+    VueCustomElement.def = Comp;
+    return VueCustomElement;
+}
+const defineSSRCustomElement = ((options) => {
+    // @ts-ignore
+    return defineCustomElement(options, hydrate);
+});
+const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class {
+});
+class VueElement extends BaseClass {
+    constructor(_def, _props = {}, hydrate) {
+        super();
+        this._def = _def;
+        this._props = _props;
+        /**
+         * @internal
+         */
+        this._instance = null;
+        this._connected = false;
+        this._resolved = false;
+        if (this.shadowRoot && hydrate) {
+            hydrate(this._createVNode(), this.shadowRoot);
+        }
+        else {
+            if (this.shadowRoot) {
+                warn$1(`Custom element has pre-rendered declarative shadow root but is not ` +
+                    `defined as hydratable. Use \`defineSSRCustomElement\`.`);
+            }
+            this.attachShadow({ mode: 'open' });
+        }
+        // set initial attrs
+        for (let i = 0; i < this.attributes.length; i++) {
+            this._setAttr(this.attributes[i].name);
+        }
+        // watch future attr changes
+        const observer = new MutationObserver(mutations => {
+            for (const m of mutations) {
+                this._setAttr(m.attributeName);
+            }
+        });
+        observer.observe(this, { attributes: true });
+    }
+    connectedCallback() {
+        this._connected = true;
+        if (!this._instance) {
+            this._resolveDef();
+            render(this._createVNode(), this.shadowRoot);
+        }
+    }
+    disconnectedCallback() {
+        this._connected = false;
+        nextTick(() => {
+            if (!this._connected) {
+                render(null, this.shadowRoot);
+                this._instance = null;
+            }
+        });
+    }
+    /**
+     * resolve inner component definition (handle possible async component)
+     */
+    _resolveDef() {
+        if (this._resolved) {
+            return;
+        }
+        const resolve = (def) => {
+            this._resolved = true;
+            // check if there are props set pre-upgrade or connect
+            for (const key of Object.keys(this)) {
+                if (key[0] !== '_') {
+                    this._setProp(key, this[key]);
+                }
+            }
+            const { props, styles } = def;
+            // defining getter/setters on prototype
+            const rawKeys = props ? (shared.isArray(props) ? props : Object.keys(props)) : [];
+            for (const key of rawKeys.map(shared.camelize)) {
+                Object.defineProperty(this, key, {
+                    get() {
+                        return this._getProp(key);
+                    },
+                    set(val) {
+                        this._setProp(key, val);
+                    }
+                });
+            }
+            this._applyStyles(styles);
+        };
+        const asyncDef = this._def.__asyncLoader;
+        if (asyncDef) {
+            asyncDef().then(resolve);
+        }
+        else {
+            resolve(this._def);
+        }
+    }
+    _setAttr(key) {
+        this._setProp(shared.camelize(key), shared.toNumber(this.getAttribute(key)), false);
+    }
+    /**
+     * @internal
+     */
+    _getProp(key) {
+        return this._props[key];
+    }
+    /**
+     * @internal
+     */
+    _setProp(key, val, shouldReflect = true) {
+        if (val !== this._props[key]) {
+            this._props[key] = val;
+            if (this._instance) {
+                render(this._createVNode(), this.shadowRoot);
+            }
+            // reflect
+            if (shouldReflect) {
+                if (val === true) {
+                    this.setAttribute(shared.hyphenate(key), '');
+                }
+                else if (typeof val === 'string' || typeof val === 'number') {
+                    this.setAttribute(shared.hyphenate(key), val + '');
+                }
+                else if (!val) {
+                    this.removeAttribute(shared.hyphenate(key));
+                }
+            }
+        }
+    }
+    _createVNode() {
+        const vnode = createVNode(this._def, shared.extend({}, this._props));
+        if (!this._instance) {
+            vnode.ce = instance => {
+                this._instance = instance;
+                instance.isCE = true;
+                // HMR
+                {
+                    instance.ceReload = newStyles => {
+                        // alawys reset styles
+                        if (this._styles) {
+                            this._styles.forEach(s => this.shadowRoot.removeChild(s));
+                            this._styles.length = 0;
+                        }
+                        this._applyStyles(newStyles);
+                        // if this is an async component, ceReload is called from the inner
+                        // component so no need to reload the async wrapper
+                        if (!this._def.__asyncLoader) {
+                            // reload
+                            this._instance = null;
+                            render(this._createVNode(), this.shadowRoot);
+                        }
+                    };
+                }
+                // intercept emit
+                instance.emit = (event, ...args) => {
+                    this.dispatchEvent(new CustomEvent(event, {
+                        detail: args
+                    }));
+                };
+                // locate nearest Vue custom element parent for provide/inject
+                let parent = this;
+                while ((parent =
+                    parent && (parent.parentNode || parent.host))) {
+                    if (parent instanceof VueElement) {
+                        instance.parent = parent._instance;
+                        break;
+                    }
+                }
+            };
+        }
+        return vnode;
+    }
+    _applyStyles(styles) {
+        if (styles) {
+            styles.forEach(css => {
+                const s = document.createElement('style');
+                s.textContent = css;
+                this.shadowRoot.appendChild(s);
+                // record for HMR
+                {
+                    (this._styles || (this._styles = [])).push(s);
+                }
+            });
+        }
+    }
+}
+
 function useCssModule(name = '$style') {
     /* istanbul ignore else */
     {
         const instance = getCurrentInstance();
         if (!instance) {
-            warn(`useCssModule must be called inside setup()`);
+            warn$1(`useCssModule must be called inside setup()`);
             return shared.EMPTY_OBJ;
         }
         const modules = instance.type.__cssModules;
         if (!modules) {
-            warn(`Current instance does not have CSS modules injected.`);
+            warn$1(`Current instance does not have CSS modules injected.`);
             return shared.EMPTY_OBJ;
         }
         const mod = modules[name];
         if (!mod) {
-            warn(`Current instance does not have CSS module named "${name}".`);
+            warn$1(`Current instance does not have CSS module named "${name}".`);
             return shared.EMPTY_OBJ;
         }
         return mod;
@@ -9328,7 +9840,8 @@ const DOMTransitionPropsValidators = {
     leaveActiveClass: String,
     leaveToClass: String
 };
-const TransitionPropsValidators = (Transition.props = /*#__PURE__*/ shared.extend({}, BaseTransition.props, DOMTransitionPropsValidators));
+const TransitionPropsValidators = (Transition.props =
+    /*#__PURE__*/ shared.extend({}, BaseTransition.props, DOMTransitionPropsValidators));
 /**
  * #3227 Incoming hooks may be merged into arrays when wrapping Transition
  * with custom HOCs.
@@ -9452,11 +9965,11 @@ function NumberOf(val) {
 }
 function validateDuration(val) {
     if (typeof val !== 'number') {
-        warn(`<transition> explicit duration is not a valid number - ` +
+        warn$1(`<transition> explicit duration is not a valid number - ` +
             `got ${JSON.stringify(val)}.`);
     }
     else if (isNaN(val)) {
-        warn(`<transition> explicit duration is NaN - ` +
+        warn$1(`<transition> explicit duration is NaN - ` +
             'the duration expression might be incorrect.');
     }
 }
@@ -9641,7 +10154,7 @@ const TransitionGroupImpl = {
                     setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                 }
                 else {
-                    warn(`<TransitionGroup> children must be keyed.`);
+                    warn$1(`<TransitionGroup> children must be keyed.`);
                 }
             }
             if (prevChildren) {
@@ -9694,9 +10207,7 @@ function hasCSSTransform(el, root, moveClass) {
     }
     moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c));
     clone.style.display = 'none';
-    const container = (root.nodeType === 1
-        ? root
-        : root.parentNode);
+    const container = (root.nodeType === 1 ? root : root.parentNode);
     container.appendChild(clone);
     const { hasTransform } = getTransitionInfo(clone);
     container.removeChild(clone);
@@ -9727,7 +10238,7 @@ function trigger$1(el, type) {
 const vModelText = {
     created(el, { modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
-        const castToNumber = number || el.type === 'number';
+        const castToNumber = number || (vnode.props && vnode.props.type === 'number');
         addEventListener(el, lazy ? 'change' : 'input', e => {
             if (e.target.composing)
                 return;
@@ -9759,12 +10270,15 @@ const vModelText = {
     mounted(el, { value }) {
         el.value = value == null ? '' : value;
     },
-    beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) {
+    beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
         // avoid clearing unresolved text. #2302
         if (el.composing)
             return;
         if (document.activeElement === el) {
+            if (lazy) {
+                return;
+            }
             if (trim && el.value.trim() === value) {
                 return;
             }
@@ -9779,6 +10293,8 @@ const vModelText = {
     }
 };
 const vModelCheckbox = {
+    // #4096 array checkboxes need to be deep traversed
+    deep: true,
     created(el, _, vnode) {
         el._assign = getModelAssigner(vnode);
         addEventListener(el, 'change', () => {
@@ -9848,6 +10364,8 @@ const vModelRadio = {
     }
 };
 const vModelSelect = {
+    // <select multiple> value need to be deep traversed
+    deep: true,
     created(el, { value, modifiers: { number } }, vnode) {
         const isSetModel = shared.isSet(value);
         addEventListener(el, 'change', () => {
@@ -9877,7 +10395,7 @@ const vModelSelect = {
 function setSelected(el, value) {
     const isMultiple = el.multiple;
     if (isMultiple && !shared.isArray(value) && !shared.isSet(value)) {
-        warn(`<select multiple v-model> expects an Array or Set value for its binding, ` +
+        warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` +
                 `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`);
         return;
     }
@@ -10078,13 +10596,14 @@ function setDisplay(el, value) {
     el.style.display = value ? el._vod : 'none';
 }
 
-const rendererOptions = shared.extend({ patchProp, forcePatchProp }, nodeOps);
+const rendererOptions = shared.extend({ patchProp }, nodeOps);
 // lazy create the renderer - this makes core renderer logic tree-shakable
 // in case the user only imports reactivity utilities from Vue.
 let renderer;
 let enabledHydration = false;
 function ensureRenderer() {
-    return renderer || (renderer = createRenderer(rendererOptions));
+    return (renderer ||
+        (renderer = createRenderer(rendererOptions)));
 }
 function ensureHydrationRenderer() {
     renderer = enabledHydration
@@ -10162,7 +10681,7 @@ function injectCompilerOptionsCheck(app) {
                 return isCustomElement;
             },
             set() {
-                warn(`The \`isCustomElement\` config option is deprecated. Use ` +
+                warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
                     `\`compilerOptions.isCustomElement\` instead.`);
             }
         });
@@ -10176,11 +10695,11 @@ function injectCompilerOptionsCheck(app) {
             `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
         Object.defineProperty(app.config, 'compilerOptions', {
             get() {
-                warn(msg);
+                warn$1(msg);
                 return compilerOptions;
             },
             set() {
-                warn(msg);
+                warn$1(msg);
             }
         });
     }
@@ -10189,13 +10708,14 @@ function normalizeContainer(container) {
     if (shared.isString(container)) {
         const res = document.querySelector(container);
         if (!res) {
-            warn(`Failed to mount app: mount target selector "${container}" returned null.`);
+            warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
         }
         return res;
     }
-    if (container instanceof window.ShadowRoot &&
+    if (window.ShadowRoot &&
+        container instanceof window.ShadowRoot &&
         container.mode === 'closed') {
-        warn(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+        warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
 }
@@ -10203,34 +10723,47 @@ function normalizeContainer(container) {
 // This entry exports the runtime only, and is built as
 const compile$1 = () => {
     {
-        warn(`Runtime compilation is not supported in this build of Vue.` +
+        warn$1(`Runtime compilation is not supported in this build of Vue.` +
             (``) /* should not happen */);
     }
 };
 
 exports.camelize = shared.camelize;
 exports.capitalize = shared.capitalize;
+exports.normalizeClass = shared.normalizeClass;
+exports.normalizeProps = shared.normalizeProps;
+exports.normalizeStyle = shared.normalizeStyle;
 exports.toDisplayString = shared.toDisplayString;
 exports.toHandlerKey = shared.toHandlerKey;
+exports.$computed = $computed;
+exports.$fromRefs = $fromRefs;
+exports.$raw = $raw;
+exports.$ref = $ref;
+exports.$shallowRef = $shallowRef;
 exports.BaseTransition = BaseTransition;
 exports.Comment = Comment$1;
+exports.EffectScope = EffectScope;
 exports.Fragment = Fragment;
 exports.KeepAlive = KeepAlive;
+exports.ReactiveEffect = ReactiveEffect;
 exports.Static = Static;
 exports.Suspense = Suspense;
 exports.Teleport = Teleport;
 exports.Text = Text;
 exports.Transition = Transition;
 exports.TransitionGroup = TransitionGroup;
+exports.VueElement = VueElement;
 exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling;
 exports.callWithErrorHandling = callWithErrorHandling;
 exports.cloneVNode = cloneVNode;
 exports.compatUtils = compatUtils;
 exports.compile = compile$1;
-exports.computed = computed$1;
+exports.computed = computed;
 exports.createApp = createApp;
 exports.createBlock = createBlock;
 exports.createCommentVNode = createCommentVNode;
+exports.createElementBlock = createElementBlock;
+exports.createElementVNode = createBaseVNode;
 exports.createHydrationRenderer = createHydrationRenderer;
 exports.createRenderer = createRenderer;
 exports.createSSRApp = createSSRApp;
@@ -10242,18 +10775,24 @@ exports.createVueApp = createApp;
 exports.customRef = customRef;
 exports.defineAsyncComponent = defineAsyncComponent;
 exports.defineComponent = defineComponent;
-exports.defineEmit = defineEmit;
+exports.defineCustomElement = defineCustomElement;
 exports.defineEmits = defineEmits;
 exports.defineExpose = defineExpose;
 exports.defineProps = defineProps;
+exports.defineSSRCustomElement = defineSSRCustomElement;
+exports.effect = effect;
+exports.effectScope = effectScope;
 exports.getCurrentInstance = getCurrentInstance;
+exports.getCurrentScope = getCurrentScope;
 exports.getTransitionRawChildren = getTransitionRawChildren;
+exports.guardReactiveProps = guardReactiveProps;
 exports.h = h;
 exports.handleError = handleError;
 exports.hydrate = hydrate;
 exports.initCustomFormatter = initCustomFormatter;
 exports.inject = inject;
 exports.injectHook = injectHook;
+exports.isMemoSame = isMemoSame;
 exports.isProxy = isProxy;
 exports.isReactive = isReactive;
 exports.isReadonly = isReadonly;
@@ -10275,6 +10814,7 @@ exports.onErrorCaptured = onErrorCaptured;
 exports.onMounted = onMounted;
 exports.onRenderTracked = onRenderTracked;
 exports.onRenderTriggered = onRenderTriggered;
+exports.onScopeDispose = onScopeDispose;
 exports.onServerPrefetch = onServerPrefetch;
 exports.onUnmounted = onUnmounted;
 exports.onUpdated = onUpdated;
@@ -10304,6 +10844,7 @@ exports.shallowReadonly = shallowReadonly;
 exports.shallowRef = shallowRef;
 exports.ssrContextKey = ssrContextKey;
 exports.ssrUtils = ssrUtils;
+exports.stop = stop;
 exports.toHandlers = toHandlers;
 exports.toRaw = toRaw;
 exports.toRef = toRef;
@@ -10312,7 +10853,6 @@ exports.transformVNodeArgs = transformVNodeArgs;
 exports.triggerRef = triggerRef;
 exports.unref = unref;
 exports.useAttrs = useAttrs;
-exports.useContext = useContext;
 exports.useCssModule = useCssModule;
 exports.useCssVars = useCssVars;
 exports.useSSRContext = useSSRContext;
@@ -10325,13 +10865,16 @@ exports.vModelSelect = vModelSelect;
 exports.vModelText = vModelText;
 exports.vShow = vShow;
 exports.version = version;
-exports.warn = warn;
+exports.warn = warn$1;
 exports.watch = watch;
 exports.watchEffect = watchEffect;
+exports.watchPostEffect = watchPostEffect;
+exports.watchSyncEffect = watchSyncEffect;
 exports.withAsyncContext = withAsyncContext;
 exports.withCtx = withCtx;
 exports.withDefaults = withDefaults;
 exports.withDirectives = withDirectives;
 exports.withKeys = withKeys;
+exports.withMemo = withMemo;
 exports.withModifiers = withModifiers;
 exports.withScopeId = withScopeId;
diff --git a/packages/uni-h5-vue/dist/vue.runtime.compat.cjs.js b/packages/uni-h5-vue/dist/vue.runtime.compat.cjs.js
index 6de2ee19e..5829a94cc 100644
--- a/packages/uni-h5-vue/dist/vue.runtime.compat.cjs.js
+++ b/packages/uni-h5-vue/dist/vue.runtime.compat.cjs.js
@@ -42,7 +42,9 @@ function normalizeStyle(value) {
         const res = {};
         for (let i = 0; i < value.length; i++) {
             const item = value[i];
-            const normalized = normalizeStyle(isString(item) ? parseStringStyle(item) : item);
+            const normalized = isString(item)
+                ? parseStringStyle(item)
+                : normalizeStyle(item);
             if (normalized) {
                 for (const key in normalized) {
                     res[key] = normalized[key];
@@ -51,6 +53,9 @@ function normalizeStyle(value) {
         }
         return res;
     }
+    else if (isString(value)) {
+        return value;
+    }
     else if (isObject(value)) {
         return value;
     }
@@ -88,14 +93,26 @@ function normalizeClass(value) {
         }
     }
     return res.trim();
+}
+function normalizeProps(props) {
+    if (!props)
+        return null;
+    let { class: klass, style } = props;
+    if (klass && !isString(klass)) {
+        props.class = normalizeClass(klass);
+    }
+    if (style) {
+        props.style = normalizeStyle(style);
+    }
+    return props;
 }
 
 // These tag configs are shared between compiler-dom and runtime-dom, so they
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' +
-    'header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,' +
+    'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
     'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' +
-    'data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,' +
+    'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' +
     'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' +
     'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' +
     'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' +
@@ -172,12 +189,16 @@ function looseIndexOf(arr, val) {
 const toDisplayString = (val) => {
     return val == null
         ? ''
-        : isObject(val)
+        : isArray(val) || (isObject(val) && val.toString === objectToString)
             ? JSON.stringify(val, replacer, 2)
             : String(val);
 };
 const replacer = (_key, val) => {
-    if (isMap(val)) {
+    // can't use isRef here since @vue/shared has no deps
+    if (val && val.__v_isRef) {
+        return replacer(_key, val.value);
+    }
+    else if (isMap(val)) {
         return {
             [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => {
                 entries[`${key} =>`] = val;
@@ -270,9 +291,9 @@ const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + st
 /**
  * @private
  */
-const toHandlerKey = cacheStringFunction((str) => (str ? `on${capitalize(str)}` : ``));
+const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``);
 // compare whether a value has changed, accounting for NaN.
-const hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 const invokeArrayFns = (fns, arg) => {
     for (let i = 0; i < fns.length; i++) {
         fns[i](arg);
@@ -304,64 +325,188 @@ const getGlobalThis = () => {
                             : {}));
 };
 
-const targetMap = new WeakMap();
-const effectStack = [];
-let activeEffect;
-const ITERATE_KEY = Symbol('iterate' );
-const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
-function isEffect(fn) {
-    return fn && fn._isEffect === true;
-}
-function effect(fn, options = EMPTY_OBJ) {
-    if (isEffect(fn)) {
-        fn = fn.raw;
+function warn(msg, ...args) {
+    console.warn(`[Vue warn] ${msg}`, ...args);
+}
+
+let activeEffectScope;
+const effectScopeStack = [];
+class EffectScope {
+    constructor(detached = false) {
+        this.active = true;
+        this.effects = [];
+        this.cleanups = [];
+        if (!detached && activeEffectScope) {
+            this.parent = activeEffectScope;
+            this.index =
+                (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+        }
+    }
+    run(fn) {
+        if (this.active) {
+            try {
+                this.on();
+                return fn();
+            }
+            finally {
+                this.off();
+            }
+        }
+        else {
+            warn(`cannot run an inactive effect scope.`);
+        }
     }
-    const effect = createReactiveEffect(fn, options);
-    if (!options.lazy) {
-        effect();
+    on() {
+        if (this.active) {
+            effectScopeStack.push(this);
+            activeEffectScope = this;
+        }
     }
-    return effect;
-}
-function stop(effect) {
-    if (effect.active) {
-        cleanup(effect);
-        if (effect.options.onStop) {
-            effect.options.onStop();
+    off() {
+        if (this.active) {
+            effectScopeStack.pop();
+            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+        }
+    }
+    stop(fromParent) {
+        if (this.active) {
+            this.effects.forEach(e => e.stop());
+            this.cleanups.forEach(cleanup => cleanup());
+            if (this.scopes) {
+                this.scopes.forEach(e => e.stop(true));
+            }
+            // nested scope, dereference from parent to avoid memory leaks
+            if (this.parent && !fromParent) {
+                // optimized O(1) removal
+                const last = this.parent.scopes.pop();
+                if (last && last !== this) {
+                    this.parent.scopes[this.index] = last;
+                    last.index = this.index;
+                }
+            }
+            this.active = false;
         }
-        effect.active = false;
     }
 }
-let uid = 0;
-function createReactiveEffect(fn, options) {
-    const effect = function reactiveEffect() {
-        if (!effect.active) {
-            return fn();
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+    }
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else {
+        warn(`onDispose() is called when there is no active effect scope` +
+            ` to be associated with.`);
+    }
+}
+
+const createDep = (effects) => {
+    const dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+    if (deps.length) {
+        for (let i = 0; i < deps.length; i++) {
+            deps[i].w |= trackOpBit; // set was tracked
+        }
+    }
+};
+const finalizeDepMarkers = (effect) => {
+    const { deps } = effect;
+    if (deps.length) {
+        let ptr = 0;
+        for (let i = 0; i < deps.length; i++) {
+            const dep = deps[i];
+            if (wasTracked(dep) && !newTracked(dep)) {
+                dep.delete(effect);
+            }
+            else {
+                deps[ptr++] = dep;
+            }
+            // clear bits
+            dep.w &= ~trackOpBit;
+            dep.n &= ~trackOpBit;
         }
-        if (!effectStack.includes(effect)) {
-            cleanup(effect);
+        deps.length = ptr;
+    }
+};
+
+const targetMap = new WeakMap();
+// The number of effects currently being tracked recursively.
+let effectTrackDepth = 0;
+let trackOpBit = 1;
+/**
+ * The bitwise track markers support at most 30 levels op recursion.
+ * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+ * When recursion depth is greater, fall back to using a full cleanup.
+ */
+const maxMarkerBits = 30;
+const effectStack = [];
+let activeEffect;
+const ITERATE_KEY = Symbol('iterate' );
+const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
+class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+        this.fn = fn;
+        this.scheduler = scheduler;
+        this.active = true;
+        this.deps = [];
+        recordEffectScope(this, scope);
+    }
+    run() {
+        if (!this.active) {
+            return this.fn();
+        }
+        if (!effectStack.includes(this)) {
             try {
+                effectStack.push((activeEffect = this));
                 enableTracking();
-                effectStack.push(effect);
-                activeEffect = effect;
-                return fn();
+                trackOpBit = 1 << ++effectTrackDepth;
+                if (effectTrackDepth <= maxMarkerBits) {
+                    initDepMarkers(this);
+                }
+                else {
+                    cleanupEffect(this);
+                }
+                return this.fn();
             }
             finally {
-                effectStack.pop();
+                if (effectTrackDepth <= maxMarkerBits) {
+                    finalizeDepMarkers(this);
+                }
+                trackOpBit = 1 << --effectTrackDepth;
                 resetTracking();
-                activeEffect = effectStack[effectStack.length - 1];
+                effectStack.pop();
+                const n = effectStack.length;
+                activeEffect = n > 0 ? effectStack[n - 1] : undefined;
             }
         }
-    };
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
-}
-function cleanup(effect) {
+    }
+    stop() {
+        if (this.active) {
+            cleanupEffect(this);
+            if (this.onStop) {
+                this.onStop();
+            }
+            this.active = false;
+        }
+    }
+}
+function cleanupEffect(effect) {
     const { deps } = effect;
     if (deps.length) {
         for (let i = 0; i < deps.length; i++) {
@@ -370,6 +515,26 @@ function cleanup(effect) {
         deps.length = 0;
     }
 }
+function effect(fn, options) {
+    if (fn.effect) {
+        fn = fn.effect.fn;
+    }
+    const _effect = new ReactiveEffect(fn);
+    if (options) {
+        extend(_effect, options);
+        if (options.scope)
+            recordEffectScope(_effect, options.scope);
+    }
+    if (!options || !options.lazy) {
+        _effect.run();
+    }
+    const runner = _effect.run.bind(_effect);
+    runner.effect = _effect;
+    return runner;
+}
+function stop(runner) {
+    runner.effect.stop();
+}
 let shouldTrack = true;
 const trackStack = [];
 function pauseTracking() {
@@ -385,7 +550,7 @@ function resetTracking() {
     shouldTrack = last === undefined ? true : last;
 }
 function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
         return;
     }
     let depsMap = targetMap.get(target);
@@ -394,18 +559,34 @@ function track(target, type, key) {
     }
     let dep = depsMap.get(key);
     if (!dep) {
-        depsMap.set(key, (dep = new Set()));
+        depsMap.set(key, (dep = createDep()));
+    }
+    const eventInfo = { effect: activeEffect, target, type, key }
+        ;
+    trackEffects(dep, eventInfo);
+}
+function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+}
+function trackEffects(dep, debuggerEventExtraInfo) {
+    let shouldTrack = false;
+    if (effectTrackDepth <= maxMarkerBits) {
+        if (!newTracked(dep)) {
+            dep.n |= trackOpBit; // set newly tracked
+            shouldTrack = !wasTracked(dep);
+        }
     }
-    if (!dep.has(activeEffect)) {
+    else {
+        // Full cleanup mode.
+        shouldTrack = !dep.has(activeEffect);
+    }
+    if (shouldTrack) {
         dep.add(activeEffect);
         activeEffect.deps.push(dep);
-        if (activeEffect.options.onTrack) {
-            activeEffect.options.onTrack({
-                effect: activeEffect,
-                target,
-                type,
-                key
-            });
+        if (activeEffect.onTrack) {
+            activeEffect.onTrack(Object.assign({
+                effect: activeEffect
+            }, debuggerEventExtraInfo));
         }
     }
 }
@@ -415,82 +596,89 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         // never been tracked
         return;
     }
-    const effects = new Set();
-    const add = (effectsToAdd) => {
-        if (effectsToAdd) {
-            effectsToAdd.forEach(effect => {
-                if (effect !== activeEffect || effect.allowRecurse) {
-                    effects.add(effect);
-                }
-            });
-        }
-    };
+    let deps = [];
     if (type === "clear" /* CLEAR */) {
         // collection being cleared
         // trigger all effects for target
-        depsMap.forEach(add);
+        deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newValue) {
-                add(dep);
+                deps.push(dep);
             }
         });
     }
     else {
         // schedule runs for SET | ADD | DELETE
         if (key !== void 0) {
-            add(depsMap.get(key));
+            deps.push(depsMap.get(key));
         }
         // also run for iteration key on ADD | DELETE | Map.SET
         switch (type) {
             case "add" /* ADD */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 else if (isIntegerKey(key)) {
                     // new index added to array -> length changes
-                    add(depsMap.get('length'));
+                    deps.push(depsMap.get('length'));
                 }
                 break;
             case "delete" /* DELETE */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 break;
             case "set" /* SET */:
                 if (isMap(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                 }
                 break;
         }
     }
-    const run = (effect) => {
-        if (effect.options.onTrigger) {
-            effect.options.onTrigger({
-                effect,
-                target,
-                key,
-                type,
-                newValue,
-                oldValue,
-                oldTarget
-            });
+    const eventInfo = { target, type, key, newValue, oldValue, oldTarget }
+        ;
+    if (deps.length === 1) {
+        if (deps[0]) {
+            {
+                triggerEffects(deps[0], eventInfo);
+            }
         }
-        if (effect.options.scheduler) {
-            effect.options.scheduler(effect);
+    }
+    else {
+        const effects = [];
+        for (const dep of deps) {
+            if (dep) {
+                effects.push(...dep);
+            }
         }
-        else {
-            effect();
+        {
+            triggerEffects(createDep(effects), eventInfo);
         }
-    };
-    effects.forEach(run);
+    }
+}
+function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (const effect of isArray(dep) ? dep : [...dep]) {
+        if (effect !== activeEffect || effect.allowRecurse) {
+            if (effect.onTrigger) {
+                effect.onTrigger(extend({ effect }, debuggerEventExtraInfo));
+            }
+            if (effect.scheduler) {
+                effect.scheduler();
+            }
+            else {
+                effect.run();
+            }
+        }
+    }
 }
 
 const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -505,17 +693,16 @@ const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
 function createArrayInstrumentations() {
     const instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             const arr = toRaw(this);
             for (let i = 0, l = this.length; i < l; i++) {
                 track(arr, "get" /* GET */, i + '');
             }
             // we run the method using the original args first (which may be reactive)
-            const res = method.apply(arr, args);
+            const res = arr[key](...args);
             if (res === -1 || res === false) {
                 // if that didn't work, run it again using raw values.
-                return method.apply(arr, args.map(toRaw));
+                return arr[key](...args.map(toRaw));
             }
             else {
                 return res;
@@ -523,10 +710,9 @@ function createArrayInstrumentations() {
         };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             pauseTracking();
-            const res = method.apply(this, args);
+            const res = toRaw(this)[key].apply(this, args);
             resetTracking();
             return res;
         };
@@ -1045,13 +1231,42 @@ function isProxy(value) {
     return isReactive(value) || isReadonly(value);
 }
 function toRaw(observed) {
-    return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
+    const raw = observed && observed["__v_raw" /* RAW */];
+    return raw ? toRaw(raw) : observed;
 }
 function markRaw(value) {
     def(value, "__v_skip" /* SKIP */, true);
     return value;
 }
 
+function trackRefValue(ref) {
+    if (isTracking()) {
+        ref = toRaw(ref);
+        if (!ref.dep) {
+            ref.dep = createDep();
+        }
+        {
+            trackEffects(ref.dep, {
+                target: ref,
+                type: "get" /* GET */,
+                key: 'value'
+            });
+        }
+    }
+}
+function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+    if (ref.dep) {
+        {
+            triggerEffects(ref.dep, {
+                target: ref,
+                type: "set" /* SET */,
+                key: 'value',
+                newValue: newVal
+            });
+        }
+    }
+}
 const convert = (val) => isObject(val) ? reactive(val) : val;
 function isRef(r) {
     return Boolean(r && r.__v_isRef === true);
@@ -1063,21 +1278,23 @@ function shallowRef(value) {
     return createRef(value, true);
 }
 class RefImpl {
-    constructor(_rawValue, _shallow) {
-        this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
         this._shallow = _shallow;
+        this.dep = undefined;
         this.__v_isRef = true;
-        this._value = _shallow ? _rawValue : convert(_rawValue);
+        this._rawValue = _shallow ? value : toRaw(value);
+        this._value = _shallow ? value : convert(value);
     }
     get value() {
-        track(toRaw(this), "get" /* GET */, 'value');
+        trackRefValue(this);
         return this._value;
     }
     set value(newVal) {
-        if (hasChanged(toRaw(newVal), this._rawValue)) {
+        newVal = this._shallow ? newVal : toRaw(newVal);
+        if (hasChanged(newVal, this._rawValue)) {
             this._rawValue = newVal;
             this._value = this._shallow ? newVal : convert(newVal);
-            trigger(toRaw(this), "set" /* SET */, 'value', newVal);
+            triggerRefValue(this, newVal);
         }
     }
 }
@@ -1088,7 +1305,7 @@ function createRef(rawValue, shallow = false) {
     return new RefImpl(rawValue, shallow);
 }
 function triggerRef(ref) {
-    trigger(toRaw(ref), "set" /* SET */, 'value', ref.value );
+    triggerRefValue(ref, ref.value );
 }
 function unref(ref) {
     return isRef(ref) ? ref.value : ref;
@@ -1113,8 +1330,9 @@ function proxyRefs(objectWithRefs) {
 }
 class CustomRefImpl {
     constructor(factory) {
+        this.dep = undefined;
         this.__v_isRef = true;
-        const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
+        const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
         this._get = get;
         this._set = set;
     }
@@ -1160,15 +1378,13 @@ function toRef(object, key) {
 class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
         this._setter = _setter;
+        this.dep = undefined;
         this._dirty = true;
         this.__v_isRef = true;
-        this.effect = effect(getter, {
-            lazy: true,
-            scheduler: () => {
-                if (!this._dirty) {
-                    this._dirty = true;
-                    trigger(toRaw(this), "set" /* SET */, 'value');
-                }
+        this.effect = new ReactiveEffect(getter, () => {
+            if (!this._dirty) {
+                this._dirty = true;
+                triggerRefValue(this);
             }
         });
         this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
@@ -1176,18 +1392,18 @@ class ComputedRefImpl {
     get value() {
         // the computed ref may get wrapped by other proxies e.g. readonly() #3376
         const self = toRaw(this);
+        trackRefValue(self);
         if (self._dirty) {
-            self._value = this.effect();
             self._dirty = false;
+            self._value = self.effect.run();
         }
-        track(self, "get" /* GET */, 'value');
         return self._value;
     }
     set value(newValue) {
         this._setter(newValue);
     }
 }
-function computed(getterOrOptions) {
+function computed(getterOrOptions, debugOptions) {
     let getter;
     let setter;
     if (isFunction(getterOrOptions)) {
@@ -1201,581 +1417,186 @@ function computed(getterOrOptions) {
         getter = getterOrOptions.get;
         setter = getterOrOptions.set;
     }
-    return new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    if (debugOptions) {
+        cRef.effect.onTrack = debugOptions.onTrack;
+        cRef.effect.onTrigger = debugOptions.onTrigger;
+    }
+    return cRef;
 }
 
-const stack = [];
-function pushWarningContext(vnode) {
-    stack.push(vnode);
-}
-function popWarningContext() {
-    stack.pop();
+/* eslint-disable no-restricted-globals */
+let isHmrUpdating = false;
+const hmrDirtyComponents = new Set();
+// Expose the HMR runtime on the global object
+// This makes it entirely tree-shakable without polluting the exports and makes
+// it easier to be used in toolings like vue-loader
+// Note: for a component to be eligible for HMR it also needs the __hmrId option
+// to be set so that its instances can be registered / removed.
+{
+    const globalObject = typeof global !== 'undefined'
+        ? global
+        : typeof self !== 'undefined'
+            ? self
+            : typeof window !== 'undefined'
+                ? window
+                : {};
+    globalObject.__VUE_HMR_RUNTIME__ = {
+        createRecord: tryWrap(createRecord),
+        rerender: tryWrap(rerender),
+        reload: tryWrap(reload)
+    };
 }
-function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    const instance = stack.length ? stack[stack.length - 1].component : null;
-    const appWarnHandler = instance && instance.appContext.config.warnHandler;
-    const trace = getComponentTrace();
-    if (appWarnHandler) {
-        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
-            msg + args.join(''),
-            instance && instance.proxy,
-            trace
-                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
-                .join('\n'),
-            trace
-        ]);
-    }
-    else {
-        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-        /* istanbul ignore if */
-        if (trace.length &&
-            // avoid spamming console during tests
-            !false) {
-            warnArgs.push(`\n`, ...formatTrace(trace));
-        }
-        console.warn(...warnArgs);
+const map = new Map();
+function registerHMR(instance) {
+    const id = instance.type.__hmrId;
+    let record = map.get(id);
+    if (!record) {
+        createRecord(id, instance.type);
+        record = map.get(id);
     }
-    resetTracking();
+    record.instances.add(instance);
 }
-function getComponentTrace() {
-    let currentVNode = stack[stack.length - 1];
-    if (!currentVNode) {
-        return [];
+function unregisterHMR(instance) {
+    map.get(instance.type.__hmrId).instances.delete(instance);
+}
+function createRecord(id, component) {
+    if (!component) {
+        warn$1(`HMR API usage is out of date.\n` +
+            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
+            `dependency that handles Vue SFC compilation.`);
+        component = {};
     }
-    // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
-    const normalizedStack = [];
-    while (currentVNode) {
-        const last = normalizedStack[0];
-        if (last && last.vnode === currentVNode) {
-            last.recurseCount++;
-        }
-        else {
-            normalizedStack.push({
-                vnode: currentVNode,
-                recurseCount: 0
-            });
-        }
-        const parentInstance = currentVNode.component && currentVNode.component.parent;
-        currentVNode = parentInstance && parentInstance.vnode;
+    if (map.has(id)) {
+        return false;
     }
-    return normalizedStack;
+    map.set(id, {
+        component: isClassComponent(component) ? component.__vccOpts : component,
+        instances: new Set()
+    });
+    return true;
 }
-/* istanbul ignore next */
-function formatTrace(trace) {
-    const logs = [];
-    trace.forEach((entry, i) => {
-        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+function rerender(id, newRender) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    if (newRender)
+        record.component.render = newRender;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    Array.from(record.instances).forEach(instance => {
+        if (newRender) {
+            instance.render = newRender;
+        }
+        instance.renderCache = [];
+        // this flag forces child components with slot content to update
+        isHmrUpdating = true;
+        instance.update();
+        isHmrUpdating = false;
     });
-    return logs;
 }
-function formatTraceEntry({ vnode, recurseCount }) {
-    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-    const isRoot = vnode.component ? vnode.component.parent == null : false;
-    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
-    const close = `>` + postfix;
-    return vnode.props
-        ? [open, ...formatProps(vnode.props), close]
-        : [open + close];
-}
-/* istanbul ignore next */
-function formatProps(props) {
-    const res = [];
-    const keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-        res.push(...formatProp(key, props[key]));
-    });
-    if (keys.length > 3) {
-        res.push(` ...`);
-    }
-    return res;
-}
-/* istanbul ignore next */
-function formatProp(key, value, raw) {
-    if (isString(value)) {
-        value = JSON.stringify(value);
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (typeof value === 'number' ||
-        typeof value === 'boolean' ||
-        value == null) {
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (isRef(value)) {
-        value = formatProp(key, toRaw(value.value), true);
-        return raw ? value : [`${key}=Ref<`, value, `>`];
-    }
-    else if (isFunction(value)) {
-        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-    }
-    else {
-        value = toRaw(value);
-        return raw ? value : [`${key}=`, value];
-    }
-}
-
-const ErrorTypeStrings = {
-    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
-    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
-    ["c" /* CREATED */]: 'created hook',
-    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
-    ["m" /* MOUNTED */]: 'mounted hook',
-    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
-    ["u" /* UPDATED */]: 'updated',
-    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
-    ["um" /* UNMOUNTED */]: 'unmounted hook',
-    ["a" /* ACTIVATED */]: 'activated hook',
-    ["da" /* DEACTIVATED */]: 'deactivated hook',
-    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
-    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
-    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
-    [0 /* SETUP_FUNCTION */]: 'setup function',
-    [1 /* RENDER_FUNCTION */]: 'render function',
-    [2 /* WATCH_GETTER */]: 'watcher getter',
-    [3 /* WATCH_CALLBACK */]: 'watcher callback',
-    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
-    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
-    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
-    [7 /* VNODE_HOOK */]: 'vnode hook',
-    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
-    [9 /* TRANSITION_HOOK */]: 'transition hook',
-    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
-    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
-    [12 /* FUNCTION_REF */]: 'ref function',
-    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
-    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-};
-function callWithErrorHandling(fn, instance, type, args) {
-    let res;
-    try {
-        res = args ? fn(...args) : fn();
-    }
-    catch (err) {
-        handleError(err, instance, type);
-    }
-    return res;
-}
-function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction(fn)) {
-        const res = callWithErrorHandling(fn, instance, type, args);
-        if (res && isPromise(res)) {
-            res.catch(err => {
-                handleError(err, instance, type);
-            });
+function reload(id, newComp) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    const { component, instances } = record;
+    if (!hmrDirtyComponents.has(component)) {
+        // 1. Update existing comp definition to match new one
+        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+        extend(component, newComp);
+        for (const key in component) {
+            if (key !== '__file' && !(key in newComp)) {
+                delete component[key];
+            }
         }
-        return res;
-    }
-    const values = [];
-    for (let i = 0; i < fn.length; i++) {
-        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+        // 2. Mark component dirty. This forces the renderer to replace the component
+        // on patch.
+        hmrDirtyComponents.add(component);
+        // 3. Make sure to unmark the component after the reload.
+        queuePostFlushCb(() => {
+            hmrDirtyComponents.delete(component);
+        });
     }
-    return values;
-}
-function handleError(err, instance, type, throwInDev = true) {
-    const contextVNode = instance ? instance.vnode : null;
-    if (instance) {
-        let cur = instance.parent;
-        // the exposed instance is the render proxy to keep it consistent with 2.x
-        const exposedInstance = instance.proxy;
-        // in production the hook receives only the error code
-        const errorInfo = ErrorTypeStrings[type] ;
-        while (cur) {
-            const errorCapturedHooks = cur.ec;
-            if (errorCapturedHooks) {
-                for (let i = 0; i < errorCapturedHooks.length; i++) {
-                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-                        return;
-                    }
-                }
+    Array.from(instances).forEach(instance => {
+        // invalidate options resolution cache
+        instance.appContext.optionsCache.delete(instance.type);
+        if (instance.ceReload) {
+            // custom element
+            hmrDirtyComponents.add(component);
+            instance.ceReload(newComp.styles);
+            hmrDirtyComponents.delete(component);
+        }
+        else if (instance.parent) {
+            // 4. Force the parent instance to re-render. This will cause all updated
+            // components to be unmounted and re-mounted. Queue the update so that we
+            // don't end up forcing the same parent to re-render multiple times.
+            queueJob(instance.parent.update);
+            // instance is the inner component of an async custom element
+            // invoke to reset styles
+            if (instance.parent.type.__asyncLoader &&
+                instance.parent.ceReload) {
+                instance.parent.ceReload(newComp.styles);
             }
-            cur = cur.parent;
         }
-        // app-level handling
-        const appErrorHandler = instance.appContext.config.errorHandler;
-        if (appErrorHandler) {
-            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
-            return;
+        else if (instance.appContext.reload) {
+            // root instance mounted via createApp() has a reload method
+            instance.appContext.reload();
         }
-    }
-    logError(err, type, contextVNode, throwInDev);
-}
-function logError(err, type, contextVNode, throwInDev = true) {
-    {
-        const info = ErrorTypeStrings[type];
-        if (contextVNode) {
-            pushWarningContext(contextVNode);
+        else if (typeof window !== 'undefined') {
+            // root instance inside tree created via raw render(). Force reload.
+            window.location.reload();
         }
-        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-        if (contextVNode) {
-            popWarningContext();
+        else {
+            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
         }
-        // crash in dev by default so it's more noticeable
-        if (throwInDev) {
-            throw err;
+    });
+}
+function tryWrap(fn) {
+    return (id, arg) => {
+        try {
+            return fn(id, arg);
         }
-        else {
-            console.error(err);
+        catch (e) {
+            console.error(e);
+            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
+                `Full reload required.`);
         }
-    }
+    };
 }
 
-let isFlushing = false;
-let isFlushPending = false;
-const queue = [];
-let flushIndex = 0;
-const pendingPreFlushCbs = [];
-let activePreFlushCbs = null;
-let preFlushIndex = 0;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
-let postFlushIndex = 0;
-const resolvedPromise = Promise.resolve();
-let currentFlushPromise = null;
-let currentPreFlushParentJob = null;
-const RECURSION_LIMIT = 100;
-function nextTick(fn) {
-    const p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+let devtools;
+function setDevtoolsHook(hook) {
+    devtools = hook;
 }
-// #2768
-// Use binary-search to find a suitable position in the queue,
-// so that the queue maintains the increasing order of job's id,
-// which can prevent the job from being skipped and also can avoid repeated patching.
-function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    let start = flushIndex + 1;
-    let end = queue.length;
-    const jobId = getId(job);
-    while (start < end) {
-        const middle = (start + end) >>> 1;
-        const middleJobId = getId(queue[middle]);
-        middleJobId < jobId ? (start = middle + 1) : (end = middle);
-    }
-    return start;
+function devtoolsInitApp(app, version) {
+    // TODO queue if devtools is undefined
+    if (!devtools)
+        return;
+    devtools.emit("app:init" /* APP_INIT */, app, version, {
+        Fragment,
+        Text,
+        Comment: Comment$1,
+        Static
+    });
 }
-function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length ||
-        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
-        job !== currentPreFlushParentJob) {
-        const pos = findInsertionIndex(job);
-        if (pos > -1) {
-            queue.splice(pos, 0, job);
-        }
-        else {
-            queue.push(job);
-        }
-        queueFlush();
-    }
+function devtoolsUnmountApp(app) {
+    if (!devtools)
+        return;
+    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
 }
-function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-        isFlushPending = true;
-        currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
-}
-function invalidateJob(job) {
-    const i = queue.indexOf(job);
-    if (i > flushIndex) {
-        queue.splice(i, 1);
-    }
-}
-function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!isArray(cb)) {
-        if (!activeQueue ||
-            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-            pendingQueue.push(cb);
-        }
-    }
-    else {
-        // if cb is an array, it is a component lifecycle hook which can only be
-        // triggered by a job, which is already deduped in the main queue, so
-        // we can skip duplicate check here to improve perf
-        pendingQueue.push(...cb);
-    }
-    queueFlush();
-}
-function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-}
-function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-}
-function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-        currentPreFlushParentJob = parentJob;
-        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-        pendingPreFlushCbs.length = 0;
-        {
-            seen = seen || new Map();
-        }
-        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-            if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
-                continue;
-            }
-            activePreFlushCbs[preFlushIndex]();
-        }
-        activePreFlushCbs = null;
-        preFlushIndex = 0;
-        currentPreFlushParentJob = null;
-        // recursively flush until it drains
-        flushPreFlushCbs(seen, parentJob);
-    }
-}
-function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-        const deduped = [...new Set(pendingPostFlushCbs)];
-        pendingPostFlushCbs.length = 0;
-        // #1947 already has active queue, nested flushPostFlushCbs call
-        if (activePostFlushCbs) {
-            activePostFlushCbs.push(...deduped);
-            return;
-        }
-        activePostFlushCbs = deduped;
-        {
-            seen = seen || new Map();
-        }
-        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-            if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
-                continue;
-            }
-            activePostFlushCbs[postFlushIndex]();
-        }
-        activePostFlushCbs = null;
-        postFlushIndex = 0;
-    }
-}
-const getId = (job) => job.id == null ? Infinity : job.id;
-function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    {
-        seen = seen || new Map();
-    }
-    flushPreFlushCbs(seen);
-    // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
-    queue.sort((a, b) => getId(a) - getId(b));
-    try {
-        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
-            if (job && job.active !== false) {
-                if (true && checkRecursiveUpdates(seen, job)) {
-                    continue;
-                }
-                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
-            }
-        }
-    }
-    finally {
-        flushIndex = 0;
-        queue.length = 0;
-        flushPostFlushCbs(seen);
-        isFlushing = false;
-        currentFlushPromise = null;
-        // some postFlushCb queued jobs!
-        // keep flushing until it drains.
-        if (queue.length ||
-            pendingPreFlushCbs.length ||
-            pendingPostFlushCbs.length) {
-            flushJobs(seen);
-        }
-    }
-}
-function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-        seen.set(fn, 1);
-    }
-    else {
-        const count = seen.get(fn);
-        if (count > RECURSION_LIMIT) {
-            const instance = fn.ownerInstance;
-            const componentName = instance && getComponentName(instance.type);
-            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
-                `This means you have a reactive effect that is mutating its own ` +
-                `dependencies and thus recursively triggering itself. Possible sources ` +
-                `include component template, render function, updated hook or ` +
-                `watcher source function.`);
-            return true;
-        }
-        else {
-            seen.set(fn, count + 1);
-        }
-    }
-}
-
-/* eslint-disable no-restricted-globals */
-let isHmrUpdating = false;
-const hmrDirtyComponents = new Set();
-// Expose the HMR runtime on the global object
-// This makes it entirely tree-shakable without polluting the exports and makes
-// it easier to be used in toolings like vue-loader
-// Note: for a component to be eligible for HMR it also needs the __hmrId option
-// to be set so that its instances can be registered / removed.
-{
-    const globalObject = typeof global !== 'undefined'
-        ? global
-        : typeof self !== 'undefined'
-            ? self
-            : typeof window !== 'undefined'
-                ? window
-                : {};
-    globalObject.__VUE_HMR_RUNTIME__ = {
-        createRecord: tryWrap(createRecord),
-        rerender: tryWrap(rerender),
-        reload: tryWrap(reload)
-    };
-}
-const map = new Map();
-function registerHMR(instance) {
-    const id = instance.type.__hmrId;
-    let record = map.get(id);
-    if (!record) {
-        createRecord(id, instance.type);
-        record = map.get(id);
-    }
-    record.instances.add(instance);
-}
-function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-}
-function createRecord(id, component) {
-    if (!component) {
-        warn(`HMR API usage is out of date.\n` +
-            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-            `dependency that handles Vue SFC compilation.`);
-        component = {};
-    }
-    if (map.has(id)) {
-        return false;
-    }
-    map.set(id, {
-        component: isClassComponent(component) ? component.__vccOpts : component,
-        instances: new Set()
-    });
-    return true;
-}
-function rerender(id, newRender) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    if (newRender)
-        record.component.render = newRender;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    Array.from(record.instances).forEach(instance => {
-        if (newRender) {
-            instance.render = newRender;
-        }
-        instance.renderCache = [];
-        // this flag forces child components with slot content to update
-        isHmrUpdating = true;
-        instance.update();
-        isHmrUpdating = false;
-    });
-}
-function reload(id, newComp) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    const { component, instances } = record;
-    if (!hmrDirtyComponents.has(component)) {
-        // 1. Update existing comp definition to match new one
-        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-        extend(component, newComp);
-        for (const key in component) {
-            if (key !== '__file' && !(key in newComp)) {
-                delete component[key];
-            }
-        }
-        // 2. Mark component dirty. This forces the renderer to replace the component
-        // on patch.
-        hmrDirtyComponents.add(component);
-        // 3. Make sure to unmark the component after the reload.
-        queuePostFlushCb(() => {
-            hmrDirtyComponents.delete(component);
-        });
-    }
-    Array.from(instances).forEach(instance => {
-        if (instance.parent) {
-            // 4. Force the parent instance to re-render. This will cause all updated
-            // components to be unmounted and re-mounted. Queue the update so that we
-            // don't end up forcing the same parent to re-render multiple times.
-            queueJob(instance.parent.update);
-        }
-        else if (instance.appContext.reload) {
-            // root instance mounted via createApp() has a reload method
-            instance.appContext.reload();
-        }
-        else if (typeof window !== 'undefined') {
-            // root instance inside tree created via raw render(). Force reload.
-            window.location.reload();
-        }
-        else {
-            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
-        }
-    });
-}
-function tryWrap(fn) {
-    return (id, arg) => {
-        try {
-            return fn(id, arg);
-        }
-        catch (e) {
-            console.error(e);
-            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
-                `Full reload required.`);
-        }
-    };
-}
-
-let devtools;
-function setDevtoolsHook(hook) {
-    devtools = hook;
-}
-function devtoolsInitApp(app, version) {
-    // TODO queue if devtools is undefined
-    if (!devtools)
-        return;
-    devtools.emit("app:init" /* APP_INIT */, app, version, {
-        Fragment,
-        Text,
-        Comment: Comment$1,
-        Static
-    });
-}
-function devtoolsUnmountApp(app) {
-    if (!devtools)
-        return;
-    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
-}
-const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-const devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
-function createDevtoolsComponentHook(hook) {
-    return (component) => {
-        if (!devtools)
-            return;
-        devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
-    };
+const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
+const devtoolsComponentUpdated = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
+const devtoolsComponentRemoved = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
+function createDevtoolsComponentHook(hook) {
+    return (component) => {
+        if (!devtools)
+            return;
+        devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+    };
 }
 const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
 const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
@@ -1916,8 +1737,7 @@ const deprecationData = {
         link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
     },
     ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
-        message: componentName => `Component <${componentName ||
-            'Anonymous'}> has \`inheritAttrs: false\` but is ` +
+        message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
             `relying on class/style fallthrough from parent. In Vue 3, class/style ` +
             `are now included in $attrs and will no longer fallthrough when ` +
             `inheritAttrs is false. If you are already using v-bind="$attrs" on ` +
@@ -2083,12 +1903,12 @@ function warnDeprecation(key, instance, ...args) {
     // same warning, but different component. skip the long message and just
     // log the key and count.
     if (dupKey in warnCount) {
-        warn(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
+        warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
         return;
     }
     warnCount[dupKey] = 0;
     const { message, link } = deprecationData[key];
-    warn(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
+    warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
     if (!isCompatEnabled(key, instance, true)) {
         console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
             `lead to runtime errors.`);
@@ -2117,21 +1937,20 @@ function validateCompatConfig(config, instance) {
             !(key in warnedInvalidKeys)) {
             if (key.startsWith('COMPILER_')) {
                 if (isRuntimeOnly()) {
-                    warn(`Deprecation config "${key}" is compiler-specific and you are ` +
+                    warn$1(`Deprecation config "${key}" is compiler-specific and you are ` +
                         `running a runtime-only build of Vue. This deprecation should be ` +
-                        `configured via compiler options in your build setup instead.`
-                    // TODO link to migration build docs on build setup
-                    );
+                        `configured via compiler options in your build setup instead.\n` +
+                        `Details: https://v3.vuejs.org/guide/migration/migration-build.html`);
                 }
             }
             else {
-                warn(`Invalid deprecation config "${key}".`);
+                warn$1(`Invalid deprecation config "${key}".`);
             }
             warnedInvalidKeys[key] = true;
         }
     }
     if (instance && config["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */] != null) {
-        warn(`Deprecation config "${"OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */}" can only be configured globally.`);
+        warn$1(`Deprecation config "${"OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */}" can only be configured globally.`);
     }
 }
 function getCompatConfigForKey(key, instance) {
@@ -2313,7 +2132,7 @@ function emit$1(instance, event, ...rawArgs) {
                 !((event.startsWith('hook:') ||
                         event.startsWith(compatModelEventPrefix)))) {
                 if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                    warn(`Component emitted event "${event}" but it is neither declared in ` +
+                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
                         `the emits option nor as an "${toHandlerKey(event)}" prop.`);
                 }
             }
@@ -2322,7 +2141,7 @@ function emit$1(instance, event, ...rawArgs) {
                 if (isFunction(validator)) {
                     const isValid = validator(...rawArgs);
                     if (!isValid) {
-                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
+                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
                     }
                 }
             }
@@ -2348,7 +2167,7 @@ function emit$1(instance, event, ...rawArgs) {
     {
         const lowerCaseEvent = event.toLowerCase();
         if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-            warn(`Event "${lowerCaseEvent}" is emitted in component ` +
+            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
                 `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
                 `Note that HTML attributes are case-insensitive and you cannot use ` +
                 `v-on to listen to camelCase events when using in-DOM templates. ` +
@@ -2626,13 +2445,13 @@ function renderComponentRoot(instance) {
                         }
                     }
                     if (extraAttrs.length) {
-                        warn(`Extraneous non-props attributes (` +
+                        warn$1(`Extraneous non-props attributes (` +
                             `${extraAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes.`);
                     }
                     if (eventAttrs.length) {
-                        warn(`Extraneous non-emits event listeners (` +
+                        warn$1(`Extraneous non-emits event listeners (` +
                             `${eventAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes. ` +
@@ -2661,7 +2480,7 @@ function renderComponentRoot(instance) {
         // inherit directives
         if (vnode.dirs) {
             if (true && !isElementRoot(root)) {
-                warn(`Runtime directive used on component with non-element root node. ` +
+                warn$1(`Runtime directive used on component with non-element root node. ` +
                     `The directives will not function as intended.`);
             }
             root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
@@ -2669,7 +2488,7 @@ function renderComponentRoot(instance) {
         // inherit transition data
         if (vnode.transition) {
             if (true && !isElementRoot(root)) {
-                warn(`Component inside <Transition> renders non-element root node ` +
+                warn$1(`Component inside <Transition> renders non-element root node ` +
                     `that cannot be animated.`);
             }
             root.transition = vnode.transition;
@@ -2870,8 +2689,7 @@ const SuspenseImpl = {
     normalize: normalizeSuspenseChildren
 };
 // Force-casted public typing for h and TSX props inference
-const Suspense = (SuspenseImpl
-    );
+const Suspense = (SuspenseImpl );
 function triggerEvent(vnode, name) {
     const eventListener = vnode.props && vnode.props[name];
     if (isFunction(eventListener)) {
@@ -3239,12 +3057,12 @@ function normalizeSuspenseSlot(s) {
     if (isArray(s)) {
         const singleChild = filterSingleRoot(s);
         if (!singleChild) {
-            warn(`<Suspense> slots expect a single root node.`);
+            warn$1(`<Suspense> slots expect a single root node.`);
         }
         s = singleChild;
     }
     s = normalizeVNode(s);
-    if (block) {
+    if (block && !s.dynamicChildren) {
         s.dynamicChildren = block.filter(c => c !== s);
     }
     return s;
@@ -3277,7 +3095,7 @@ function setActiveBranch(suspense, branch) {
 function provide(key, value) {
     if (!currentInstance) {
         {
-            warn(`provide() can only be used inside setup().`);
+            warn$1(`provide() can only be used inside setup().`);
         }
     }
     else {
@@ -3292,297 +3110,36 @@ function provide(key, value) {
             provides = currentInstance.provides = Object.create(parentProvides);
         }
         // TS doesn't allow symbol as index type
-        provides[key] = value;
-    }
-}
-function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    // fallback to `currentRenderingInstance` so that this can be called in
-    // a functional component
-    const instance = currentInstance || currentRenderingInstance;
-    if (instance) {
-        // #2400
-        // to support `app.use` plugins,
-        // fallback to appContext's `provides` if the intance is at root
-        const provides = instance.parent == null
-            ? instance.vnode.appContext && instance.vnode.appContext.provides
-            : instance.parent.provides;
-        if (provides && key in provides) {
-            // TS doesn't allow symbol as index type
-            return provides[key];
-        }
-        else if (arguments.length > 1) {
-            return treatDefaultAsFactory && isFunction(defaultValue)
-                ? defaultValue.call(instance.proxy)
-                : defaultValue;
-        }
-        else {
-            warn(`injection "${String(key)}" not found.`);
-        }
-    }
-    else {
-        warn(`inject() can only be used inside setup() or functional components.`);
-    }
-}
-
-// Simple effect.
-function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-}
-// initial value for watchers to trigger on undefined initial values
-const INITIAL_WATCHER_VALUE = {};
-// implementation
-function watch(source, cb, options) {
-    if (!isFunction(cb)) {
-        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
-            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-            `supports \`watch(source, cb, options?) signature.`);
-    }
-    return doWatch(source, cb, options);
-}
-function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ, instance = currentInstance) {
-    if (!cb) {
-        if (immediate !== undefined) {
-            warn(`watch() "immediate" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-        if (deep !== undefined) {
-            warn(`watch() "deep" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-    }
-    const warnInvalidSource = (s) => {
-        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
-            `a reactive object, or an array of these types.`);
-    };
-    let getter;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef(source)) {
-        getter = () => source.value;
-        forceTrigger = !!source._shallow;
-    }
-    else if (isReactive(source)) {
-        getter = () => source;
-        deep = true;
-    }
-    else if (isArray(source)) {
-        isMultiSource = true;
-        forceTrigger = source.some(isReactive);
-        getter = () => source.map(s => {
-            if (isRef(s)) {
-                return s.value;
-            }
-            else if (isReactive(s)) {
-                return traverse(s);
-            }
-            else if (isFunction(s)) {
-                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
-            }
-            else {
-                warnInvalidSource(s);
-            }
-        });
-    }
-    else if (isFunction(source)) {
-        if (cb) {
-            // getter with cb
-            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
-        }
-        else {
-            // no cb -> simple effect
-            getter = () => {
-                if (instance && instance.isUnmounted) {
-                    return;
-                }
-                if (cleanup) {
-                    cleanup();
-                }
-                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
-            };
-        }
-    }
-    else {
-        getter = NOOP;
-        warnInvalidSource(source);
-    }
-    // 2.x array mutation watch compat
-    if (cb && !deep) {
-        const baseGetter = getter;
-        getter = () => {
-            const val = baseGetter();
-            if (isArray(val) &&
-                checkCompatEnabled("WATCH_ARRAY" /* WATCH_ARRAY */, instance)) {
-                traverse(val);
-            }
-            return val;
-        };
-    }
-    if (cb && deep) {
-        const baseGetter = getter;
-        getter = () => traverse(baseGetter());
-    }
-    let cleanup;
-    let onInvalidate = (fn) => {
-        cleanup = runner.options.onStop = () => {
-            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
-        };
-    };
-    // in SSR there is no need to setup an actual effect, and it should be noop
-    // unless it's eager
-    if (isInSSRComponentSetup) {
-        // we will also not call the invalidate callback (+ runner is not set up)
-        onInvalidate = NOOP;
-        if (!cb) {
-            getter();
-        }
-        else if (immediate) {
-            callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                getter(),
-                undefined,
-                onInvalidate
-            ]);
-        }
-        return NOOP;
-    }
-    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
-    const job = () => {
-        if (!runner.active) {
-            return;
-        }
-        if (cb) {
-            // watch(source, cb)
-            const newValue = runner();
-            if (deep ||
-                forceTrigger ||
-                (isMultiSource
-                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
-                    : hasChanged(newValue, oldValue)) ||
-                (isArray(newValue) &&
-                    isCompatEnabled("WATCH_ARRAY" /* WATCH_ARRAY */, instance))) {
-                // cleanup before running cb again
-                if (cleanup) {
-                    cleanup();
-                }
-                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                    newValue,
-                    // pass undefined as the old value when it's changed for the first time
-                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
-                    onInvalidate
-                ]);
-                oldValue = newValue;
-            }
-        }
-        else {
-            // watchEffect
-            runner();
-        }
-    };
-    // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
-    job.allowRecurse = !!cb;
-    let scheduler;
-    if (flush === 'sync') {
-        scheduler = job; // the scheduler function gets called directly
-    }
-    else if (flush === 'post') {
-        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-    }
-    else {
-        // default: 'pre'
-        scheduler = () => {
-            if (!instance || instance.isMounted) {
-                queuePreFlushCb(job);
-            }
-            else {
-                // with 'pre' option, the first call must happen before
-                // the component is mounted so it is called synchronously.
-                job();
-            }
-        };
-    }
-    const runner = effect(getter, {
-        lazy: true,
-        onTrack,
-        onTrigger,
-        scheduler
-    });
-    recordInstanceBoundEffect(runner, instance);
-    // initial run
-    if (cb) {
-        if (immediate) {
-            job();
-        }
-        else {
-            oldValue = runner();
-        }
-    }
-    else if (flush === 'post') {
-        queuePostRenderEffect(runner, instance && instance.suspense);
-    }
-    else {
-        runner();
-    }
-    return () => {
-        stop(runner);
-        if (instance) {
-            remove(instance.effects, runner);
-        }
-    };
-}
-// this.$watch
-function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source)
-        ? source.includes('.')
-            ? createPathGetter(publicThis, source)
-            : () => publicThis[source]
-        : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction(value)) {
-        cb = value;
-    }
-    else {
-        cb = value.handler;
-        options = value;
+        provides[key] = value;
     }
-    return doWatch(getter, cb.bind(publicThis), options, this);
 }
-function createPathGetter(ctx, path) {
-    const segments = path.split('.');
-    return () => {
-        let cur = ctx;
-        for (let i = 0; i < segments.length && cur; i++) {
-            cur = cur[segments[i]];
+function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    // fallback to `currentRenderingInstance` so that this can be called in
+    // a functional component
+    const instance = currentInstance || currentRenderingInstance;
+    if (instance) {
+        // #2400
+        // to support `app.use` plugins,
+        // fallback to appContext's `provides` if the intance is at root
+        const provides = instance.parent == null
+            ? instance.vnode.appContext && instance.vnode.appContext.provides
+            : instance.parent.provides;
+        if (provides && key in provides) {
+            // TS doesn't allow symbol as index type
+            return provides[key];
         }
-        return cur;
-    };
-}
-function traverse(value, seen = new Set()) {
-    if (!isObject(value) ||
-        seen.has(value) ||
-        value["__v_skip" /* SKIP */]) {
-        return value;
-    }
-    seen.add(value);
-    if (isRef(value)) {
-        traverse(value.value, seen);
-    }
-    else if (isArray(value)) {
-        for (let i = 0; i < value.length; i++) {
-            traverse(value[i], seen);
+        else if (arguments.length > 1) {
+            return treatDefaultAsFactory && isFunction(defaultValue)
+                ? defaultValue.call(instance.proxy)
+                : defaultValue;
         }
-    }
-    else if (isSet(value) || isMap(value)) {
-        value.forEach((v) => {
-            traverse(v, seen);
-        });
-    }
-    else if (isPlainObject(value)) {
-        for (const key in value) {
-            traverse(value[key], seen);
+        else {
+            warn$1(`injection "${String(key)}" not found.`);
         }
     }
-    return value;
+    else {
+        warn$1(`inject() can only be used inside setup() or functional components.`);
+    }
 }
 
 function useTransitionState() {
@@ -3634,7 +3191,7 @@ const BaseTransitionImpl = {
             }
             // warn multiple elements
             if (children.length > 1) {
-                warn('<transition> can only be used on a single element or component. Use ' +
+                warn$1('<transition> can only be used on a single element or component. Use ' +
                     '<transition-group> for lists.');
             }
             // there's no need to track reactivity for these props so use the raw
@@ -3643,7 +3200,7 @@ const BaseTransitionImpl = {
             const { mode } = rawProps;
             // check mode
             if (mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-                warn(`invalid <transition> mode: ${mode}`);
+                warn$1(`invalid <transition> mode: ${mode}`);
             }
             // at this point children has a guaranteed length of 1.
             const child = children[0];
@@ -3923,39 +3480,40 @@ function defineAsyncComponent(source) {
     const load = () => {
         let thisRequest;
         return (pendingRequest ||
-            (thisRequest = pendingRequest = loader()
-                .catch(err => {
-                err = err instanceof Error ? err : new Error(String(err));
-                if (userOnError) {
-                    return new Promise((resolve, reject) => {
-                        const userRetry = () => resolve(retry());
-                        const userFail = () => reject(err);
-                        userOnError(err, userRetry, userFail, retries + 1);
-                    });
-                }
-                else {
-                    throw err;
-                }
-            })
-                .then((comp) => {
-                if (thisRequest !== pendingRequest && pendingRequest) {
-                    return pendingRequest;
-                }
-                if (!comp) {
-                    warn(`Async component loader resolved to undefined. ` +
-                        `If you are using retry(), make sure to return its return value.`);
-                }
-                // interop module default
-                if (comp &&
-                    (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-                    comp = comp.default;
-                }
-                if (comp && !isObject(comp) && !isFunction(comp)) {
-                    throw new Error(`Invalid async component load result: ${comp}`);
-                }
-                resolvedComp = comp;
-                return comp;
-            })));
+            (thisRequest = pendingRequest =
+                loader()
+                    .catch(err => {
+                    err = err instanceof Error ? err : new Error(String(err));
+                    if (userOnError) {
+                        return new Promise((resolve, reject) => {
+                            const userRetry = () => resolve(retry());
+                            const userFail = () => reject(err);
+                            userOnError(err, userRetry, userFail, retries + 1);
+                        });
+                    }
+                    else {
+                        throw err;
+                    }
+                })
+                    .then((comp) => {
+                    if (thisRequest !== pendingRequest && pendingRequest) {
+                        return pendingRequest;
+                    }
+                    if (!comp) {
+                        warn$1(`Async component loader resolved to undefined. ` +
+                            `If you are using retry(), make sure to return its return value.`);
+                    }
+                    // interop module default
+                    if (comp &&
+                        (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                        comp = comp.default;
+                    }
+                    if (comp && !isObject(comp) && !isFunction(comp)) {
+                        throw new Error(`Invalid async component load result: ${comp}`);
+                    }
+                    resolvedComp = comp;
+                    return comp;
+                })));
     };
     return defineComponent({
         name: 'AsyncComponentWrapper',
@@ -4111,7 +3669,7 @@ const KeepAliveImpl = {
         }
         if (props.cache && props.max) {
             // fixed by xxxxxx
-            warn('The `max` prop will be ignored if you provide a custom caching strategy');
+            warn$1('The `max` prop will be ignored if you provide a custom caching strategy');
         }
         const cache = props.cache || new Cache(props.max);
         cache.pruneCacheEntry = pruneCacheEntry;
@@ -4242,7 +3800,7 @@ const KeepAliveImpl = {
             const rawVNode = children[0];
             if (children.length > 1) {
                 {
-                    warn(`KeepAlive should contain exactly one component child.`);
+                    warn$1(`KeepAlive should contain exactly one component child.`);
                 }
                 current = null;
                 return children;
@@ -4423,9 +3981,9 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
                 // Set currentInstance during hook invocation.
                 // This assumes the hook does not synchronously trigger other hooks, which
                 // can only be false when the user does something really funky.
-                setCurrentInstance(target);
+                setCurrentInstance(target); // fixed by xxxxxx
                 const res = callWithAsyncErrorHandling(hook, target, type, args);
-                setCurrentInstance(null);
+                unsetCurrentInstance();
                 resetTracking();
                 return res;
             });
@@ -4439,7 +3997,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else {
         const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn(`${apiName} is called when there is no active component instance to be ` +
+        warn$1(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -4483,7 +4041,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -4528,14 +4086,15 @@ function applyOptions(instance) {
     // - computed
     // - watch (deferred since it relies on `this` access)
     if (injectOptions) {
-        resolveInjections(injectOptions, ctx, checkDuplicateProperties);
+        resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
     }
     if (methods) {
         for (const key in methods) {
             const methodHandler = methods[key];
             if (isFunction(methodHandler)) {
-                // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-                // and those are read-only but reconfigurable, so it needs to be redefined here
+                // In dev mode, we use the `createRenderContext` function to define
+                // methods to the proxy target, and those are read-only but
+                // reconfigurable, so it needs to be redefined here
                 {
                     Object.defineProperty(ctx, key, {
                         value: methodHandler.bind(publicThis),
@@ -4549,24 +4108,24 @@ function applyOptions(instance) {
                 }
             }
             else {
-                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if (!isFunction(dataOptions)) {
-            warn(`The data option must be a function. ` +
+            warn$1(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if (isPromise(data)) {
-            warn(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!isObject(data)) {
-            warn(`data() should return an object.`);
+            warn$1(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -4597,15 +4156,15 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : NOOP;
             if (get === NOOP) {
-                warn(`Computed property "${key}" has no getter.`);
+                warn$1(`Computed property "${key}" has no getter.`);
             }
             const set = !isFunction(opt) && isFunction(opt.set)
                 ? opt.set.bind(publicThis)
                 : () => {
-                        warn(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     ;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -4704,22 +4263,47 @@ function applyOptions(instance) {
         customApplyOptions(options, instance, publicThis);
     }
 }
-function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
+function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
     if (isArray(injectOptions)) {
         injectOptions = normalizeInject(injectOptions);
     }
     for (const key in injectOptions) {
         const opt = injectOptions[key];
+        let injected;
         if (isObject(opt)) {
             if ('default' in opt) {
-                ctx[key] = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+                injected = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+            }
+            else {
+                injected = inject(opt.from || key);
+            }
+        }
+        else {
+            injected = inject(opt);
+        }
+        if (isRef(injected)) {
+            // TODO remove the check in 3.3
+            if (unwrapRef) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    get: () => injected.value,
+                    set: v => (injected.value = v)
+                });
             }
             else {
-                ctx[key] = inject(opt.from || key);
+                {
+                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                        `and no longer needs \`.value\` in the next minor release. ` +
+                        `To opt-in to the new behavior now, ` +
+                        `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
+                        `temporary and will not be needed in the future.)`);
+                }
+                ctx[key] = injected;
             }
         }
         else {
-            ctx[key] = inject(opt);
+            ctx[key] = injected;
         }
         {
             checkDuplicateProperties("Inject" /* INJECT */, key);
@@ -4741,7 +4325,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else {
-            warn(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (isFunction(raw)) {
@@ -4759,12 +4343,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else {
-                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else {
-        warn(`Invalid watch option: "${key}"`, raw);
+        warn$1(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -4814,7 +4398,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     }
     for (const key in from) {
         if (asMixin && key === 'expose') {
-            warn(`"expose" option is ignored when declared in mixins or extends. ` +
+            warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -5156,7 +4740,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
                     value = propsDefaults[key] = defaultValue.call(isCompatEnabled("PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */, instance)
                         ? createPropsDefaultThis(instance, props, key)
                         : null, props);
-                    setCurrentInstance(null);
+                    unsetCurrentInstance();
                 }
             }
             else {
@@ -5215,7 +4799,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if (!isString(raw[i])) {
-                warn(`props must be strings when using array syntax.`, raw[i]);
+                warn$1(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -5225,7 +4809,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if (!isObject(raw)) {
-            warn(`invalid props options`, raw);
+            warn$1(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = camelize(key);
@@ -5256,7 +4840,7 @@ function validatePropName(key) {
         return true;
     }
     else {
-        warn(`Invalid prop name: "${key}" is a reserved property.`);
+        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
@@ -5264,7 +4848,7 @@ function validatePropName(key) {
 // so that it works across vms / iframes.
 function getType(ctor) {
     const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
+    return match ? match[1] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -5298,7 +4882,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn('Missing required prop: "' + name + '"');
+        warn$1('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -5317,13 +4901,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn(getInvalidTypeMessage(name, value, expectedTypes));
+            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -5347,6 +4931,9 @@ function assertType(value, type) {
     else if (expectedType === 'Array') {
         valid = isArray(value);
     }
+    else if (expectedType === 'null') {
+        valid = value === null;
+    }
     else {
         valid = value instanceof type;
     }
@@ -5360,7 +4947,7 @@ function assertType(value, type) {
  */
 function getInvalidTypeMessage(name, value, expectedTypes) {
     let message = `Invalid prop: type check failed for prop "${name}".` +
-        ` Expected ${expectedTypes.map(capitalize).join(', ')}`;
+        ` Expected ${expectedTypes.map(capitalize).join(' | ')}`;
     const expectedType = expectedTypes[0];
     const receivedType = toRawType(value);
     const expectedValue = styleValue(value, expectedType);
@@ -5413,7 +5000,7 @@ const normalizeSlotValue = (value) => isArray(value)
 const normalizeSlot = (key, rawSlot, ctx) => {
     const normalized = withCtx((props) => {
         if (currentInstance) {
-            warn(`Slot "${key}" invoked outside of the render function: ` +
+            warn$1(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -5433,7 +5020,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
         }
         else if (value != null) {
             if (!(isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, instance))) {
-                warn(`Non-function value encountered for slot "${key}". ` +
+                warn$1(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -5444,7 +5031,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
 const normalizeVNodeSlots = (instance, children) => {
     if (!isKeepAlive(instance.vnode) &&
         !(isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, instance))) {
-        warn(`Non-function value encountered for default slot. ` +
+        warn$1(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -5568,7 +5155,7 @@ return withDirectives(h(comp), [
 const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn('Do not use built-in directive ids as custom directive id: ' + name);
+        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 /**
@@ -5577,7 +5164,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-        warn(`withDirectives can only be used inside render functions.`);
+        warn$1(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
     const instance = internalInstance.proxy;
@@ -5590,6 +5177,9 @@ function withDirectives(vnode, directives) {
                 updated: dir
             };
         }
+        if (dir.deep) {
+            traverse(value);
+        }
         bindings.push({
             dir,
             instance,
@@ -5697,7 +5287,7 @@ function createCompatVue(createApp, createSingletonApp) {
             return vm;
         }
     }
-    Vue.version = "3.1.4";
+    Vue.version = "3.2.2";
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
         if (p && isFunction(p.install)) {
@@ -5799,7 +5389,7 @@ function createCompatVue(createApp, createSingletonApp) {
     });
     // internal utils - these are technically internal but some plugins use it.
     const util = {
-        warn: warn ,
+        warn: warn$1 ,
         extend,
         mergeOptions: (parent, child, vm) => mergeOptions(parent, child, vm ? undefined : internalOptionMergeStrats),
         defineReactive
@@ -5834,7 +5424,7 @@ function installFilterMethod(app, context) {
             return context.filters[name];
         }
         if (context.filters[name]) {
-            warn(`Filter "${name}" has already been registered.`);
+            warn$1(`Filter "${name}" has already been registered.`);
         }
         context.filters[name] = filter;
         return app;
@@ -5943,7 +5533,7 @@ function installCompatMount(app, context, render) {
         // both runtime-core AND runtime-dom.
         instance.ctx._compat_mount = (selectorOrEl) => {
             if (isMounted) {
-                warn(`Root instance is already mounted.`);
+                warn$1(`Root instance is already mounted.`);
                 return;
             }
             let container;
@@ -5951,7 +5541,7 @@ function installCompatMount(app, context, render) {
                 // eslint-disable-next-line
                 const result = document.querySelector(selectorOrEl);
                 if (!result) {
-                    warn(`Failed to mount root instance: selector "${selectorOrEl}" returned null.`);
+                    warn$1(`Failed to mount root instance: selector "${selectorOrEl}" returned null.`);
                     return;
                 }
                 container = result;
@@ -6013,7 +5603,7 @@ function installCompatMount(app, context, render) {
                 delete app._container.__vue_app__;
             }
             else {
-                const { bum, effects, um } = instance;
+                const { bum, scope, um } = instance;
                 // beforeDestroy hooks
                 if (bum) {
                     invokeArrayFns(bum);
@@ -6022,10 +5612,8 @@ function installCompatMount(app, context, render) {
                     instance.emit('hook:beforeDestroy');
                 }
                 // stop effects
-                if (effects) {
-                    for (let i = 0; i < effects.length; i++) {
-                        stop(effects[i]);
-                    }
+                if (scope) {
+                    scope.stop();
                 }
                 // unmounted hook
                 if (um) {
@@ -6123,18 +5711,18 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid$1 = 0;
+let uid = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (rootProps != null && !isObject(rootProps)) {
-            warn(`root props passed to app.mount() must be an object.`);
+            warn$1(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid$1++,
+            _uid: uid++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -6146,4021 +5734,4769 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 {
-                    warn(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    warn(`Plugin has already been applied to target app.`);
+                    warn$1(`Plugin has already been applied to target app.`);
+                }
+                else if (plugin && isFunction(plugin.install)) {
+                    installedPlugins.add(plugin);
+                    plugin.install(app, ...options);
+                }
+                else if (isFunction(plugin)) {
+                    installedPlugins.add(plugin);
+                    plugin(app, ...options);
+                }
+                else {
+                    warn$1(`A plugin must either be a function or an object with an "install" ` +
+                        `function.`);
+                }
+                return app;
+            },
+            mixin(mixin) {
+                {
+                    if (!context.mixins.includes(mixin)) {
+                        context.mixins.push(mixin);
+                    }
+                    else {
+                        warn$1('Mixin has already been applied to target app' +
+                            (mixin.name ? `: ${mixin.name}` : ''));
+                    }
+                }
+                return app;
+            },
+            component(name, component) {
+                {
+                    validateComponentName(name, context.config);
+                }
+                if (!component) {
+                    return context.components[name];
+                }
+                if (context.components[name]) {
+                    warn$1(`Component "${name}" has already been registered in target app.`);
+                }
+                context.components[name] = component;
+                return app;
+            },
+            directive(name, directive) {
+                {
+                    validateDirectiveName(name);
+                }
+                if (!directive) {
+                    return context.directives[name];
+                }
+                if (context.directives[name]) {
+                    warn$1(`Directive "${name}" has already been registered in target app.`);
+                }
+                context.directives[name] = directive;
+                return app;
+            },
+            mount(rootContainer, isHydrate, isSVG) {
+                if (!isMounted) {
+                    const vnode = createVNode(rootComponent, rootProps);
+                    // store app context on the root VNode.
+                    // this will be set on the root instance on initial mount.
+                    vnode.appContext = context;
+                    // HMR root reload
+                    {
+                        context.reload = () => {
+                            render(cloneVNode(vnode), rootContainer, isSVG);
+                        };
+                    }
+                    if (isHydrate && hydrate) {
+                        hydrate(vnode, rootContainer);
+                    }
+                    else {
+                        render(vnode, rootContainer, isSVG);
+                    }
+                    isMounted = true;
+                    app._container = rootContainer;
+                    rootContainer.__vue_app__ = app;
+                    {
+                        app._instance = vnode.component;
+                        devtoolsInitApp(app, version);
+                    }
+                    return vnode.component.proxy;
+                }
+                else {
+                    warn$1(`App has already been mounted.\n` +
+                        `If you want to remount the same app, move your app creation logic ` +
+                        `into a factory function and create fresh app instances for each ` +
+                        `mount - e.g. \`const createMyApp = () => createApp(App)\``);
+                }
+            },
+            unmount() {
+                if (isMounted) {
+                    render(null, app._container);
+                    {
+                        app._instance = null;
+                        devtoolsUnmountApp(app);
+                    }
+                    delete app._container.__vue_app__;
+                }
+                else {
+                    warn$1(`Cannot unmount an app that is not mounted.`);
+                }
+            },
+            provide(key, value) {
+                if (key in context.provides) {
+                    warn$1(`App already provides property with key "${String(key)}". ` +
+                        `It will be overwritten with the new value.`);
+                }
+                // TypeScript doesn't allow symbols as index type
+                // https://github.com/Microsoft/TypeScript/issues/24587
+                context.provides[key] = value;
+                return app;
+            }
+        });
+        {
+            installAppCompatProperties(app, context, render);
+        }
+        return app;
+    };
+}
+
+let hasMismatch = false;
+const isSVGContainer = (container) => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject';
+const isComment = (node) => node.nodeType === 8 /* COMMENT */;
+// Note: hydration is DOM-specific
+// But we have to place it in core due to tight coupling with core - splitting
+// it out creates a ton of unnecessary complexity.
+// Hydration also depends on some renderer internal logic which needs to be
+// passed in via arguments.
+function createHydrationFunctions(rendererInternals) {
+    const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
+    const hydrate = (vnode, container) => {
+        if (!container.hasChildNodes()) {
+            warn$1(`Attempting to hydrate existing markup but container is empty. ` +
+                    `Performing full mount instead.`);
+            patch(null, vnode, container);
+            flushPostFlushCbs();
+            return;
+        }
+        hasMismatch = false;
+        hydrateNode(container.firstChild, vnode, null, null, null);
+        flushPostFlushCbs();
+        if (hasMismatch && !false) {
+            // this error should show up in production
+            console.error(`Hydration completed but contains mismatches.`);
+        }
+    };
+    const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
+        const isFragmentStart = isComment(node) && node.data === '[';
+        const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
+        const { type, ref, shapeFlag } = vnode;
+        const domType = node.nodeType;
+        vnode.el = node;
+        let nextNode = null;
+        switch (type) {
+            case Text:
+                if (domType !== 3 /* TEXT */) {
+                    nextNode = onMismatch();
+                }
+                else {
+                    if (node.data !== vnode.children) {
+                        hasMismatch = true;
+                        warn$1(`Hydration text mismatch:` +
+                                `\n- Client: ${JSON.stringify(node.data)}` +
+                                `\n- Server: ${JSON.stringify(vnode.children)}`);
+                        node.data = vnode.children;
+                    }
+                    nextNode = nextSibling(node);
+                }
+                break;
+            case Comment$1:
+                if (domType !== 8 /* COMMENT */ || isFragmentStart) {
+                    nextNode = onMismatch();
+                }
+                else {
+                    nextNode = nextSibling(node);
+                }
+                break;
+            case Static:
+                if (domType !== 1 /* ELEMENT */) {
+                    nextNode = onMismatch();
                 }
-                else if (plugin && isFunction(plugin.install)) {
-                    installedPlugins.add(plugin);
-                    plugin.install(app, ...options);
+                else {
+                    // determine anchor, adopt content
+                    nextNode = node;
+                    // if the static vnode has its content stripped during build,
+                    // adopt it from the server-rendered HTML.
+                    const needToAdoptContent = !vnode.children.length;
+                    for (let i = 0; i < vnode.staticCount; i++) {
+                        if (needToAdoptContent)
+                            vnode.children += nextNode.outerHTML;
+                        if (i === vnode.staticCount - 1) {
+                            vnode.anchor = nextNode;
+                        }
+                        nextNode = nextSibling(nextNode);
+                    }
+                    return nextNode;
                 }
-                else if (isFunction(plugin)) {
-                    installedPlugins.add(plugin);
-                    plugin(app, ...options);
+                break;
+            case Fragment:
+                if (!isFragmentStart) {
+                    nextNode = onMismatch();
                 }
                 else {
-                    warn(`A plugin must either be a function or an object with an "install" ` +
-                        `function.`);
+                    nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
                 }
-                return app;
-            },
-            mixin(mixin) {
-                {
-                    if (!context.mixins.includes(mixin)) {
-                        context.mixins.push(mixin);
+                break;
+            default:
+                if (shapeFlag & 1 /* ELEMENT */) {
+                    if (domType !== 1 /* ELEMENT */ ||
+                        vnode.type.toLowerCase() !==
+                            node.tagName.toLowerCase()) {
+                        nextNode = onMismatch();
                     }
                     else {
-                        warn('Mixin has already been applied to target app' +
-                            (mixin.name ? `: ${mixin.name}` : ''));
+                        nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
                     }
                 }
-                return app;
-            },
-            component(name, component) {
-                {
-                    validateComponentName(name, context.config);
+                else if (shapeFlag & 6 /* COMPONENT */) {
+                    // when setting up the render effect, if the initial vnode already
+                    // has .el set, the component will perform hydration instead of mount
+                    // on its sub-tree.
+                    vnode.slotScopeIds = slotScopeIds;
+                    const container = parentNode(node);
+                    mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized);
+                    // component may be async, so in the case of fragments we cannot rely
+                    // on component's rendered output to determine the end of the fragment
+                    // instead, we do a lookahead to find the end anchor node.
+                    nextNode = isFragmentStart
+                        ? locateClosingAsyncAnchor(node)
+                        : nextSibling(node);
+                    // #3787
+                    // if component is async, it may get moved / unmounted before its
+                    // inner component is loaded, so we need to give it a placeholder
+                    // vnode that matches its adopted DOM.
+                    if (isAsyncWrapper(vnode)) {
+                        let subTree;
+                        if (isFragmentStart) {
+                            subTree = createVNode(Fragment);
+                            subTree.anchor = nextNode
+                                ? nextNode.previousSibling
+                                : container.lastChild;
+                        }
+                        else {
+                            subTree =
+                                node.nodeType === 3 ? createTextVNode('') : createVNode('div');
+                        }
+                        subTree.el = node;
+                        vnode.component.subTree = subTree;
+                    }
                 }
-                if (!component) {
-                    return context.components[name];
+                else if (shapeFlag & 64 /* TELEPORT */) {
+                    if (domType !== 8 /* COMMENT */) {
+                        nextNode = onMismatch();
+                    }
+                    else {
+                        nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
+                    }
                 }
-                if (context.components[name]) {
-                    warn(`Component "${name}" has already been registered in target app.`);
+                else if (shapeFlag & 128 /* SUSPENSE */) {
+                    nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                 }
-                context.components[name] = component;
-                return app;
-            },
-            directive(name, directive) {
-                {
-                    validateDirectiveName(name);
+                else {
+                    warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
                 }
-                if (!directive) {
-                    return context.directives[name];
+        }
+        if (ref != null) {
+            setRef(ref, null, parentSuspense, vnode);
+        }
+        return nextNode;
+    };
+    const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+        optimized = optimized || !!vnode.dynamicChildren;
+        const { type, props, patchFlag, shapeFlag, dirs } = vnode;
+        // #4006 for form elements with non-string v-model value bindings
+        // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
+        const forcePatchValue = (type === 'input' && dirs) || type === 'option';
+        // skip props & children if this is hoisted static nodes
+        if (forcePatchValue || patchFlag !== -1 /* HOISTED */) {
+            if (dirs) {
+                invokeDirectiveHook(vnode, null, parentComponent, 'created');
+            }
+            // props
+            if (props) {
+                if (forcePatchValue ||
+                    !optimized ||
+                    patchFlag & 16 /* FULL_PROPS */ ||
+                    patchFlag & 32 /* HYDRATE_EVENTS */) {
+                    for (const key in props) {
+                        if ((forcePatchValue && key.endsWith('value')) ||
+                            (isOn(key) && !isReservedProp(key))) {
+                            patchProp(el, key, null, props[key]);
+                        }
+                    }
                 }
-                if (context.directives[name]) {
-                    warn(`Directive "${name}" has already been registered in target app.`);
+                else if (props.onClick) {
+                    // Fast path for click listeners (which is most often) to avoid
+                    // iterating through props.
+                    patchProp(el, 'onClick', null, props.onClick);
                 }
-                context.directives[name] = directive;
-                return app;
-            },
-            mount(rootContainer, isHydrate, isSVG) {
-                if (!isMounted) {
-                    const vnode = createVNode(rootComponent, rootProps);
-                    // store app context on the root VNode.
-                    // this will be set on the root instance on initial mount.
-                    vnode.appContext = context;
-                    // HMR root reload
-                    {
-                        context.reload = () => {
-                            render(cloneVNode(vnode), rootContainer, isSVG);
-                        };
-                    }
-                    if (isHydrate && hydrate) {
-                        hydrate(vnode, rootContainer);
-                    }
-                    else {
-                        render(vnode, rootContainer, isSVG);
-                    }
-                    isMounted = true;
-                    app._container = rootContainer;
-                    rootContainer.__vue_app__ = app;
-                    {
-                        app._instance = vnode.component;
-                        devtoolsInitApp(app, version);
+            }
+            // vnode / directive hooks
+            let vnodeHooks;
+            if ((vnodeHooks = props && props.onVnodeBeforeMount)) {
+                invokeVNodeHook(vnodeHooks, parentComponent, vnode);
+            }
+            if (dirs) {
+                invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
+            }
+            if ((vnodeHooks = props && props.onVnodeMounted) || dirs) {
+                queueEffectWithSuspense(() => {
+                    vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
+                    dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
+                }, parentSuspense);
+            }
+            // children
+            if (shapeFlag & 16 /* ARRAY_CHILDREN */ &&
+                // skip if element has innerHTML / textContent
+                !(props && (props.innerHTML || props.textContent))) {
+                let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
+                let hasWarned = false;
+                while (next) {
+                    hasMismatch = true;
+                    if (!hasWarned) {
+                        warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
+                            `server rendered element contains more child nodes than client vdom.`);
+                        hasWarned = true;
                     }
-                    return vnode.component.proxy;
+                    // The SSRed DOM contains more nodes than it should. Remove them.
+                    const cur = next;
+                    next = next.nextSibling;
+                    remove(cur);
+                }
+            }
+            else if (shapeFlag & 8 /* TEXT_CHILDREN */) {
+                if (el.textContent !== vnode.children) {
+                    hasMismatch = true;
+                    warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                            `- Client: ${el.textContent}\n` +
+                            `- Server: ${vnode.children}`);
+                    el.textContent = vnode.children;
+                }
+            }
+        }
+        return el.nextSibling;
+    };
+    const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+        optimized = optimized || !!parentVNode.dynamicChildren;
+        const children = parentVNode.children;
+        const l = children.length;
+        let hasWarned = false;
+        for (let i = 0; i < l; i++) {
+            const vnode = optimized
+                ? children[i]
+                : (children[i] = normalizeVNode(children[i]));
+            if (node) {
+                node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+            }
+            else if (vnode.type === Text && !vnode.children) {
+                continue;
+            }
+            else {
+                hasMismatch = true;
+                if (!hasWarned) {
+                    warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                        `server rendered element contains fewer child nodes than client vdom.`);
+                    hasWarned = true;
+                }
+                // the SSRed DOM didn't contain enough nodes. Mount the missing ones.
+                patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
+            }
+        }
+        return node;
+    };
+    const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
+        const { slotScopeIds: fragmentSlotScopeIds } = vnode;
+        if (fragmentSlotScopeIds) {
+            slotScopeIds = slotScopeIds
+                ? slotScopeIds.concat(fragmentSlotScopeIds)
+                : fragmentSlotScopeIds;
+        }
+        const container = parentNode(node);
+        const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
+        if (next && isComment(next) && next.data === ']') {
+            return nextSibling((vnode.anchor = next));
+        }
+        else {
+            // fragment didn't hydrate successfully, since we didn't get a end anchor
+            // back. This should have led to node/children mismatch warnings.
+            hasMismatch = true;
+            // since the anchor is missing, we need to create one and insert it
+            insert((vnode.anchor = createComment(`]`)), container, next);
+            return next;
+        }
+    };
+    const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
+        hasMismatch = true;
+        warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
+                ? `(text)`
+                : isComment(node) && node.data === '['
+                    ? `(start of fragment)`
+                    : ``);
+        vnode.el = null;
+        if (isFragment) {
+            // remove excessive fragment nodes
+            const end = locateClosingAsyncAnchor(node);
+            while (true) {
+                const next = nextSibling(node);
+                if (next && next !== end) {
+                    remove(next);
                 }
                 else {
-                    warn(`App has already been mounted.\n` +
-                        `If you want to remount the same app, move your app creation logic ` +
-                        `into a factory function and create fresh app instances for each ` +
-                        `mount - e.g. \`const createMyApp = () => createApp(App)\``);
+                    break;
                 }
-            },
-            unmount() {
-                if (isMounted) {
-                    render(null, app._container);
-                    {
-                        app._instance = null;
-                        devtoolsUnmountApp(app);
+            }
+        }
+        const next = nextSibling(node);
+        const container = parentNode(node);
+        remove(node);
+        patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
+        return next;
+    };
+    const locateClosingAsyncAnchor = (node) => {
+        let match = 0;
+        while (node) {
+            node = nextSibling(node);
+            if (node && isComment(node)) {
+                if (node.data === '[')
+                    match++;
+                if (node.data === ']') {
+                    if (match === 0) {
+                        return nextSibling(node);
+                    }
+                    else {
+                        match--;
                     }
-                    delete app._container.__vue_app__;
-                }
-                else {
-                    warn(`Cannot unmount an app that is not mounted.`);
-                }
-            },
-            provide(key, value) {
-                if (key in context.provides) {
-                    warn(`App already provides property with key "${String(key)}". ` +
-                        `It will be overwritten with the new value.`);
                 }
-                // TypeScript doesn't allow symbols as index type
-                // https://github.com/Microsoft/TypeScript/issues/24587
-                context.provides[key] = value;
-                return app;
             }
-        });
-        {
-            installAppCompatProperties(app, context, render);
         }
-        return app;
+        return node;
     };
+    return [hydrate, hydrateNode];
 }
 
-let hasMismatch = false;
-const isSVGContainer = (container) => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject';
-const isComment = (node) => node.nodeType === 8 /* COMMENT */;
-// Note: hydration is DOM-specific
-// But we have to place it in core due to tight coupling with core - splitting
-// it out creates a ton of unnecessary complexity.
-// Hydration also depends on some renderer internal logic which needs to be
-// passed in via arguments.
-function createHydrationFunctions(rendererInternals) {
-    const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
-    const hydrate = (vnode, container) => {
-        if (!container.hasChildNodes()) {
-            warn(`Attempting to hydrate existing markup but container is empty. ` +
-                    `Performing full mount instead.`);
-            patch(null, vnode, container);
-            flushPostFlushCbs();
+let supported;
+let perf;
+function startMeasure(instance, type) {
+    if (instance.appContext.config.performance && isSupported()) {
+        perf.mark(`vue-${type}-${instance.uid}`);
+    }
+    {
+        devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now());
+    }
+}
+function endMeasure(instance, type) {
+    if (instance.appContext.config.performance && isSupported()) {
+        const startTag = `vue-${type}-${instance.uid}`;
+        const endTag = startTag + `:end`;
+        perf.mark(endTag);
+        perf.measure(`<${formatComponentName(instance, instance.type)}> ${type}`, startTag, endTag);
+        perf.clearMarks(startTag);
+        perf.clearMarks(endTag);
+    }
+    {
+        devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
+    }
+}
+function isSupported() {
+    if (supported !== undefined) {
+        return supported;
+    }
+    /* eslint-disable no-restricted-globals */
+    if (typeof window !== 'undefined' && window.performance) {
+        supported = true;
+        perf = window.performance;
+    }
+    else {
+        supported = false;
+    }
+    /* eslint-enable no-restricted-globals */
+    return supported;
+}
+
+function convertLegacyRefInFor(vnode) {
+    // refInFor
+    if (vnode.props && vnode.props.refInFor) {
+        delete vnode.props.refInFor;
+        if (vnode.ref) {
+            if (isArray(vnode.ref)) {
+                vnode.ref.forEach(r => (r.f = true));
+            }
+            else {
+                vnode.ref.f = true;
+            }
+        }
+    }
+}
+function registerLegacyRef(refs, key, value, owner, isInFor, isUnmount) {
+    const existing = refs[key];
+    if (isUnmount) {
+        if (isArray(existing)) {
+            remove(existing, value);
+        }
+        else {
+            refs[key] = null;
+        }
+    }
+    else if (isInFor) {
+        warnDeprecation("V_FOR_REF" /* V_FOR_REF */, owner);
+        if (!isArray(existing)) {
+            refs[key] = [value];
+        }
+        else if (!existing.includes(value)) {
+            existing.push(value);
+        }
+    }
+    else {
+        refs[key] = value;
+    }
+}
+
+const queuePostRenderEffect = queueEffectWithSuspense
+    ;
+/**
+ * The createRenderer function accepts two generic arguments:
+ * HostNode and HostElement, corresponding to Node and Element types in the
+ * host environment. For example, for runtime-dom, HostNode would be the DOM
+ * `Node` interface and HostElement would be the DOM `Element` interface.
+ *
+ * Custom renderers can pass in the platform specific types like this:
+ *
+ * ``` js
+ * const { render, createApp } = createRenderer<Node, Element>({
+ *   patchProp,
+ *   ...nodeOps
+ * })
+ * ```
+ */
+function createRenderer(options) {
+    return baseCreateRenderer(options);
+}
+// Separate API for creating hydration-enabled renderer.
+// Hydration logic is only used when calling this function, making it
+// tree-shakable.
+function createHydrationRenderer(options) {
+    return baseCreateRenderer(options, createHydrationFunctions);
+}
+// implementation
+function baseCreateRenderer(options, createHydrationFns) {
+    {
+        const target = getGlobalThis();
+        target.__VUE__ = true;
+        setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
+    }
+    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, // fixed by xxxxx
+    createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+    // Note: functions inside this closure should use `const xxx = () => {}`
+    // style in order to prevent being inlined by minifiers.
+    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => {
+        if (n1 === n2) {
             return;
         }
-        hasMismatch = false;
-        hydrateNode(container.firstChild, vnode, null, null, null);
-        flushPostFlushCbs();
-        if (hasMismatch && !false) {
-            // this error should show up in production
-            console.error(`Hydration completed but contains mismatches.`);
+        // patching & not same type, unmount old tree
+        if (n1 && !isSameVNodeType(n1, n2)) {
+            anchor = getNextHostNode(n1);
+            unmount(n1, parentComponent, parentSuspense, true);
+            n1 = null;
         }
-    };
-    const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
-        const isFragmentStart = isComment(node) && node.data === '[';
-        const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
-        const { type, ref, shapeFlag } = vnode;
-        const domType = node.nodeType;
-        vnode.el = node;
-        let nextNode = null;
+        if (n2.patchFlag === -2 /* BAIL */) {
+            optimized = false;
+            n2.dynamicChildren = null;
+        }
+        const { type, ref, shapeFlag } = n2;
         switch (type) {
             case Text:
-                if (domType !== 3 /* TEXT */) {
-                    nextNode = onMismatch();
-                }
-                else {
-                    if (node.data !== vnode.children) {
-                        hasMismatch = true;
-                        warn(`Hydration text mismatch:` +
-                                `\n- Client: ${JSON.stringify(node.data)}` +
-                                `\n- Server: ${JSON.stringify(vnode.children)}`);
-                        node.data = vnode.children;
-                    }
-                    nextNode = nextSibling(node);
-                }
+                processText(n1, n2, container, anchor);
                 break;
             case Comment$1:
-                if (domType !== 8 /* COMMENT */ || isFragmentStart) {
-                    nextNode = onMismatch();
-                }
-                else {
-                    nextNode = nextSibling(node);
-                }
-                break;
-            case Static:
-                if (domType !== 1 /* ELEMENT */) {
-                    nextNode = onMismatch();
-                }
-                else {
-                    // determine anchor, adopt content
-                    nextNode = node;
-                    // if the static vnode has its content stripped during build,
-                    // adopt it from the server-rendered HTML.
-                    const needToAdoptContent = !vnode.children.length;
-                    for (let i = 0; i < vnode.staticCount; i++) {
-                        if (needToAdoptContent)
-                            vnode.children += nextNode.outerHTML;
-                        if (i === vnode.staticCount - 1) {
-                            vnode.anchor = nextNode;
-                        }
-                        nextNode = nextSibling(nextNode);
-                    }
-                    return nextNode;
-                }
+                processCommentNode(n1, n2, container, anchor);
                 break;
-            case Fragment:
-                if (!isFragmentStart) {
-                    nextNode = onMismatch();
+            case Static:
+                if (n1 == null) {
+                    mountStaticNode(n2, container, anchor, isSVG);
                 }
                 else {
-                    nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+                    patchStaticNode(n1, n2, container, isSVG);
                 }
                 break;
+            case Fragment:
+                processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                break;
             default:
                 if (shapeFlag & 1 /* ELEMENT */) {
-                    if (domType !== 1 /* ELEMENT */ ||
-                        vnode.type.toLowerCase() !==
-                            node.tagName.toLowerCase()) {
-                        nextNode = onMismatch();
-                    }
-                    else {
-                        nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-                    }
+                    processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                 }
                 else if (shapeFlag & 6 /* COMPONENT */) {
-                    // when setting up the render effect, if the initial vnode already
-                    // has .el set, the component will perform hydration instead of mount
-                    // on its sub-tree.
-                    vnode.slotScopeIds = slotScopeIds;
-                    const container = parentNode(node);
-                    mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized);
-                    // component may be async, so in the case of fragments we cannot rely
-                    // on component's rendered output to determine the end of the fragment
-                    // instead, we do a lookahead to find the end anchor node.
-                    nextNode = isFragmentStart
-                        ? locateClosingAsyncAnchor(node)
-                        : nextSibling(node);
-                    // #3787
-                    // if component is async, it may get moved / unmounted before its
-                    // inner component is loaded, so we need to give it a placeholder
-                    // vnode that matches its adopted DOM.
-                    if (isAsyncWrapper(vnode)) {
-                        let subTree;
-                        if (isFragmentStart) {
-                            subTree = createVNode(Fragment);
-                            subTree.anchor = nextNode
-                                ? nextNode.previousSibling
-                                : container.lastChild;
-                        }
-                        else {
-                            subTree =
-                                node.nodeType === 3 ? createTextVNode('') : createVNode('div');
-                        }
-                        subTree.el = node;
-                        vnode.component.subTree = subTree;
-                    }
+                    processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                 }
                 else if (shapeFlag & 64 /* TELEPORT */) {
-                    if (domType !== 8 /* COMMENT */) {
-                        nextNode = onMismatch();
-                    }
-                    else {
-                        nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
-                    }
+                    type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else if (shapeFlag & 128 /* SUSPENSE */) {
-                    nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
+                    type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else {
-                    warn('Invalid HostVNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
                 }
         }
-        if (ref != null) {
-            setRef(ref, null, parentSuspense, vnode);
+        // set ref
+        if (ref != null && parentComponent) {
+            setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
         }
-        return nextNode;
     };
-    const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-        optimized = optimized || !!vnode.dynamicChildren;
-        const { type, props, patchFlag, shapeFlag, dirs } = vnode;
-        // #4006 for form elements with non-string v-model value bindings
-        // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
-        const forcePatchValue = (type === 'input' && dirs) || type === 'option';
-        // skip props & children if this is hoisted static nodes
-        if (forcePatchValue || patchFlag !== -1 /* HOISTED */) {
+    const processText = (n1, n2, container, anchor) => {
+        if (n1 == null) {
+            hostInsert((n2.el = hostCreateText(n2.children)), container, anchor);
+        }
+        else {
+            const el = (n2.el = n1.el);
+            if (n2.children !== n1.children) {
+                hostSetText(el, n2.children);
+            }
+        }
+    };
+    const processCommentNode = (n1, n2, container, anchor) => {
+        if (n1 == null) {
+            hostInsert((n2.el = hostCreateComment(n2.children || '')), container, anchor);
+        }
+        else {
+            // there's no support for dynamic comments
+            n2.el = n1.el;
+        }
+    };
+    const mountStaticNode = (n2, container, anchor, isSVG) => {
+        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
+    };
+    /**
+     * Dev / HMR only
+     */
+    const patchStaticNode = (n1, n2, container, isSVG) => {
+        // static nodes are only patched during dev for HMR
+        if (n2.children !== n1.children) {
+            const anchor = hostNextSibling(n1.anchor);
+            // remove existing
+            removeStaticNode(n1);
+            [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
+        }
+        else {
+            n2.el = n1.el;
+            n2.anchor = n1.anchor;
+        }
+    };
+    const moveStaticNode = ({ el, anchor }, container, nextSibling) => {
+        let next;
+        while (el && el !== anchor) {
+            next = hostNextSibling(el);
+            hostInsert(el, container, nextSibling);
+            el = next;
+        }
+        hostInsert(anchor, container, nextSibling);
+    };
+    const removeStaticNode = ({ el, anchor }) => {
+        let next;
+        while (el && el !== anchor) {
+            next = hostNextSibling(el);
+            hostRemove(el);
+            el = next;
+        }
+        hostRemove(anchor);
+    };
+    const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        isSVG = isSVG || n2.type === 'svg';
+        if (n1 == null) {
+            mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        }
+        else {
+            patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        }
+    };
+    const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        let el;
+        let vnodeHook;
+        const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode;
+        {
+            el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props);
+            // mount children first, since some props may rely on child content
+            // being already rendered, e.g. `<select value>`
+            if (shapeFlag & 8 /* TEXT_CHILDREN */) {
+                hostSetElementText(el, vnode.children);
+            }
+            else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
+            }
             if (dirs) {
                 invokeDirectiveHook(vnode, null, parentComponent, 'created');
             }
             // props
             if (props) {
-                if (forcePatchValue ||
-                    !optimized ||
-                    (patchFlag & 16 /* FULL_PROPS */ ||
-                        patchFlag & 32 /* HYDRATE_EVENTS */)) {
-                    for (const key in props) {
-                        if ((forcePatchValue && key.endsWith('value')) ||
-                            (isOn(key) && !isReservedProp(key))) {
-                            patchProp(el, key, null, props[key]);
-                        }
+                for (const key in props) {
+                    if (key !== 'value' && !isReservedProp(key)) {
+                        hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+                    }
+                }
+                /**
+                 * Special case for setting value on DOM elements:
+                 * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+                 * - it needs to be forced (#1471)
+                 * #2353 proposes adding another renderer option to configure this, but
+                 * the properties affects are so finite it is worth special casing it
+                 * here to reduce the complexity. (Special casing it also should not
+                 * affect non-DOM renderers)
+                 */
+                if ('value' in props) {
+                    hostPatchProp(el, 'value', null, props.value);
+                }
+                if ((vnodeHook = props.onVnodeBeforeMount)) {
+                    invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                }
+            }
+            // scopeId
+            setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
+        }
+        {
+            Object.defineProperty(el, '__vnode', {
+                value: vnode,
+                enumerable: false
+            });
+        }
+        // fixed by xxxxxx
+        Object.defineProperty(el, '__vueParentComponent', {
+            value: parentComponent,
+            enumerable: false
+        });
+        if (dirs) {
+            invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
+        }
+        // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved
+        // #1689 For inside suspense + suspense resolved case, just call it
+        const needCallTransitionHooks = (!parentSuspense || (parentSuspense && !parentSuspense.pendingBranch)) &&
+            transition &&
+            !transition.persisted;
+        if (needCallTransitionHooks) {
+            transition.beforeEnter(el);
+        }
+        hostInsert(el, container, anchor);
+        if ((vnodeHook = props && props.onVnodeMounted) ||
+            needCallTransitionHooks ||
+            dirs) {
+            queuePostRenderEffect(() => {
+                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                needCallTransitionHooks && transition.enter(el);
+                dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
+            }, parentSuspense);
+        }
+    };
+    const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
+        if (scopeId) {
+            hostSetScopeId(el, scopeId);
+        }
+        if (slotScopeIds) {
+            for (let i = 0; i < slotScopeIds.length; i++) {
+                hostSetScopeId(el, slotScopeIds[i]);
+            }
+        }
+        if (parentComponent) {
+            let subTree = parentComponent.subTree;
+            if (subTree.patchFlag > 0 &&
+                subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
+                subTree =
+                    filterSingleRoot(subTree.children) || subTree;
+            }
+            if (vnode === subTree) {
+                const parentVNode = parentComponent.vnode;
+                setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
+            }
+        }
+    };
+    const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
+        for (let i = start; i < children.length; i++) {
+            const child = (children[i] = optimized
+                ? cloneIfMounted(children[i])
+                : normalizeVNode(children[i]));
+            patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        }
+    };
+    const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        const el = (n2.el = n1.el);
+        let { patchFlag, dynamicChildren, dirs } = n2;
+        // #1426 take the old vnode's patch flag into account since user may clone a
+        // compiler-generated vnode, which de-opts to FULL_PROPS
+        patchFlag |= n1.patchFlag & 16 /* FULL_PROPS */;
+        const oldProps = n1.props || EMPTY_OBJ;
+        const newProps = n2.props || EMPTY_OBJ;
+        let vnodeHook;
+        if ((vnodeHook = newProps.onVnodeBeforeUpdate)) {
+            invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+        }
+        if (dirs) {
+            invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
+        }
+        if (isHmrUpdating) {
+            // HMR updated, force full diff
+            patchFlag = 0;
+            optimized = false;
+            dynamicChildren = null;
+        }
+        if (patchFlag > 0) {
+            // the presence of a patchFlag means this element's render code was
+            // generated by the compiler and can take the fast path.
+            // in this path old node and new node are guaranteed to have the same shape
+            // (i.e. at the exact same position in the source template)
+            if (patchFlag & 16 /* FULL_PROPS */) {
+                // element props contain dynamic keys, full diff needed
+                patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+            }
+            else {
+                // class
+                // this flag is matched when the element has dynamic class bindings.
+                if (patchFlag & 2 /* CLASS */) {
+                    if (oldProps.class !== newProps.class) {
+                        hostPatchProp(el, 'class', null, newProps.class, isSVG);
                     }
                 }
-                else if (props.onClick) {
-                    // Fast path for click listeners (which is most often) to avoid
-                    // iterating through props.
-                    patchProp(el, 'onClick', null, props.onClick);
+                // style
+                // this flag is matched when the element has dynamic style bindings
+                if (patchFlag & 4 /* STYLE */) {
+                    hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG);
                 }
-            }
-            // vnode / directive hooks
-            let vnodeHooks;
-            if ((vnodeHooks = props && props.onVnodeBeforeMount)) {
-                invokeVNodeHook(vnodeHooks, parentComponent, vnode);
-            }
-            if (dirs) {
-                invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
-            }
-            if ((vnodeHooks = props && props.onVnodeMounted) || dirs) {
-                queueEffectWithSuspense(() => {
-                    vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
-                    dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
-                }, parentSuspense);
-            }
-            // children
-            if (shapeFlag & 16 /* ARRAY_CHILDREN */ &&
-                // skip if element has innerHTML / textContent
-                !(props && (props.innerHTML || props.textContent))) {
-                let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
-                let hasWarned = false;
-                while (next) {
-                    hasMismatch = true;
-                    if (!hasWarned) {
-                        warn(`Hydration children mismatch in <${vnode.type}>: ` +
-                            `server rendered element contains more child nodes than client vdom.`);
-                        hasWarned = true;
+                // props
+                // This flag is matched when the element has dynamic prop/attr bindings
+                // other than class and style. The keys of dynamic prop/attrs are saved for
+                // faster iteration.
+                // Note dynamic keys like :[foo]="bar" will cause this optimization to
+                // bail out and go through a full diff because we need to unset the old key
+                if (patchFlag & 8 /* PROPS */) {
+                    // if the flag is present then dynamicProps must be non-null
+                    const propsToUpdate = n2.dynamicProps;
+                    for (let i = 0; i < propsToUpdate.length; i++) {
+                        const key = propsToUpdate[i];
+                        const prev = oldProps[key];
+                        const next = newProps[key];
+                        // #1471 force patch value
+                        if (next !== prev ||
+                            key === 'value' ||
+                            (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                            hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
+                        }
                     }
-                    // The SSRed DOM contains more nodes than it should. Remove them.
-                    const cur = next;
-                    next = next.nextSibling;
-                    remove(cur);
                 }
             }
-            else if (shapeFlag & 8 /* TEXT_CHILDREN */) {
-                if (el.textContent !== vnode.children) {
-                    hasMismatch = true;
-                    warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
-                            `- Client: ${el.textContent}\n` +
-                            `- Server: ${vnode.children}`);
-                    el.textContent = vnode.children;
+            // text
+            // This flag is matched when the element has only dynamic text children.
+            if (patchFlag & 1 /* TEXT */) {
+                if (n1.children !== n2.children) {
+                    hostSetElementText(el, n2.children);
                 }
             }
         }
-        return el.nextSibling;
-    };
-    const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-        optimized = optimized || !!parentVNode.dynamicChildren;
-        const children = parentVNode.children;
-        const l = children.length;
-        let hasWarned = false;
-        for (let i = 0; i < l; i++) {
-            const vnode = optimized
-                ? children[i]
-                : (children[i] = normalizeVNode(children[i]));
-            if (node) {
-                node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+        else if (!optimized && dynamicChildren == null) {
+            // unoptimized, full diff
+            patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+        }
+        const areChildrenSVG = isSVG && n2.type !== 'foreignObject';
+        if (dynamicChildren) {
+            patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
+            if (parentComponent && parentComponent.type.__hmrId) {
+                traverseStaticChildren(n1, n2);
             }
-            else if (vnode.type === Text && !vnode.children) {
-                continue;
+        }
+        else if (!optimized) {
+            // full diff
+            patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
+        }
+        if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
+            queuePostRenderEffect(() => {
+                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+                dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated');
+            }, parentSuspense);
+        }
+    };
+    // The fast path for blocks.
+    const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
+        for (let i = 0; i < newChildren.length; i++) {
+            const oldVNode = oldChildren[i];
+            const newVNode = newChildren[i];
+            // Determine the container (parent element) for the patch.
+            const container = 
+            // oldVNode may be an errored async setup() component inside Suspense
+            // which will not have a mounted element
+            oldVNode.el &&
+                // - In the case of a Fragment, we need to provide the actual parent
+                // of the Fragment itself so it can move its children.
+                (oldVNode.type === Fragment ||
+                    // - In the case of different nodes, there is going to be a replacement
+                    // which also requires the correct parent container
+                    !isSameVNodeType(oldVNode, newVNode) ||
+                    // - In the case of a component, it could contain anything.
+                    oldVNode.shapeFlag & 6 /* COMPONENT */ ||
+                    oldVNode.shapeFlag & 64 /* TELEPORT */)
+                ? hostParentNode(oldVNode.el)
+                : // In other cases, the parent container is not actually used so we
+                    // just pass the block element here to avoid a DOM parentNode call.
+                    fallbackContainer;
+            patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
+        }
+    };
+    const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
+        if (oldProps !== newProps) {
+            for (const key in newProps) {
+                // empty string is not valid prop
+                if (isReservedProp(key))
+                    continue;
+                const next = newProps[key];
+                const prev = oldProps[key];
+                // defer patching value
+                if ((next !== prev && key !== 'value') ||
+                    (hostForcePatchProp && hostForcePatchProp(el, key)) // fixed by xxxxx
+                ) {
+                    hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+                }
             }
-            else {
-                hasMismatch = true;
-                if (!hasWarned) {
-                    warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
-                        `server rendered element contains fewer child nodes than client vdom.`);
-                    hasWarned = true;
+            if (oldProps !== EMPTY_OBJ) {
+                for (const key in oldProps) {
+                    if (!isReservedProp(key) && !(key in newProps)) {
+                        hostPatchProp(el, key, oldProps[key], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
+                    }
                 }
-                // the SSRed DOM didn't contain enough nodes. Mount the missing ones.
-                patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
+            }
+            if ('value' in newProps) {
+                hostPatchProp(el, 'value', oldProps.value, newProps.value);
             }
         }
-        return node;
     };
-    const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-        const { slotScopeIds: fragmentSlotScopeIds } = vnode;
+    const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
+        const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
+        let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
+        if (isHmrUpdating) {
+            // HMR updated, force full diff
+            patchFlag = 0;
+            optimized = false;
+            dynamicChildren = null;
+        }
+        // check if this is a slot fragment with :slotted scope ids
         if (fragmentSlotScopeIds) {
             slotScopeIds = slotScopeIds
                 ? slotScopeIds.concat(fragmentSlotScopeIds)
                 : fragmentSlotScopeIds;
         }
-        const container = parentNode(node);
-        const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
-        if (next && isComment(next) && next.data === ']') {
-            return nextSibling((vnode.anchor = next));
+        if (n1 == null) {
+            hostInsert(fragmentStartAnchor, container, anchor);
+            hostInsert(fragmentEndAnchor, container, anchor);
+            // a fragment can only have array children
+            // since they are either generated by the compiler, or implicitly created
+            // from arrays.
+            mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
         else {
-            // fragment didn't hydrate successfully, since we didn't get a end anchor
-            // back. This should have led to node/children mismatch warnings.
-            hasMismatch = true;
-            // since the anchor is missing, we need to create one and insert it
-            insert((vnode.anchor = createComment(`]`)), container, next);
-            return next;
-        }
-    };
-    const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-        hasMismatch = true;
-        warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
-                ? `(text)`
-                : isComment(node) && node.data === '['
-                    ? `(start of fragment)`
-                    : ``);
-        vnode.el = null;
-        if (isFragment) {
-            // remove excessive fragment nodes
-            const end = locateClosingAsyncAnchor(node);
-            while (true) {
-                const next = nextSibling(node);
-                if (next && next !== end) {
-                    remove(next);
+            if (patchFlag > 0 &&
+                patchFlag & 64 /* STABLE_FRAGMENT */ &&
+                dynamicChildren &&
+                // #2715 the previous fragment could've been a BAILed one as a result
+                // of renderSlot() with no valid children
+                n1.dynamicChildren) {
+                // a stable fragment (template root or <template v-for>) doesn't need to
+                // patch children order, but it may contain dynamicChildren.
+                patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
+                if (parentComponent && parentComponent.type.__hmrId) {
+                    traverseStaticChildren(n1, n2);
                 }
-                else {
-                    break;
+                else if (
+                // #2080 if the stable fragment has a key, it's a <template v-for> that may
+                //  get moved around. Make sure all root level vnodes inherit el.
+                // #2134 or if it's a component root, it may also get moved around
+                // as the component is being moved.
+                n2.key != null ||
+                    (parentComponent && n2 === parentComponent.subTree)) {
+                    traverseStaticChildren(n1, n2, true /* shallow */);
                 }
             }
-        }
-        const next = nextSibling(node);
-        const container = parentNode(node);
-        remove(node);
-        patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds);
-        return next;
-    };
-    const locateClosingAsyncAnchor = (node) => {
-        let match = 0;
-        while (node) {
-            node = nextSibling(node);
-            if (node && isComment(node)) {
-                if (node.data === '[')
-                    match++;
-                if (node.data === ']') {
-                    if (match === 0) {
-                        return nextSibling(node);
-                    }
-                    else {
-                        match--;
-                    }
-                }
+            else {
+                // keyed / unkeyed, or manual fragments.
+                // for keyed & unkeyed, since they are compiler generated from v-for,
+                // each child is guaranteed to be a block so the fragment will never
+                // have dynamicChildren.
+                patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
             }
         }
-        return node;
     };
-    return [hydrate, hydrateNode];
-}
-
-let supported;
-let perf;
-function startMeasure(instance, type) {
-    if (instance.appContext.config.performance && isSupported()) {
-        perf.mark(`vue-${type}-${instance.uid}`);
-    }
-    {
-        devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now());
-    }
-}
-function endMeasure(instance, type) {
-    if (instance.appContext.config.performance && isSupported()) {
-        const startTag = `vue-${type}-${instance.uid}`;
-        const endTag = startTag + `:end`;
-        perf.mark(endTag);
-        perf.measure(`<${formatComponentName(instance, instance.type)}> ${type}`, startTag, endTag);
-        perf.clearMarks(startTag);
-        perf.clearMarks(endTag);
-    }
-    {
-        devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
-    }
-}
-function isSupported() {
-    if (supported !== undefined) {
-        return supported;
-    }
-    /* eslint-disable no-restricted-globals */
-    if (typeof window !== 'undefined' && window.performance) {
-        supported = true;
-        perf = window.performance;
-    }
-    else {
-        supported = false;
-    }
-    /* eslint-enable no-restricted-globals */
-    return supported;
-}
-
-function convertLegacyRefInFor(vnode) {
-    // refInFor
-    if (vnode.props && vnode.props.refInFor) {
-        delete vnode.props.refInFor;
-        if (vnode.ref) {
-            if (isArray(vnode.ref)) {
-                vnode.ref.forEach(r => (r.f = true));
+    const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        n2.slotScopeIds = slotScopeIds;
+        if (n1 == null) {
+            if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) {
+                parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
             }
             else {
-                vnode.ref.f = true;
+                mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
             }
         }
-    }
-}
-function registerLegacyRef(refs, key, value, owner, isInFor, isUnmount) {
-    const existing = refs[key];
-    if (isUnmount) {
-        if (isArray(existing)) {
-            remove(existing, value);
-        }
         else {
-            refs[key] = null;
-        }
-    }
-    else if (isInFor) {
-        warnDeprecation("V_FOR_REF" /* V_FOR_REF */, owner);
-        if (!isArray(existing)) {
-            refs[key] = [value];
-        }
-        else if (!existing.includes(value)) {
-            existing.push(value);
+            updateComponent(n1, n2, optimized);
         }
-    }
-    else {
-        refs[key] = value;
-    }
-}
-
-function createDevEffectOptions(instance) {
-    return {
-        scheduler: queueJob,
-        allowRecurse: true,
-        onTrack: instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0,
-        onTrigger: instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0
     };
-}
-const queuePostRenderEffect = queueEffectWithSuspense
-    ;
-const setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (isArray(rawRef)) {
-        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-        return;
-    }
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-        // when mounting async components, nothing needs to be done,
-        // because the template ref is forwarded to inner component
-        return;
-    }
-    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
-        ? getExposeProxy(vnode.component) || vnode.component.proxy
-        : vnode.el;
-    const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref } = rawRef;
-    if (!owner) {
-        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-            `A vnode with ref must be created inside the render function.`);
-        return;
-    }
-    const oldRef = oldRawRef && oldRawRef.r;
-    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
-    const setupState = owner.setupState;
-    // dynamic ref changed. unset old ref
-    if (oldRef != null && oldRef !== ref) {
-        if (isString(oldRef)) {
-            refs[oldRef] = null;
-            if (hasOwn(setupState, oldRef)) {
-                setupState[oldRef] = null;
-            }
+    const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
+        // 2.x compat may pre-creaate the component instance before actually
+        // mounting
+        const compatMountInstance = initialVNode.isCompatRoot && initialVNode.component;
+        const instance = compatMountInstance ||
+            (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense));
+        if (instance.type.__hmrId) {
+            registerHMR(instance);
         }
-        else if (isRef(oldRef)) {
-            oldRef.value = null;
+        {
+            pushWarningContext(initialVNode);
+            startMeasure(instance, `mount`);
         }
-    }
-    if (isString(ref)) {
-        const doSet = () => {
-            if (isCompatEnabled("V_FOR_REF" /* V_FOR_REF */, owner)) {
-                registerLegacyRef(refs, ref, refValue, owner, rawRef.f, isUnmount);
-            }
-            else {
-                refs[ref] = value;
+        // inject renderer internals for keepAlive
+        if (isKeepAlive(initialVNode)) {
+            instance.ctx.renderer = internals;
+        }
+        // resolve props and slots for setup context
+        if (!(compatMountInstance)) {
+            {
+                startMeasure(instance, `init`);
             }
-            if (hasOwn(setupState, ref)) {
-                setupState[ref] = value;
+            setupComponent(instance);
+            {
+                endMeasure(instance, `init`);
             }
-        };
-        // #1789: for non-null values, set them after render
-        // null values means this is unmount and it should not overwrite another
-        // ref with the same key
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
         }
-    }
-    else if (isRef(ref)) {
-        const doSet = () => {
-            ref.value = value;
-        };
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
+        // setup() is async. This component relies on async logic to be resolved
+        // before proceeding
+        if (instance.asyncDep) {
+            parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect);
+            // Give it a placeholder if this is not hydration
+            // TODO handle self-defined fallback
+            if (!initialVNode.el) {
+                const placeholder = (instance.subTree = createVNode(Comment$1));
+                processCommentNode(null, placeholder, container, anchor);
+            }
+            return;
         }
-        else {
-            doSet();
+        setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized);
+        {
+            popWarningContext();
+            endMeasure(instance, `mount`);
         }
-    }
-    else if (isFunction(ref)) {
-        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
-    }
-    else {
-        warn('Invalid template ref type:', value, `(${typeof value})`);
-    }
-};
-/**
- * The createRenderer function accepts two generic arguments:
- * HostNode and HostElement, corresponding to Node and Element types in the
- * host environment. For example, for runtime-dom, HostNode would be the DOM
- * `Node` interface and HostElement would be the DOM `Element` interface.
- *
- * Custom renderers can pass in the platform specific types like this:
- *
- * ``` js
- * const { render, createApp } = createRenderer<Node, Element>({
- *   patchProp,
- *   ...nodeOps
- * })
- * ```
- */
-function createRenderer(options) {
-    return baseCreateRenderer(options);
-}
-// Separate API for creating hydration-enabled renderer.
-// Hydration logic is only used when calling this function, making it
-// tree-shakable.
-function createHydrationRenderer(options) {
-    return baseCreateRenderer(options, createHydrationFunctions);
-}
-// implementation
-function baseCreateRenderer(options, createHydrationFns) {
-    {
-        const target = getGlobalThis();
-        target.__VUE__ = true;
-        setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
-    }
-    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
-    // Note: functions inside this closure should use `const xxx = () => {}`
-    // style in order to prevent being inlined by minifiers.
-    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
-        // patching & not same type, unmount old tree
-        if (n1 && !isSameVNodeType(n1, n2)) {
-            anchor = getNextHostNode(n1);
-            unmount(n1, parentComponent, parentSuspense, true);
-            n1 = null;
+    };
+    const updateComponent = (n1, n2, optimized) => {
+        const instance = (n2.component = n1.component);
+        if (shouldUpdateComponent(n1, n2, optimized)) {
+            if (instance.asyncDep &&
+                !instance.asyncResolved) {
+                // async & still pending - just update props and slots
+                // since the component's reactive effect for render isn't set-up yet
+                {
+                    pushWarningContext(n2);
+                }
+                updateComponentPreRender(instance, n2, optimized);
+                {
+                    popWarningContext();
+                }
+                return;
+            }
+            else {
+                // normal update
+                instance.next = n2;
+                // in case the child component is also queued, remove it to avoid
+                // double updating the same child component in the same flush.
+                invalidateJob(instance.update);
+                // instance.update is the reactive effect.
+                instance.update();
+            }
         }
-        if (n2.patchFlag === -2 /* BAIL */) {
-            optimized = false;
-            n2.dynamicChildren = null;
+        else {
+            // no update needed. just copy over properties
+            n2.component = n1.component;
+            n2.el = n1.el;
+            instance.vnode = n2;
         }
-        const { type, ref, shapeFlag } = n2;
-        switch (type) {
-            case Text:
-                processText(n1, n2, container, anchor);
-                break;
-            case Comment$1:
-                processCommentNode(n1, n2, container, anchor);
-                break;
-            case Static:
-                if (n1 == null) {
-                    mountStaticNode(n2, container, anchor, isSVG);
+    };
+    const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
+        const componentUpdateFn = () => {
+            if (!instance.isMounted) {
+                let vnodeHook;
+                const { el, props } = initialVNode;
+                const { bm, m, parent } = instance;
+                effect.allowRecurse = false;
+                // beforeMount hook
+                if (bm) {
+                    invokeArrayFns(bm);
+                }
+                // onVnodeBeforeMount
+                if ((vnodeHook = props && props.onVnodeBeforeMount)) {
+                    invokeVNodeHook(vnodeHook, parent, initialVNode);
+                }
+                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
+                    instance.emit('hook:beforeMount');
+                }
+                effect.allowRecurse = true;
+                if (el && hydrateNode) {
+                    // vnode has adopted host node - perform hydration instead of mount.
+                    const hydrateSubTree = () => {
+                        {
+                            startMeasure(instance, `render`);
+                        }
+                        instance.subTree = renderComponentRoot(instance);
+                        {
+                            endMeasure(instance, `render`);
+                        }
+                        {
+                            startMeasure(instance, `hydrate`);
+                        }
+                        hydrateNode(el, instance.subTree, instance, parentSuspense, null);
+                        {
+                            endMeasure(instance, `hydrate`);
+                        }
+                    };
+                    if (isAsyncWrapper(initialVNode)) {
+                        initialVNode.type.__asyncLoader().then(
+                        // note: we are moving the render call into an async callback,
+                        // which means it won't track dependencies - but it's ok because
+                        // a server-rendered async wrapper is already in resolved state
+                        // and it will never need to change.
+                        () => !instance.isUnmounted && hydrateSubTree());
+                    }
+                    else {
+                        hydrateSubTree();
+                    }
                 }
                 else {
-                    patchStaticNode(n1, n2, container, isSVG);
+                    {
+                        startMeasure(instance, `render`);
+                    }
+                    const subTree = (instance.subTree = renderComponentRoot(instance));
+                    {
+                        endMeasure(instance, `render`);
+                    }
+                    {
+                        startMeasure(instance, `patch`);
+                    }
+                    patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
+                    {
+                        endMeasure(instance, `patch`);
+                    }
+                    initialVNode.el = subTree.el;
                 }
-                break;
-            case Fragment:
-                processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                break;
-            default:
-                if (shapeFlag & 1 /* ELEMENT */) {
-                    processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                // mounted hook
+                if (m) {
+                    queuePostRenderEffect(m, parentSuspense);
                 }
-                else if (shapeFlag & 6 /* COMPONENT */) {
-                    processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                // onVnodeMounted
+                if ((vnodeHook = props && props.onVnodeMounted)) {
+                    const scopedInitialVNode = initialVNode;
+                    queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
                 }
-                else if (shapeFlag & 64 /* TELEPORT */) {
-                    type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
+                    queuePostRenderEffect(() => instance.emit('hook:mounted'), parentSuspense);
                 }
-                else if (shapeFlag & 128 /* SUSPENSE */) {
-                    type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
+                // activated hook for keep-alive roots.
+                // #1742 beforeActivate/activated hook must be accessed after first render
+                // since the hook may be injected by a child keep-alive
+                const { ba, a } = instance;
+                if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
+                    ba && invokeKeepAliveHooks(ba);
+                    a && queuePostRenderEffect(a, parentSuspense);
+                    // reset hook state
+                    ba && queuePostRenderEffect(() => resetHookState(ba), parentSuspense);
+                    if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
+                        queuePostRenderEffect(() => instance.emit('hook:activated'), parentSuspense);
+                    }
+                }
+                instance.isMounted = true;
+                {
+                    devtoolsComponentAdded(instance);
+                }
+                // #2458: deference mount-only object parameters to prevent memleaks
+                initialVNode = container = anchor = null;
+            }
+            else {
+                // updateComponent
+                // This is triggered by mutation of component's own state (next: null)
+                // OR parent calling processComponent (next: VNode)
+                let { next, bu, u, parent, vnode } = instance;
+                let originNext = next;
+                let vnodeHook;
+                {
+                    pushWarningContext(next || instance.vnode);
+                }
+                if (next) {
+                    next.el = vnode.el;
+                    updateComponentPreRender(instance, next, optimized);
                 }
                 else {
-                    warn('Invalid VNode type:', type, `(${typeof type})`);
+                    next = vnode;
+                }
+                // Disallow component effect recursion during pre-lifecycle hooks.
+                effect.allowRecurse = false;
+                // beforeUpdate hook
+                if (bu) {
+                    invokeArrayFns(bu);
+                }
+                // onVnodeBeforeUpdate
+                if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
+                    invokeVNodeHook(vnodeHook, parent, next, vnode);
+                }
+                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
+                    instance.emit('hook:beforeUpdate');
+                }
+                effect.allowRecurse = true;
+                // render
+                {
+                    startMeasure(instance, `render`);
+                }
+                const nextTree = renderComponentRoot(instance);
+                {
+                    endMeasure(instance, `render`);
+                }
+                const prevTree = instance.subTree;
+                instance.subTree = nextTree;
+                {
+                    startMeasure(instance, `patch`);
+                }
+                patch(prevTree, nextTree, 
+                // parent may have changed if it's in a teleport
+                hostParentNode(prevTree.el), 
+                // anchor may have changed if it's in a fragment
+                getNextHostNode(prevTree), instance, parentSuspense, isSVG);
+                {
+                    endMeasure(instance, `patch`);
+                }
+                next.el = nextTree.el;
+                if (originNext === null) {
+                    // self-triggered update. In case of HOC, update parent component
+                    // vnode el. HOC is indicated by parent instance's subTree pointing
+                    // to child component's vnode
+                    updateHOCHostEl(instance, nextTree.el);
+                }
+                // updated hook
+                if (u) {
+                    queuePostRenderEffect(u, parentSuspense);
+                }
+                // onVnodeUpdated
+                if ((vnodeHook = next.props && next.props.onVnodeUpdated)) {
+                    queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense);
+                }
+                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
+                    queuePostRenderEffect(() => instance.emit('hook:updated'), parentSuspense);
+                }
+                {
+                    devtoolsComponentUpdated(instance);
+                }
+                {
+                    popWarningContext();
                 }
-        }
-        // set ref
-        if (ref != null && parentComponent) {
-            setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
-        }
-    };
-    const processText = (n1, n2, container, anchor) => {
-        if (n1 == null) {
-            hostInsert((n2.el = hostCreateText(n2.children)), container, anchor);
-        }
-        else {
-            const el = (n2.el = n1.el);
-            if (n2.children !== n1.children) {
-                hostSetText(el, n2.children);
             }
-        }
-    };
-    const processCommentNode = (n1, n2, container, anchor) => {
-        if (n1 == null) {
-            hostInsert((n2.el = hostCreateComment(n2.children || '')), container, anchor);
-        }
-        else {
-            // there's no support for dynamic comments
-            n2.el = n1.el;
-        }
-    };
-    const mountStaticNode = (n2, container, anchor, isSVG) => {
-        // static nodes are only present when used with compiler-dom/runtime-dom
-        // which guarantees presence of hostInsertStaticContent.
-        const nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, 
-        // pass cached nodes if the static node is being mounted multiple times
-        // so that runtime-dom can simply cloneNode() instead of inserting new
-        // HTML
-        n2.staticCache);
-        // first mount - this is the orignal hoisted vnode. cache nodes.
-        if (!n2.el) {
-            n2.staticCache = nodes;
-        }
-        n2.el = nodes[0];
-        n2.anchor = nodes[nodes.length - 1];
-    };
-    /**
-     * Dev / HMR only
-     */
-    const patchStaticNode = (n1, n2, container, isSVG) => {
-        // static nodes are only patched during dev for HMR
-        if (n2.children !== n1.children) {
-            const anchor = hostNextSibling(n1.anchor);
-            // remove existing
-            removeStaticNode(n1);
-            [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
-        }
-        else {
-            n2.el = n1.el;
-            n2.anchor = n1.anchor;
-        }
-    };
-    const moveStaticNode = ({ el, anchor }, container, nextSibling) => {
-        let next;
-        while (el && el !== anchor) {
-            next = hostNextSibling(el);
-            hostInsert(el, container, nextSibling);
-            el = next;
-        }
-        hostInsert(anchor, container, nextSibling);
+        };
+        // create reactive effect for rendering
+        const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+        );
+        const update = (instance.update = effect.run.bind(effect));
+        update.id = instance.uid;
+        // allowRecurse
+        // #1801, #2043 component render effects should allow recursive updates
+        effect.allowRecurse = update.allowRecurse = true;
+        {
+            effect.onTrack = instance.rtc
+                ? e => invokeArrayFns(instance.rtc, e)
+                : void 0;
+            effect.onTrigger = instance.rtg
+                ? e => invokeArrayFns(instance.rtg, e)
+                : void 0;
+            // @ts-ignore (for scheduler)
+            update.ownerInstance = instance;
+        }
+        update();
     };
-    const removeStaticNode = ({ el, anchor }) => {
-        let next;
-        while (el && el !== anchor) {
-            next = hostNextSibling(el);
-            hostRemove(el);
-            el = next;
-        }
-        hostRemove(anchor);
+    const updateComponentPreRender = (instance, nextVNode, optimized) => {
+        nextVNode.component = instance;
+        const prevProps = instance.vnode.props;
+        instance.vnode = nextVNode;
+        instance.next = null;
+        updateProps(instance, nextVNode.props, prevProps, optimized);
+        updateSlots(instance, nextVNode.children, optimized);
+        pauseTracking();
+        // props update may have triggered pre-flush watchers.
+        // flush them before the render update.
+        flushPreFlushCbs(undefined, instance.update);
+        resetTracking();
     };
-    const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        isSVG = isSVG || n2.type === 'svg';
-        if (n1 == null) {
-            mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-        }
-        else {
-            patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+    const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
+        const c1 = n1 && n1.children;
+        const prevShapeFlag = n1 ? n1.shapeFlag : 0;
+        const c2 = n2.children;
+        const { patchFlag, shapeFlag } = n2;
+        // fast path
+        if (patchFlag > 0) {
+            if (patchFlag & 128 /* KEYED_FRAGMENT */) {
+                // this could be either fully-keyed or mixed (some keyed some not)
+                // presence of patchFlag means children are guaranteed to be arrays
+                patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                return;
+            }
+            else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) {
+                // unkeyed
+                patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                return;
+            }
         }
-    };
-    const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        let el;
-        let vnodeHook;
-        const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode;
-        {
-            el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props);
-            // mount children first, since some props may rely on child content
-            // being already rendered, e.g. `<select value>`
-            if (shapeFlag & 8 /* TEXT_CHILDREN */) {
-                hostSetElementText(el, vnode.children);
+        // children has 3 possibilities: text, array or no children.
+        if (shapeFlag & 8 /* TEXT_CHILDREN */) {
+            // text children fast path
+            if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) {
+                unmountChildren(c1, parentComponent, parentSuspense);
             }
-            else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+            if (c2 !== c1) {
+                hostSetElementText(container, c2);
             }
-            if (dirs) {
-                invokeDirectiveHook(vnode, null, parentComponent, 'created');
+        }
+        else {
+            if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) {
+                // prev children was array
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    // two arrays, cannot assume anything, do full diff
+                    patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
+                else {
+                    // no new children, just unmount old
+                    unmountChildren(c1, parentComponent, parentSuspense, true);
+                }
             }
-            // props
-            if (props) {
-                for (const key in props) {
-                    if (!isReservedProp(key)) {
-                        hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
-                    }
+            else {
+                // prev children was text OR null
+                // new children is array OR null
+                if (prevShapeFlag & 8 /* TEXT_CHILDREN */) {
+                    hostSetElementText(container, '');
                 }
-                if ((vnodeHook = props.onVnodeBeforeMount)) {
-                    invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                // mount new if array
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                 }
             }
-            // scopeId
-            setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
-        }
-        {
-            Object.defineProperty(el, '__vnode', {
-                value: vnode,
-                enumerable: false
-            });
         }
-        // fixed by xxxxxx
-        Object.defineProperty(el, '__vueParentComponent', {
-            value: parentComponent,
-            enumerable: false
-        });
-        if (dirs) {
-            invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
+    };
+    const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        c1 = c1 || EMPTY_ARR;
+        c2 = c2 || EMPTY_ARR;
+        const oldLength = c1.length;
+        const newLength = c2.length;
+        const commonLength = Math.min(oldLength, newLength);
+        let i;
+        for (i = 0; i < commonLength; i++) {
+            const nextChild = (c2[i] = optimized
+                ? cloneIfMounted(c2[i])
+                : normalizeVNode(c2[i]));
+            patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
-        // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved
-        // #1689 For inside suspense + suspense resolved case, just call it
-        const needCallTransitionHooks = (!parentSuspense || (parentSuspense && !parentSuspense.pendingBranch)) &&
-            transition &&
-            !transition.persisted;
-        if (needCallTransitionHooks) {
-            transition.beforeEnter(el);
+        if (oldLength > newLength) {
+            // remove old
+            unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
         }
-        hostInsert(el, container, anchor);
-        if ((vnodeHook = props && props.onVnodeMounted) ||
-            needCallTransitionHooks ||
-            dirs) {
-            queuePostRenderEffect(() => {
-                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-                needCallTransitionHooks && transition.enter(el);
-                dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted');
-            }, parentSuspense);
+        else {
+            // mount new
+            mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
         }
     };
-    const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
-        if (scopeId) {
-            hostSetScopeId(el, scopeId);
-        }
-        if (slotScopeIds) {
-            for (let i = 0; i < slotScopeIds.length; i++) {
-                hostSetScopeId(el, slotScopeIds[i]);
+    // can be all-keyed or mixed
+    const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
+        let i = 0;
+        const l2 = c2.length;
+        let e1 = c1.length - 1; // prev ending index
+        let e2 = l2 - 1; // next ending index
+        // 1. sync from start
+        // (a b) c
+        // (a b) d e
+        while (i <= e1 && i <= e2) {
+            const n1 = c1[i];
+            const n2 = (c2[i] = optimized
+                ? cloneIfMounted(c2[i])
+                : normalizeVNode(c2[i]));
+            if (isSameVNodeType(n1, n2)) {
+                patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            }
+            else {
+                break;
             }
+            i++;
         }
-        if (parentComponent) {
-            let subTree = parentComponent.subTree;
-            if (subTree.patchFlag > 0 &&
-                subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
-                subTree =
-                    filterSingleRoot(subTree.children) || subTree;
+        // 2. sync from end
+        // a (b c)
+        // d e (b c)
+        while (i <= e1 && i <= e2) {
+            const n1 = c1[e1];
+            const n2 = (c2[e2] = optimized
+                ? cloneIfMounted(c2[e2])
+                : normalizeVNode(c2[e2]));
+            if (isSameVNodeType(n1, n2)) {
+                patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
             }
-            if (vnode === subTree) {
-                const parentVNode = parentComponent.vnode;
-                setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
+            else {
+                break;
             }
+            e1--;
+            e2--;
         }
-    };
-    const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => {
-        for (let i = start; i < children.length; i++) {
-            const child = (children[i] = optimized
-                ? cloneIfMounted(children[i])
-                : normalizeVNode(children[i]));
-            patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-        }
-    };
-    const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        const el = (n2.el = n1.el);
-        let { patchFlag, dynamicChildren, dirs } = n2;
-        // #1426 take the old vnode's patch flag into account since user may clone a
-        // compiler-generated vnode, which de-opts to FULL_PROPS
-        patchFlag |= n1.patchFlag & 16 /* FULL_PROPS */;
-        const oldProps = n1.props || EMPTY_OBJ;
-        const newProps = n2.props || EMPTY_OBJ;
-        let vnodeHook;
-        if ((vnodeHook = newProps.onVnodeBeforeUpdate)) {
-            invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-        }
-        if (dirs) {
-            invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate');
-        }
-        if (isHmrUpdating) {
-            // HMR updated, force full diff
-            patchFlag = 0;
-            optimized = false;
-            dynamicChildren = null;
+        // 3. common sequence + mount
+        // (a b)
+        // (a b) c
+        // i = 2, e1 = 1, e2 = 2
+        // (a b)
+        // c (a b)
+        // i = 0, e1 = -1, e2 = 0
+        if (i > e1) {
+            if (i <= e2) {
+                const nextPos = e2 + 1;
+                const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
+                while (i <= e2) {
+                    patch(null, (c2[i] = optimized
+                        ? cloneIfMounted(c2[i])
+                        : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                    i++;
+                }
+            }
         }
-        if (patchFlag > 0) {
-            // the presence of a patchFlag means this element's render code was
-            // generated by the compiler and can take the fast path.
-            // in this path old node and new node are guaranteed to have the same shape
-            // (i.e. at the exact same position in the source template)
-            if (patchFlag & 16 /* FULL_PROPS */) {
-                // element props contain dynamic keys, full diff needed
-                patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+        // 4. common sequence + unmount
+        // (a b) c
+        // (a b)
+        // i = 2, e1 = 2, e2 = 1
+        // a (b c)
+        // (b c)
+        // i = 0, e1 = 0, e2 = -1
+        else if (i > e2) {
+            while (i <= e1) {
+                unmount(c1[i], parentComponent, parentSuspense, true);
+                i++;
             }
-            else {
-                // class
-                // this flag is matched when the element has dynamic class bindings.
-                if (patchFlag & 2 /* CLASS */) {
-                    if (oldProps.class !== newProps.class) {
-                        hostPatchProp(el, 'class', null, newProps.class, isSVG);
+        }
+        // 5. unknown sequence
+        // [i ... e1 + 1]: a b [c d e] f g
+        // [i ... e2 + 1]: a b [e d c h] f g
+        // i = 2, e1 = 4, e2 = 5
+        else {
+            const s1 = i; // prev starting index
+            const s2 = i; // next starting index
+            // 5.1 build key:index map for newChildren
+            const keyToNewIndexMap = new Map();
+            for (i = s2; i <= e2; i++) {
+                const nextChild = (c2[i] = optimized
+                    ? cloneIfMounted(c2[i])
+                    : normalizeVNode(c2[i]));
+                if (nextChild.key != null) {
+                    if (keyToNewIndexMap.has(nextChild.key)) {
+                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                     }
+                    keyToNewIndexMap.set(nextChild.key, i);
                 }
-                // style
-                // this flag is matched when the element has dynamic style bindings
-                if (patchFlag & 4 /* STYLE */) {
-                    hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG);
+            }
+            // 5.2 loop through old children left to be patched and try to patch
+            // matching nodes & remove nodes that are no longer present
+            let j;
+            let patched = 0;
+            const toBePatched = e2 - s2 + 1;
+            let moved = false;
+            // used to track whether any node has moved
+            let maxNewIndexSoFar = 0;
+            // works as Map<newIndex, oldIndex>
+            // Note that oldIndex is offset by +1
+            // and oldIndex = 0 is a special value indicating the new node has
+            // no corresponding old node.
+            // used for determining longest stable subsequence
+            const newIndexToOldIndexMap = new Array(toBePatched);
+            for (i = 0; i < toBePatched; i++)
+                newIndexToOldIndexMap[i] = 0;
+            for (i = s1; i <= e1; i++) {
+                const prevChild = c1[i];
+                if (patched >= toBePatched) {
+                    // all new children have been patched so this can only be a removal
+                    unmount(prevChild, parentComponent, parentSuspense, true);
+                    continue;
                 }
-                // props
-                // This flag is matched when the element has dynamic prop/attr bindings
-                // other than class and style. The keys of dynamic prop/attrs are saved for
-                // faster iteration.
-                // Note dynamic keys like :[foo]="bar" will cause this optimization to
-                // bail out and go through a full diff because we need to unset the old key
-                if (patchFlag & 8 /* PROPS */) {
-                    // if the flag is present then dynamicProps must be non-null
-                    const propsToUpdate = n2.dynamicProps;
-                    for (let i = 0; i < propsToUpdate.length; i++) {
-                        const key = propsToUpdate[i];
-                        const prev = oldProps[key];
-                        const next = newProps[key];
-                        if (next !== prev ||
-                            (hostForcePatchProp && hostForcePatchProp(el, key))) {
-                            hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
+                let newIndex;
+                if (prevChild.key != null) {
+                    newIndex = keyToNewIndexMap.get(prevChild.key);
+                }
+                else {
+                    // key-less node, try to locate a key-less node of the same type
+                    for (j = s2; j <= e2; j++) {
+                        if (newIndexToOldIndexMap[j - s2] === 0 &&
+                            isSameVNodeType(prevChild, c2[j])) {
+                            newIndex = j;
+                            break;
                         }
                     }
                 }
+                if (newIndex === undefined) {
+                    unmount(prevChild, parentComponent, parentSuspense, true);
+                }
+                else {
+                    newIndexToOldIndexMap[newIndex - s2] = i + 1;
+                    if (newIndex >= maxNewIndexSoFar) {
+                        maxNewIndexSoFar = newIndex;
+                    }
+                    else {
+                        moved = true;
+                    }
+                    patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                    patched++;
+                }
             }
-            // text
-            // This flag is matched when the element has only dynamic text children.
-            if (patchFlag & 1 /* TEXT */) {
-                if (n1.children !== n2.children) {
-                    hostSetElementText(el, n2.children);
+            // 5.3 move and mount
+            // generate longest stable subsequence only when nodes have moved
+            const increasingNewIndexSequence = moved
+                ? getSequence(newIndexToOldIndexMap)
+                : EMPTY_ARR;
+            j = increasingNewIndexSequence.length - 1;
+            // looping backwards so that we can use last patched node as anchor
+            for (i = toBePatched - 1; i >= 0; i--) {
+                const nextIndex = s2 + i;
+                const nextChild = c2[nextIndex];
+                const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
+                if (newIndexToOldIndexMap[i] === 0) {
+                    // mount new
+                    patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
+                else if (moved) {
+                    // move if:
+                    // There is no stable subsequence (e.g. a reverse)
+                    // OR current node is not among the stable sequence
+                    if (j < 0 || i !== increasingNewIndexSequence[j]) {
+                        move(nextChild, container, anchor, 2 /* REORDER */);
+                    }
+                    else {
+                        j--;
+                    }
                 }
             }
         }
-        else if (!optimized && dynamicChildren == null) {
-            // unoptimized, full diff
-            patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
+    };
+    const move = (vnode, container, anchor, moveType, parentSuspense = null) => {
+        const { el, type, transition, children, shapeFlag } = vnode;
+        if (shapeFlag & 6 /* COMPONENT */) {
+            move(vnode.component.subTree, container, anchor, moveType);
+            return;
         }
-        const areChildrenSVG = isSVG && n2.type !== 'foreignObject';
-        if (dynamicChildren) {
-            patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
-            if (parentComponent && parentComponent.type.__hmrId) {
-                traverseStaticChildren(n1, n2);
-            }
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            vnode.suspense.move(container, anchor, moveType);
+            return;
         }
-        else if (!optimized) {
-            // full diff
-            patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type.move(vnode, container, anchor, internals);
+            return;
         }
-        if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
-            queuePostRenderEffect(() => {
-                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-                dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated');
-            }, parentSuspense);
+        if (type === Fragment) {
+            hostInsert(el, container, anchor);
+            for (let i = 0; i < children.length; i++) {
+                move(children[i], container, anchor, moveType);
+            }
+            hostInsert(vnode.anchor, container, anchor);
+            return;
         }
-    };
-    // The fast path for blocks.
-    const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => {
-        for (let i = 0; i < newChildren.length; i++) {
-            const oldVNode = oldChildren[i];
-            const newVNode = newChildren[i];
-            // Determine the container (parent element) for the patch.
-            const container = 
-            // oldVNode may be an errored async setup() component inside Suspense
-            // which will not have a mounted element
-            oldVNode.el &&
-                // - In the case of a Fragment, we need to provide the actual parent
-                // of the Fragment itself so it can move its children.
-                (oldVNode.type === Fragment ||
-                    // - In the case of different nodes, there is going to be a replacement
-                    // which also requires the correct parent container
-                    !isSameVNodeType(oldVNode, newVNode) ||
-                    // - In the case of a component, it could contain anything.
-                    oldVNode.shapeFlag & 6 /* COMPONENT */ ||
-                    oldVNode.shapeFlag & 64 /* TELEPORT */)
-                ? hostParentNode(oldVNode.el)
-                : // In other cases, the parent container is not actually used so we
-                    // just pass the block element here to avoid a DOM parentNode call.
-                    fallbackContainer;
-            patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true);
+        if (type === Static) {
+            moveStaticNode(vnode, container, anchor);
+            return;
         }
-    };
-    const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => {
-        if (oldProps !== newProps) {
-            for (const key in newProps) {
-                // empty string is not valid prop
-                if (isReservedProp(key))
-                    continue;
-                const next = newProps[key];
-                const prev = oldProps[key];
-                if (next !== prev ||
-                    (hostForcePatchProp && hostForcePatchProp(el, key))) {
-                    hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
-                }
+        // single nodes
+        const needTransition = moveType !== 2 /* REORDER */ &&
+            shapeFlag & 1 /* ELEMENT */ &&
+            transition;
+        if (needTransition) {
+            if (moveType === 0 /* ENTER */) {
+                transition.beforeEnter(el);
+                hostInsert(el, container, anchor);
+                queuePostRenderEffect(() => transition.enter(el), parentSuspense);
             }
-            if (oldProps !== EMPTY_OBJ) {
-                for (const key in oldProps) {
-                    if (!isReservedProp(key) && !(key in newProps)) {
-                        hostPatchProp(el, key, oldProps[key], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
-                    }
+            else {
+                const { leave, delayLeave, afterLeave } = transition;
+                const remove = () => hostInsert(el, container, anchor);
+                const performLeave = () => {
+                    leave(el, () => {
+                        remove();
+                        afterLeave && afterLeave();
+                    });
+                };
+                if (delayLeave) {
+                    delayLeave(el, remove, performLeave);
+                }
+                else {
+                    performLeave();
                 }
             }
         }
+        else {
+            hostInsert(el, container, anchor);
+        }
     };
-    const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
-        const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
-        let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-        if (dynamicChildren) {
-            optimized = true;
+    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
+        const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
+        // unset ref
+        if (ref != null) {
+            setRef(ref, null, parentSuspense, vnode, true);
         }
-        // check if this is a slot fragment with :slotted scope ids
-        if (fragmentSlotScopeIds) {
-            slotScopeIds = slotScopeIds
-                ? slotScopeIds.concat(fragmentSlotScopeIds)
-                : fragmentSlotScopeIds;
+        if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
+            parentComponent.ctx.deactivate(vnode);
+            return;
         }
-        if (isHmrUpdating) {
-            // HMR updated, force full diff
-            patchFlag = 0;
-            optimized = false;
-            dynamicChildren = null;
+        const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
+        let vnodeHook;
+        if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
+            invokeVNodeHook(vnodeHook, parentComponent, vnode);
         }
-        if (n1 == null) {
-            hostInsert(fragmentStartAnchor, container, anchor);
-            hostInsert(fragmentEndAnchor, container, anchor);
-            // a fragment can only have array children
-            // since they are either generated by the compiler, or implicitly created
-            // from arrays.
-            mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+        if (shapeFlag & 6 /* COMPONENT */) {
+            unmountComponent(vnode.component, parentSuspense, doRemove);
         }
         else {
-            if (patchFlag > 0 &&
-                patchFlag & 64 /* STABLE_FRAGMENT */ &&
-                dynamicChildren &&
-                // #2715 the previous fragment could've been a BAILed one as a result
-                // of renderSlot() with no valid children
-                n1.dynamicChildren) {
-                // a stable fragment (template root or <template v-for>) doesn't need to
-                // patch children order, but it may contain dynamicChildren.
-                patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds);
-                if (parentComponent && parentComponent.type.__hmrId) {
-                    traverseStaticChildren(n1, n2);
-                }
-                else if (
-                // #2080 if the stable fragment has a key, it's a <template v-for> that may
-                //  get moved around. Make sure all root level vnodes inherit el.
-                // #2134 or if it's a component root, it may also get moved around
-                // as the component is being moved.
-                n2.key != null ||
-                    (parentComponent && n2 === parentComponent.subTree)) {
-                    traverseStaticChildren(n1, n2, true /* shallow */);
-                }
+            if (shapeFlag & 128 /* SUSPENSE */) {
+                vnode.suspense.unmount(parentSuspense, doRemove);
+                return;
             }
-            else {
-                // keyed / unkeyed, or manual fragments.
-                // for keyed & unkeyed, since they are compiler generated from v-for,
-                // each child is guaranteed to be a block so the fragment will never
-                // have dynamicChildren.
-                patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            if (shouldInvokeDirs) {
+                invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
+            }
+            if (shapeFlag & 64 /* TELEPORT */) {
+                vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+            }
+            else if (dynamicChildren &&
+                // #1153: fast path should not be taken for non-stable (v-for) fragments
+                (type !== Fragment ||
+                    (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
+                // fast path for block nodes: only need to unmount dynamic children.
+                unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+            }
+            else if ((type === Fragment &&
+                (patchFlag & 128 /* KEYED_FRAGMENT */ ||
+                    patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
+                (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
+                unmountChildren(children, parentComponent, parentSuspense);
+            }
+            if (doRemove) {
+                remove(vnode);
             }
         }
+        if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
+            queuePostRenderEffect(() => {
+                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                shouldInvokeDirs &&
+                    invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
+            }, parentSuspense);
+        }
     };
-    const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        n2.slotScopeIds = slotScopeIds;
-        if (n1 == null) {
-            if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) {
-                parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized);
+    const remove = vnode => {
+        const { type, el, anchor, transition } = vnode;
+        if (type === Fragment) {
+            removeFragment(el, anchor);
+            return;
+        }
+        if (type === Static) {
+            removeStaticNode(vnode);
+            return;
+        }
+        const performRemove = () => {
+            hostRemove(el);
+            if (transition && !transition.persisted && transition.afterLeave) {
+                transition.afterLeave();
+            }
+        };
+        if (vnode.shapeFlag & 1 /* ELEMENT */ &&
+            transition &&
+            !transition.persisted) {
+            const { leave, delayLeave } = transition;
+            const performLeave = () => leave(el, performRemove);
+            if (delayLeave) {
+                delayLeave(vnode.el, performRemove, performLeave);
             }
             else {
-                mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized);
+                performLeave();
             }
         }
         else {
-            updateComponent(n1, n2, optimized);
+            performRemove();
         }
     };
-    const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
-        // 2.x compat may pre-creaate the component instance before actually
-        // mounting
-        const compatMountInstance = initialVNode.isCompatRoot && initialVNode.component;
-        const instance = compatMountInstance ||
-            (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense));
+    const removeFragment = (cur, end) => {
+        // For fragments, directly remove all contained DOM nodes.
+        // (fragment child nodes cannot have transition)
+        let next;
+        while (cur !== end) {
+            next = hostNextSibling(cur);
+            hostRemove(cur);
+            cur = next;
+        }
+        hostRemove(end);
+    };
+    const unmountComponent = (instance, parentSuspense, doRemove) => {
         if (instance.type.__hmrId) {
-            registerHMR(instance);
+            unregisterHMR(instance);
         }
-        {
-            pushWarningContext(initialVNode);
-            startMeasure(instance, `mount`);
+        const { bum, scope, update, subTree, um } = instance;
+        // beforeUnmount hook
+        if (bum) {
+            invokeArrayFns(bum);
         }
-        // inject renderer internals for keepAlive
-        if (isKeepAlive(initialVNode)) {
-            instance.ctx.renderer = internals;
+        if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
+            instance.emit('hook:beforeDestroy');
         }
-        // resolve props and slots for setup context
-        if (!(compatMountInstance)) {
-            {
-                startMeasure(instance, `init`);
-            }
-            setupComponent(instance);
-            {
-                endMeasure(instance, `init`);
-            }
+        // stop effects in component scope
+        scope.stop();
+        // update may be null if a component is unmounted before its async
+        // setup has resolved.
+        if (update) {
+            // so that scheduler will no longer invoke it
+            update.active = false;
+            unmount(subTree, instance, parentSuspense, doRemove);
         }
-        // setup() is async. This component relies on async logic to be resolved
-        // before proceeding
-        if (instance.asyncDep) {
-            parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect);
-            // Give it a placeholder if this is not hydration
-            // TODO handle self-defined fallback
-            if (!initialVNode.el) {
-                const placeholder = (instance.subTree = createVNode(Comment$1));
-                processCommentNode(null, placeholder, container, anchor);
+        // unmounted hook
+        if (um) {
+            queuePostRenderEffect(um, parentSuspense);
+        }
+        if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
+            queuePostRenderEffect(() => instance.emit('hook:destroyed'), parentSuspense);
+        }
+        queuePostRenderEffect(() => {
+            instance.isUnmounted = true;
+        }, parentSuspense);
+        // A component with async dep inside a pending suspense is unmounted before
+        // its async dep resolves. This should remove the dep from the suspense, and
+        // cause the suspense to resolve immediately if that was the last dep.
+        if (parentSuspense &&
+            parentSuspense.pendingBranch &&
+            !parentSuspense.isUnmounted &&
+            instance.asyncDep &&
+            !instance.asyncResolved &&
+            instance.suspenseId === parentSuspense.pendingId) {
+            parentSuspense.deps--;
+            if (parentSuspense.deps === 0) {
+                parentSuspense.resolve();
             }
-            return;
         }
-        setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized);
         {
-            popWarningContext();
-            endMeasure(instance, `mount`);
+            devtoolsComponentRemoved(instance);
         }
     };
-    const updateComponent = (n1, n2, optimized) => {
-        const instance = (n2.component = n1.component);
-        if (shouldUpdateComponent(n1, n2, optimized)) {
-            if (instance.asyncDep &&
-                !instance.asyncResolved) {
-                // async & still pending - just update props and slots
-                // since the component's reactive effect for render isn't set-up yet
-                {
-                    pushWarningContext(n2);
-                }
-                updateComponentPreRender(instance, n2, optimized);
-                {
-                    popWarningContext();
-                }
-                return;
+    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
+        for (let i = start; i < children.length; i++) {
+            unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
+        }
+    };
+    const getNextHostNode = vnode => {
+        if (vnode.shapeFlag & 6 /* COMPONENT */) {
+            return getNextHostNode(vnode.component.subTree);
+        }
+        if (vnode.shapeFlag & 128 /* SUSPENSE */) {
+            return vnode.suspense.next();
+        }
+        return hostNextSibling((vnode.anchor || vnode.el));
+    };
+    const render = (vnode, container, isSVG) => {
+        if (vnode == null) {
+            if (container._vnode) {
+                unmount(container._vnode, null, null, true);
             }
-            else {
-                // normal update
-                instance.next = n2;
-                // in case the child component is also queued, remove it to avoid
-                // double updating the same child component in the same flush.
-                invalidateJob(instance.update);
-                // instance.update is the reactive effect runner.
-                instance.update();
+        }
+        else {
+            patch(container._vnode || null, vnode, container, null, null, null, isSVG);
+        }
+        flushPostFlushCbs();
+        container._vnode = vnode;
+    };
+    const internals = {
+        p: patch,
+        um: unmount,
+        m: move,
+        r: remove,
+        mt: mountComponent,
+        mc: mountChildren,
+        pc: patchChildren,
+        pbc: patchBlockChildren,
+        n: getNextHostNode,
+        o: options
+    };
+    let hydrate;
+    let hydrateNode;
+    if (createHydrationFns) {
+        [hydrate, hydrateNode] = createHydrationFns(internals);
+    }
+    return {
+        render,
+        hydrate,
+        createApp: createAppAPI(render, hydrate)
+    };
+}
+function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (isArray(rawRef)) {
+        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+        return;
+    }
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+        // when mounting async components, nothing needs to be done,
+        // because the template ref is forwarded to inner component
+        return;
+    }
+    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
+        ? getExposeProxy(vnode.component) || vnode.component.proxy
+        : vnode.el;
+    const value = isUnmount ? null : refValue;
+    const { i: owner, r: ref } = rawRef;
+    if (!owner) {
+        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+            `A vnode with ref must be created inside the render function.`);
+        return;
+    }
+    const oldRef = oldRawRef && oldRawRef.r;
+    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
+    const setupState = owner.setupState;
+    // dynamic ref changed. unset old ref
+    if (oldRef != null && oldRef !== ref) {
+        if (isString(oldRef)) {
+            refs[oldRef] = null;
+            if (hasOwn(setupState, oldRef)) {
+                setupState[oldRef] = null;
             }
         }
-        else {
-            // no update needed. just copy over properties
-            n2.component = n1.component;
-            n2.el = n1.el;
-            instance.vnode = n2;
+        else if (isRef(oldRef)) {
+            oldRef.value = null;
         }
-    };
-    const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-        // create reactive effect for rendering
-        instance.update = effect(function componentEffect() {
-            if (!instance.isMounted) {
-                let vnodeHook;
-                const { el, props } = initialVNode;
-                const { bm, m, parent } = instance;
-                // beforeMount hook
-                if (bm) {
-                    invokeArrayFns(bm);
-                }
-                // onVnodeBeforeMount
-                if ((vnodeHook = props && props.onVnodeBeforeMount)) {
-                    invokeVNodeHook(vnodeHook, parent, initialVNode);
-                }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
-                    instance.emit('hook:beforeMount');
-                }
-                if (el && hydrateNode) {
-                    // vnode has adopted host node - perform hydration instead of mount.
-                    const hydrateSubTree = () => {
-                        {
-                            startMeasure(instance, `render`);
-                        }
-                        instance.subTree = renderComponentRoot(instance);
-                        {
-                            endMeasure(instance, `render`);
-                        }
-                        {
-                            startMeasure(instance, `hydrate`);
-                        }
-                        hydrateNode(el, instance.subTree, instance, parentSuspense, null);
-                        {
-                            endMeasure(instance, `hydrate`);
-                        }
-                    };
-                    if (isAsyncWrapper(initialVNode)) {
-                        initialVNode.type.__asyncLoader().then(
-                        // note: we are moving the render call into an async callback,
-                        // which means it won't track dependencies - but it's ok because
-                        // a server-rendered async wrapper is already in resolved state
-                        // and it will never need to change.
-                        () => !instance.isUnmounted && hydrateSubTree());
-                    }
-                    else {
-                        hydrateSubTree();
-                    }
-                }
-                else {
-                    {
-                        startMeasure(instance, `render`);
-                    }
-                    const subTree = (instance.subTree = renderComponentRoot(instance));
-                    {
-                        endMeasure(instance, `render`);
-                    }
-                    {
-                        startMeasure(instance, `patch`);
-                    }
-                    patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
-                    {
-                        endMeasure(instance, `patch`);
-                    }
-                    initialVNode.el = subTree.el;
-                }
-                // mounted hook
-                if (m) {
-                    queuePostRenderEffect(m, parentSuspense);
-                }
-                // onVnodeMounted
-                if ((vnodeHook = props && props.onVnodeMounted)) {
-                    const scopedInitialVNode = initialVNode;
-                    queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
-                }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
-                    queuePostRenderEffect(() => instance.emit('hook:mounted'), parentSuspense);
-                }
-                // activated hook for keep-alive roots.
-                // #1742 beforeActivate/activated hook must be accessed after first render
-                // since the hook may be injected by a child keep-alive
-                const { ba, a } = instance;
-                if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
-                    ba && invokeKeepAliveHooks(ba);
-                    a && queuePostRenderEffect(a, parentSuspense);
-                    // reset hook state
-                    ba && queuePostRenderEffect(() => resetHookState(ba), parentSuspense);
-                    if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
-                        queuePostRenderEffect(() => instance.emit('hook:activated'), parentSuspense);
-                    }
-                }
-                instance.isMounted = true;
-                {
-                    devtoolsComponentAdded(instance);
-                }
-                // #2458: deference mount-only object parameters to prevent memleaks
-                initialVNode = container = anchor = null;
+    }
+    if (isString(ref)) {
+        const doSet = () => {
+            if (isCompatEnabled("V_FOR_REF" /* V_FOR_REF */, owner)) {
+                registerLegacyRef(refs, ref, refValue, owner, rawRef.f, isUnmount);
             }
             else {
-                // updateComponent
-                // This is triggered by mutation of component's own state (next: null)
-                // OR parent calling processComponent (next: VNode)
-                let { next, bu, u, parent, vnode } = instance;
-                let originNext = next;
-                let vnodeHook;
-                {
-                    pushWarningContext(next || instance.vnode);
-                }
-                if (next) {
-                    next.el = vnode.el;
-                    updateComponentPreRender(instance, next, optimized);
-                }
-                else {
-                    next = vnode;
-                }
-                // beforeUpdate hook
-                if (bu) {
-                    invokeArrayFns(bu);
-                }
-                // onVnodeBeforeUpdate
-                if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
-                    invokeVNodeHook(vnodeHook, parent, next, vnode);
-                }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
-                    instance.emit('hook:beforeUpdate');
-                }
-                // render
-                {
-                    startMeasure(instance, `render`);
-                }
-                const nextTree = renderComponentRoot(instance);
-                {
-                    endMeasure(instance, `render`);
-                }
-                const prevTree = instance.subTree;
-                instance.subTree = nextTree;
-                {
-                    startMeasure(instance, `patch`);
-                }
-                patch(prevTree, nextTree, 
-                // parent may have changed if it's in a teleport
-                hostParentNode(prevTree.el), 
-                // anchor may have changed if it's in a fragment
-                getNextHostNode(prevTree), instance, parentSuspense, isSVG);
-                {
-                    endMeasure(instance, `patch`);
-                }
-                next.el = nextTree.el;
-                if (originNext === null) {
-                    // self-triggered update. In case of HOC, update parent component
-                    // vnode el. HOC is indicated by parent instance's subTree pointing
-                    // to child component's vnode
-                    updateHOCHostEl(instance, nextTree.el);
-                }
-                // updated hook
-                if (u) {
-                    queuePostRenderEffect(u, parentSuspense);
-                }
-                // onVnodeUpdated
-                if ((vnodeHook = next.props && next.props.onVnodeUpdated)) {
-                    queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense);
-                }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
-                    queuePostRenderEffect(() => instance.emit('hook:updated'), parentSuspense);
-                }
-                {
-                    devtoolsComponentUpdated(instance);
-                }
-                {
-                    popWarningContext();
-                }
+                refs[ref] = value;
             }
-        }, createDevEffectOptions(instance) );
-        {
-            // @ts-ignore
-            instance.update.ownerInstance = instance;
+            if (hasOwn(setupState, ref)) {
+                setupState[ref] = value;
+            }
+        };
+        // #1789: for non-null values, set them after render
+        // null values means this is unmount and it should not overwrite another
+        // ref with the same key
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
         }
-    };
-    const updateComponentPreRender = (instance, nextVNode, optimized) => {
-        nextVNode.component = instance;
-        const prevProps = instance.vnode.props;
-        instance.vnode = nextVNode;
-        instance.next = null;
-        updateProps(instance, nextVNode.props, prevProps, optimized);
-        updateSlots(instance, nextVNode.children, optimized);
-        pauseTracking();
-        // props update may have triggered pre-flush watchers.
-        // flush them before the render update.
-        flushPreFlushCbs(undefined, instance.update);
-        resetTracking();
-    };
-    const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => {
-        const c1 = n1 && n1.children;
-        const prevShapeFlag = n1 ? n1.shapeFlag : 0;
-        const c2 = n2.children;
-        const { patchFlag, shapeFlag } = n2;
-        // fast path
-        if (patchFlag > 0) {
-            if (patchFlag & 128 /* KEYED_FRAGMENT */) {
-                // this could be either fully-keyed or mixed (some keyed some not)
-                // presence of patchFlag means children are guaranteed to be arrays
-                patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                return;
+        else {
+            doSet();
+        }
+    }
+    else if (isRef(ref)) {
+        const doSet = () => {
+            ref.value = value;
+        };
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isFunction(ref)) {
+        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+    }
+    else {
+        warn$1('Invalid template ref type:', value, `(${typeof value})`);
+    }
+}
+function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
+    callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
+        vnode,
+        prevVNode
+    ]);
+}
+/**
+ * #1156
+ * When a component is HMR-enabled, we need to make sure that all static nodes
+ * inside a block also inherit the DOM element from the previous tree so that
+ * HMR updates (which are full updates) can retrieve the element for patching.
+ *
+ * #2080
+ * Inside keyed `template` fragment static children, if a fragment is moved,
+ * the children will always moved so that need inherit el form previous nodes
+ * to ensure correct moved position.
+ */
+function traverseStaticChildren(n1, n2, shallow = false) {
+    const ch1 = n1.children;
+    const ch2 = n2.children;
+    if (isArray(ch1) && isArray(ch2)) {
+        for (let i = 0; i < ch1.length; i++) {
+            // this is only called in the optimized path so array children are
+            // guaranteed to be vnodes
+            const c1 = ch1[i];
+            let c2 = ch2[i];
+            if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) {
+                if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) {
+                    c2 = ch2[i] = cloneIfMounted(ch2[i]);
+                    c2.el = c1.el;
+                }
+                if (!shallow)
+                    traverseStaticChildren(c1, c2);
             }
-            else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) {
-                // unkeyed
-                patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                return;
+            // also inherit for comment nodes, but not placeholders (e.g. v-if which
+            // would have received .el during block patch)
+            if (c2.type === Comment$1 && !c2.el) {
+                c2.el = c1.el;
             }
         }
-        // children has 3 possibilities: text, array or no children.
-        if (shapeFlag & 8 /* TEXT_CHILDREN */) {
-            // text children fast path
-            if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) {
-                unmountChildren(c1, parentComponent, parentSuspense);
-            }
-            if (c2 !== c1) {
-                hostSetElementText(container, c2);
+    }
+}
+// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
+function getSequence(arr) {
+    const p = arr.slice();
+    const result = [0];
+    let i, j, u, v, c;
+    const len = arr.length;
+    for (i = 0; i < len; i++) {
+        const arrI = arr[i];
+        if (arrI !== 0) {
+            j = result[result.length - 1];
+            if (arr[j] < arrI) {
+                p[i] = j;
+                result.push(i);
+                continue;
             }
-        }
-        else {
-            if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) {
-                // prev children was array
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    // two arrays, cannot assume anything, do full diff
-                    patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            u = 0;
+            v = result.length - 1;
+            while (u < v) {
+                c = (u + v) >> 1;
+                if (arr[result[c]] < arrI) {
+                    u = c + 1;
                 }
                 else {
-                    // no new children, just unmount old
-                    unmountChildren(c1, parentComponent, parentSuspense, true);
+                    v = c;
                 }
             }
-            else {
-                // prev children was text OR null
-                // new children is array OR null
-                if (prevShapeFlag & 8 /* TEXT_CHILDREN */) {
-                    hostSetElementText(container, '');
-                }
-                // mount new if array
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+            if (arrI < arr[result[u]]) {
+                if (u > 0) {
+                    p[i] = result[u - 1];
                 }
+                result[u] = i;
             }
         }
-    };
-    const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        c1 = c1 || EMPTY_ARR;
-        c2 = c2 || EMPTY_ARR;
-        const oldLength = c1.length;
-        const newLength = c2.length;
-        const commonLength = Math.min(oldLength, newLength);
-        let i;
-        for (i = 0; i < commonLength; i++) {
-            const nextChild = (c2[i] = optimized
-                ? cloneIfMounted(c2[i])
-                : normalizeVNode(c2[i]));
-            patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-        }
-        if (oldLength > newLength) {
-            // remove old
-            unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
+    }
+    u = result.length;
+    v = result[u - 1];
+    while (u-- > 0) {
+        result[u] = v;
+        v = p[v];
+    }
+    return result;
+}
+
+const isTeleport = (type) => type.__isTeleport;
+const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
+const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
+const resolveTarget = (props, select) => {
+    const targetSelector = props && props.to;
+    if (isString(targetSelector)) {
+        if (!select) {
+            warn$1(`Current renderer does not support string target for Teleports. ` +
+                    `(missing querySelector renderer option)`);
+            return null;
         }
         else {
-            // mount new
-            mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength);
-        }
-    };
-    // can be all-keyed or mixed
-    const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
-        let i = 0;
-        const l2 = c2.length;
-        let e1 = c1.length - 1; // prev ending index
-        let e2 = l2 - 1; // next ending index
-        // 1. sync from start
-        // (a b) c
-        // (a b) d e
-        while (i <= e1 && i <= e2) {
-            const n1 = c1[i];
-            const n2 = (c2[i] = optimized
-                ? cloneIfMounted(c2[i])
-                : normalizeVNode(c2[i]));
-            if (isSameVNodeType(n1, n2)) {
-                patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-            }
-            else {
-                break;
+            const target = select(targetSelector);
+            if (!target) {
+                warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                        `Note the target element must exist before the component is mounted - ` +
+                        `i.e. the target cannot be rendered by the component itself, and ` +
+                        `ideally should be outside of the entire Vue component tree.`);
             }
-            i++;
+            return target;
         }
-        // 2. sync from end
-        // a (b c)
-        // d e (b c)
-        while (i <= e1 && i <= e2) {
-            const n1 = c1[e1];
-            const n2 = (c2[e2] = optimized
-                ? cloneIfMounted(c2[e2])
-                : normalizeVNode(c2[e2]));
-            if (isSameVNodeType(n1, n2)) {
-                patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+    }
+    else {
+        if (!targetSelector && !isTeleportDisabled(props)) {
+            warn$1(`Invalid Teleport target: ${targetSelector}`);
+        }
+        return targetSelector;
+    }
+};
+const TeleportImpl = {
+    __isTeleport: true,
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
+        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+        const disabled = isTeleportDisabled(n2.props);
+        let { shapeFlag, children, dynamicChildren } = n2;
+        // #3302
+        // HMR updated, force full diff
+        if (isHmrUpdating) {
+            optimized = false;
+            dynamicChildren = null;
+        }
+        if (n1 == null) {
+            // insert anchors in the main view
+            const placeholder = (n2.el = createComment('teleport start')
+                );
+            const mainAnchor = (n2.anchor = createComment('teleport end')
+                );
+            insert(placeholder, container, anchor);
+            insert(mainAnchor, container, anchor);
+            const target = (n2.target = resolveTarget(n2.props, querySelector));
+            const targetAnchor = (n2.targetAnchor = createText(''));
+            if (target) {
+                insert(targetAnchor, target);
+                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
+                isSVG = isSVG || isTargetSVG(target);
             }
-            else {
-                break;
+            else if (!disabled) {
+                warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
             }
-            e1--;
-            e2--;
-        }
-        // 3. common sequence + mount
-        // (a b)
-        // (a b) c
-        // i = 2, e1 = 1, e2 = 2
-        // (a b)
-        // c (a b)
-        // i = 0, e1 = -1, e2 = 0
-        if (i > e1) {
-            if (i <= e2) {
-                const nextPos = e2 + 1;
-                const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
-                while (i <= e2) {
-                    patch(null, (c2[i] = optimized
-                        ? cloneIfMounted(c2[i])
-                        : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                    i++;
+            const mount = (container, anchor) => {
+                // Teleport *always* has Array children. This is enforced in both the
+                // compiler and vnode children normalization.
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                 }
+            };
+            if (disabled) {
+                mount(container, mainAnchor);
+            }
+            else if (target) {
+                mount(target, targetAnchor);
             }
         }
-        // 4. common sequence + unmount
-        // (a b) c
-        // (a b)
-        // i = 2, e1 = 2, e2 = 1
-        // a (b c)
-        // (b c)
-        // i = 0, e1 = 0, e2 = -1
-        else if (i > e2) {
-            while (i <= e1) {
-                unmount(c1[i], parentComponent, parentSuspense, true);
-                i++;
+        else {
+            // update content
+            n2.el = n1.el;
+            const mainAnchor = (n2.anchor = n1.anchor);
+            const target = (n2.target = n1.target);
+            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
+            const wasDisabled = isTeleportDisabled(n1.props);
+            const currentContainer = wasDisabled ? container : target;
+            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
+            isSVG = isSVG || isTargetSVG(target);
+            if (dynamicChildren) {
+                // fast path when the teleport happens to be a block root
+                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
+                // even in block tree mode we need to make sure all root-level nodes
+                // in the teleport inherit previous DOM references so that they can
+                // be moved in future patches.
+                traverseStaticChildren(n1, n2, true);
             }
-        }
-        // 5. unknown sequence
-        // [i ... e1 + 1]: a b [c d e] f g
-        // [i ... e2 + 1]: a b [e d c h] f g
-        // i = 2, e1 = 4, e2 = 5
-        else {
-            const s1 = i; // prev starting index
-            const s2 = i; // next starting index
-            // 5.1 build key:index map for newChildren
-            const keyToNewIndexMap = new Map();
-            for (i = s2; i <= e2; i++) {
-                const nextChild = (c2[i] = optimized
-                    ? cloneIfMounted(c2[i])
-                    : normalizeVNode(c2[i]));
-                if (nextChild.key != null) {
-                    if (keyToNewIndexMap.has(nextChild.key)) {
-                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
-                    }
-                    keyToNewIndexMap.set(nextChild.key, i);
-                }
+            else if (!optimized) {
+                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
             }
-            // 5.2 loop through old children left to be patched and try to patch
-            // matching nodes & remove nodes that are no longer present
-            let j;
-            let patched = 0;
-            const toBePatched = e2 - s2 + 1;
-            let moved = false;
-            // used to track whether any node has moved
-            let maxNewIndexSoFar = 0;
-            // works as Map<newIndex, oldIndex>
-            // Note that oldIndex is offset by +1
-            // and oldIndex = 0 is a special value indicating the new node has
-            // no corresponding old node.
-            // used for determining longest stable subsequence
-            const newIndexToOldIndexMap = new Array(toBePatched);
-            for (i = 0; i < toBePatched; i++)
-                newIndexToOldIndexMap[i] = 0;
-            for (i = s1; i <= e1; i++) {
-                const prevChild = c1[i];
-                if (patched >= toBePatched) {
-                    // all new children have been patched so this can only be a removal
-                    unmount(prevChild, parentComponent, parentSuspense, true);
-                    continue;
-                }
-                let newIndex;
-                if (prevChild.key != null) {
-                    newIndex = keyToNewIndexMap.get(prevChild.key);
-                }
-                else {
-                    // key-less node, try to locate a key-less node of the same type
-                    for (j = s2; j <= e2; j++) {
-                        if (newIndexToOldIndexMap[j - s2] === 0 &&
-                            isSameVNodeType(prevChild, c2[j])) {
-                            newIndex = j;
-                            break;
-                        }
-                    }
-                }
-                if (newIndex === undefined) {
-                    unmount(prevChild, parentComponent, parentSuspense, true);
-                }
-                else {
-                    newIndexToOldIndexMap[newIndex - s2] = i + 1;
-                    if (newIndex >= maxNewIndexSoFar) {
-                        maxNewIndexSoFar = newIndex;
-                    }
-                    else {
-                        moved = true;
-                    }
-                    patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                    patched++;
+            if (disabled) {
+                if (!wasDisabled) {
+                    // enabled -> disabled
+                    // move into main container
+                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
                 }
             }
-            // 5.3 move and mount
-            // generate longest stable subsequence only when nodes have moved
-            const increasingNewIndexSequence = moved
-                ? getSequence(newIndexToOldIndexMap)
-                : EMPTY_ARR;
-            j = increasingNewIndexSequence.length - 1;
-            // looping backwards so that we can use last patched node as anchor
-            for (i = toBePatched - 1; i >= 0; i--) {
-                const nextIndex = s2 + i;
-                const nextChild = c2[nextIndex];
-                const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor;
-                if (newIndexToOldIndexMap[i] === 0) {
-                    // mount new
-                    patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                }
-                else if (moved) {
-                    // move if:
-                    // There is no stable subsequence (e.g. a reverse)
-                    // OR current node is not among the stable sequence
-                    if (j < 0 || i !== increasingNewIndexSequence[j]) {
-                        move(nextChild, container, anchor, 2 /* REORDER */);
+            else {
+                // target changed
+                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
+                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
+                    if (nextTarget) {
+                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
                     }
                     else {
-                        j--;
+                        warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
                     }
                 }
+                else if (wasDisabled) {
+                    // disabled -> enabled
+                    // move into teleport target
+                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
+                }
             }
         }
-    };
-    const move = (vnode, container, anchor, moveType, parentSuspense = null) => {
-        const { el, type, transition, children, shapeFlag } = vnode;
-        if (shapeFlag & 6 /* COMPONENT */) {
-            move(vnode.component.subTree, container, anchor, moveType);
-            return;
-        }
-        if (shapeFlag & 128 /* SUSPENSE */) {
-            vnode.suspense.move(container, anchor, moveType);
-            return;
+    },
+    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
+        if (target) {
+            hostRemove(targetAnchor);
         }
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type.move(vnode, container, anchor, internals);
-            return;
+        // an unmounted teleport should always remove its children if not disabled
+        if (doRemove || !isTeleportDisabled(props)) {
+            hostRemove(anchor);
+            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                for (let i = 0; i < children.length; i++) {
+                    const child = children[i];
+                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+                }
+            }
         }
-        if (type === Fragment) {
-            hostInsert(el, container, anchor);
+    },
+    move: moveTeleport,
+    hydrate: hydrateTeleport
+};
+function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
+    // move target anchor if this is a target change.
+    if (moveType === 0 /* TARGET_CHANGE */) {
+        insert(vnode.targetAnchor, container, parentAnchor);
+    }
+    const { el, anchor, shapeFlag, children, props } = vnode;
+    const isReorder = moveType === 2 /* REORDER */;
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(el, container, parentAnchor);
+    }
+    // if this is a re-order and teleport is enabled (content is in target)
+    // do not move children. So the opposite is: only move children if this
+    // is not a reorder, or the teleport is disabled
+    if (!isReorder || isTeleportDisabled(props)) {
+        // Teleport has either Array children or no children.
+        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
             for (let i = 0; i < children.length; i++) {
-                move(children[i], container, anchor, moveType);
+                move(children[i], container, parentAnchor, 2 /* REORDER */);
             }
-            hostInsert(vnode.anchor, container, anchor);
-            return;
-        }
-        if (type === Static) {
-            moveStaticNode(vnode, container, anchor);
-            return;
         }
-        // single nodes
-        const needTransition = moveType !== 2 /* REORDER */ &&
-            shapeFlag & 1 /* ELEMENT */ &&
-            transition;
-        if (needTransition) {
-            if (moveType === 0 /* ENTER */) {
-                transition.beforeEnter(el);
-                hostInsert(el, container, anchor);
-                queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+    }
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(anchor, container, parentAnchor);
+    }
+}
+function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
+    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
+    if (target) {
+        // if multiple teleports rendered to the same target element, we need to
+        // pick up from where the last teleport finished instead of the first node
+        const targetNode = target._lpa || target.firstChild;
+        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            if (isTeleportDisabled(vnode.props)) {
+                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
+                vnode.targetAnchor = targetNode;
             }
             else {
-                const { leave, delayLeave, afterLeave } = transition;
-                const remove = () => hostInsert(el, container, anchor);
-                const performLeave = () => {
-                    leave(el, () => {
-                        remove();
-                        afterLeave && afterLeave();
-                    });
-                };
-                if (delayLeave) {
-                    delayLeave(el, remove, performLeave);
-                }
-                else {
-                    performLeave();
-                }
+                vnode.anchor = nextSibling(node);
+                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+            }
+            target._lpa =
+                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+        }
+    }
+    return vnode.anchor && nextSibling(vnode.anchor);
+}
+// Force-casted public typing for h and TSX props inference
+const Teleport = TeleportImpl;
+
+const COMPONENTS = 'components';
+const DIRECTIVES = 'directives';
+const FILTERS = 'filters';
+/**
+ * @private
+ */
+function resolveComponent(name, maybeSelfReference) {
+    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+}
+const NULL_DYNAMIC_COMPONENT = Symbol();
+/**
+ * @private
+ */
+function resolveDynamicComponent(component) {
+    if (isString(component)) {
+        return resolveAsset(COMPONENTS, component, false) || component;
+    }
+    else {
+        // invalid types will fallthrough to createVNode and raise warning
+        return (component || NULL_DYNAMIC_COMPONENT);
+    }
+}
+/**
+ * @private
+ */
+function resolveDirective(name) {
+    return resolveAsset(DIRECTIVES, name);
+}
+/**
+ * v2 compat only
+ * @internal
+ */
+function resolveFilter(name) {
+    return resolveAsset(FILTERS, name);
+}
+// implementation
+function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
+    const instance = currentRenderingInstance || currentInstance;
+    if (instance) {
+        const Component = instance.type;
+        // explicit self name has highest priority
+        if (type === COMPONENTS) {
+            const selfName = getComponentName(Component);
+            if (selfName &&
+                (selfName === name ||
+                    selfName === camelize(name) ||
+                    selfName === capitalize(camelize(name)))) {
+                return Component;
             }
         }
-        else {
-            hostInsert(el, container, anchor);
-        }
-    };
-    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-        const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
-        // unset ref
-        if (ref != null) {
-            setRef(ref, null, parentSuspense, vnode, true);
+        const res = 
+        // local registration
+        // check instance[type] first which is resolved for options API
+        resolve(instance[type] || Component[type], name) ||
+            // global registration
+            resolve(instance.appContext[type], name);
+        if (!res && maybeSelfReference) {
+            // fallback to implicit self-reference
+            return Component;
         }
-        if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
-            parentComponent.ctx.deactivate(vnode);
-            return;
+        if (warnMissing && !res) {
+            warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
         }
-        const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
-        let vnodeHook;
-        if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
-            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+        return res;
+    }
+    else {
+        warn$1(`resolve${capitalize(type.slice(0, -1))} ` +
+            `can only be used in render() or setup().`);
+    }
+}
+function resolve(registry, name) {
+    return (registry &&
+        (registry[name] ||
+            registry[camelize(name)] ||
+            registry[capitalize(camelize(name))]));
+}
+
+const normalizedAsyncComponentMap = new Map();
+function convertLegacyAsyncComponent(comp) {
+    if (normalizedAsyncComponentMap.has(comp)) {
+        return normalizedAsyncComponentMap.get(comp);
+    }
+    // we have to call the function here due to how v2's API won't expose the
+    // options until we call it
+    let resolve;
+    let reject;
+    const fallbackPromise = new Promise((r, rj) => {
+        (resolve = r), (reject = rj);
+    });
+    const res = comp(resolve, reject);
+    let converted;
+    if (isPromise(res)) {
+        converted = defineAsyncComponent(() => res);
+    }
+    else if (isObject(res) && !isVNode(res) && !isArray(res)) {
+        converted = defineAsyncComponent({
+            loader: () => res.component,
+            loadingComponent: res.loading,
+            errorComponent: res.error,
+            delay: res.delay,
+            timeout: res.timeout
+        });
+    }
+    else if (res == null) {
+        converted = defineAsyncComponent(() => fallbackPromise);
+    }
+    else {
+        converted = comp; // probably a v3 functional comp
+    }
+    normalizedAsyncComponentMap.set(comp, converted);
+    return converted;
+}
+
+function getCompatListeners(instance) {
+    assertCompatEnabled("INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */, instance);
+    const listeners = {};
+    const rawProps = instance.vnode.props;
+    if (!rawProps) {
+        return listeners;
+    }
+    for (const key in rawProps) {
+        if (isOn(key)) {
+            listeners[key[2].toLowerCase() + key.slice(3)] = rawProps[key];
         }
-        if (shapeFlag & 6 /* COMPONENT */) {
-            unmountComponent(vnode.component, parentSuspense, doRemove);
+    }
+    return listeners;
+}
+
+function convertLegacyRenderFn(instance) {
+    const Component = instance.type;
+    const render = Component.render;
+    // v3 runtime compiled, or already checked / wrapped
+    if (!render || render._rc || render._compatChecked || render._compatWrapped) {
+        return;
+    }
+    if (render.length >= 2) {
+        // v3 pre-compiled function, since v2 render functions never need more than
+        // 2 arguments, and v2 functional render functions would have already been
+        // normalized into v3 functional components
+        render._compatChecked = true;
+        return;
+    }
+    // v2 render function, try to provide compat
+    if (checkCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, instance)) {
+        const wrapped = (Component.render = function compatRender() {
+            // @ts-ignore
+            return render.call(this, compatH);
+        });
+        // @ts-ignore
+        wrapped._compatWrapped = true;
+    }
+}
+function compatH(type, propsOrChildren, children) {
+    if (!type) {
+        type = Comment$1;
+    }
+    // to support v2 string component name look!up
+    if (typeof type === 'string') {
+        const t = hyphenate(type);
+        if (t === 'transition' || t === 'transition-group' || t === 'keep-alive') {
+            // since transition and transition-group are runtime-dom-specific,
+            // we cannot import them directly here. Instead they are registered using
+            // special keys in @vue/compat entry.
+            type = `__compat__${t}`;
         }
-        else {
-            if (shapeFlag & 128 /* SUSPENSE */) {
-                vnode.suspense.unmount(parentSuspense, doRemove);
-                return;
-            }
-            if (shouldInvokeDirs) {
-                invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
-            }
-            if (shapeFlag & 64 /* TELEPORT */) {
-                vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
-            }
-            else if (dynamicChildren &&
-                // #1153: fast path should not be taken for non-stable (v-for) fragments
-                (type !== Fragment ||
-                    (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
-                // fast path for block nodes: only need to unmount dynamic children.
-                unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
-            }
-            else if ((type === Fragment &&
-                (patchFlag & 128 /* KEYED_FRAGMENT */ ||
-                    patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
-                (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
-                unmountChildren(children, parentComponent, parentSuspense);
-            }
-            if (doRemove) {
-                remove(vnode);
+        type = resolveDynamicComponent(type);
+    }
+    const l = arguments.length;
+    const is2ndArgArrayChildren = isArray(propsOrChildren);
+    if (l === 2 || is2ndArgArrayChildren) {
+        if (isObject(propsOrChildren) && !is2ndArgArrayChildren) {
+            // single vnode without props
+            if (isVNode(propsOrChildren)) {
+                return convertLegacySlots(createVNode(type, null, [propsOrChildren]));
             }
+            // props without children
+            return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type)), propsOrChildren));
         }
-        if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
-            queuePostRenderEffect(() => {
-                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-                shouldInvokeDirs &&
-                    invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
-            }, parentSuspense);
+        else {
+            // omit props
+            return convertLegacySlots(createVNode(type, null, propsOrChildren));
         }
-    };
-    const remove = vnode => {
-        const { type, el, anchor, transition } = vnode;
-        if (type === Fragment) {
-            removeFragment(el, anchor);
-            return;
+    }
+    else {
+        if (isVNode(children)) {
+            children = [children];
         }
-        if (type === Static) {
-            removeStaticNode(vnode);
-            return;
+        return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type), children), propsOrChildren));
+    }
+}
+const skipLegacyRootLevelProps = /*#__PURE__*/ makeMap('staticStyle,staticClass,directives,model,hook');
+function convertLegacyProps(legacyProps, type) {
+    if (!legacyProps) {
+        return null;
+    }
+    const converted = {};
+    for (const key in legacyProps) {
+        if (key === 'attrs' || key === 'domProps' || key === 'props') {
+            extend(converted, legacyProps[key]);
         }
-        const performRemove = () => {
-            hostRemove(el);
-            if (transition && !transition.persisted && transition.afterLeave) {
-                transition.afterLeave();
+        else if (key === 'on' || key === 'nativeOn') {
+            const listeners = legacyProps[key];
+            for (const event in listeners) {
+                let handlerKey = convertLegacyEventKey(event);
+                if (key === 'nativeOn')
+                    handlerKey += `Native`;
+                const existing = converted[handlerKey];
+                const incoming = listeners[event];
+                if (existing !== incoming) {
+                    if (existing) {
+                        converted[handlerKey] = [].concat(existing, incoming);
+                    }
+                    else {
+                        converted[handlerKey] = incoming;
+                    }
+                }
             }
-        };
-        if (vnode.shapeFlag & 1 /* ELEMENT */ &&
-            transition &&
-            !transition.persisted) {
-            const { leave, delayLeave } = transition;
-            const performLeave = () => leave(el, performRemove);
-            if (delayLeave) {
-                delayLeave(vnode.el, performRemove, performLeave);
+        }
+        else if (!skipLegacyRootLevelProps(key)) {
+            converted[key] = legacyProps[key];
+        }
+    }
+    if (legacyProps.staticClass) {
+        converted.class = normalizeClass([legacyProps.staticClass, converted.class]);
+    }
+    if (legacyProps.staticStyle) {
+        converted.style = normalizeStyle([legacyProps.staticStyle, converted.style]);
+    }
+    if (legacyProps.model && isObject(type)) {
+        // v2 compiled component v-model
+        const { prop = 'value', event = 'input' } = type.model || {};
+        converted[prop] = legacyProps.model.value;
+        converted[compatModelEventPrefix + event] = legacyProps.model.callback;
+    }
+    return converted;
+}
+function convertLegacyEventKey(event) {
+    // normalize v2 event prefixes
+    if (event[0] === '&') {
+        event = event.slice(1) + 'Passive';
+    }
+    if (event[0] === '~') {
+        event = event.slice(1) + 'Once';
+    }
+    if (event[0] === '!') {
+        event = event.slice(1) + 'Capture';
+    }
+    return toHandlerKey(event);
+}
+function convertLegacyDirectives(vnode, props) {
+    if (props && props.directives) {
+        return withDirectives(vnode, props.directives.map(({ name, value, arg, modifiers }) => {
+            return [
+                resolveDirective(name),
+                value,
+                arg,
+                modifiers
+            ];
+        }));
+    }
+    return vnode;
+}
+function convertLegacySlots(vnode) {
+    const { props, children } = vnode;
+    let slots;
+    if (vnode.shapeFlag & 6 /* COMPONENT */ && isArray(children)) {
+        slots = {};
+        // check "slot" property on vnodes and turn them into v3 function slots
+        for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            const slotName = (isVNode(child) && child.props && child.props.slot) || 'default';
+            const slot = slots[slotName] || (slots[slotName] = []);
+            if (isVNode(child) && child.type === 'template') {
+                slot.push(child.children);
             }
             else {
-                performLeave();
+                slot.push(child);
             }
         }
-        else {
-            performRemove();
-        }
-    };
-    const removeFragment = (cur, end) => {
-        // For fragments, directly remove all contained DOM nodes.
-        // (fragment child nodes cannot have transition)
-        let next;
-        while (cur !== end) {
-            next = hostNextSibling(cur);
-            hostRemove(cur);
-            cur = next;
-        }
-        hostRemove(end);
-    };
-    const unmountComponent = (instance, parentSuspense, doRemove) => {
-        if (instance.type.__hmrId) {
-            unregisterHMR(instance);
-        }
-        const { bum, effects, update, subTree, um } = instance;
-        // beforeUnmount hook
-        if (bum) {
-            invokeArrayFns(bum);
-        }
-        if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
-            instance.emit('hook:beforeDestroy');
-        }
-        if (effects) {
-            for (let i = 0; i < effects.length; i++) {
-                stop(effects[i]);
+        if (slots) {
+            for (const key in slots) {
+                const slotChildren = slots[key];
+                slots[key] = () => slotChildren;
+                slots[key]._ns = true; /* non-scoped slot */
             }
         }
-        // update may be null if a component is unmounted before its async
-        // setup has resolved.
-        if (update) {
-            stop(update);
-            unmount(subTree, instance, parentSuspense, doRemove);
-        }
-        // unmounted hook
-        if (um) {
-            queuePostRenderEffect(um, parentSuspense);
+    }
+    const scopedSlots = props && props.scopedSlots;
+    if (scopedSlots) {
+        delete props.scopedSlots;
+        if (slots) {
+            extend(slots, scopedSlots);
         }
-        if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
-            queuePostRenderEffect(() => instance.emit('hook:destroyed'), parentSuspense);
+        else {
+            slots = scopedSlots;
         }
-        queuePostRenderEffect(() => {
-            instance.isUnmounted = true;
-        }, parentSuspense);
-        // A component with async dep inside a pending suspense is unmounted before
-        // its async dep resolves. This should remove the dep from the suspense, and
-        // cause the suspense to resolve immediately if that was the last dep.
-        if (parentSuspense &&
-            parentSuspense.pendingBranch &&
-            !parentSuspense.isUnmounted &&
-            instance.asyncDep &&
-            !instance.asyncResolved &&
-            instance.suspenseId === parentSuspense.pendingId) {
-            parentSuspense.deps--;
-            if (parentSuspense.deps === 0) {
-                parentSuspense.resolve();
+    }
+    if (slots) {
+        normalizeChildren(vnode, slots);
+    }
+    return vnode;
+}
+function defineLegacyVNodeProperties(vnode) {
+    /* istanbul ignore if */
+    if (isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, currentRenderingInstance, true /* enable for built-ins */) &&
+        isCompatEnabled("PRIVATE_APIS" /* PRIVATE_APIS */, currentRenderingInstance, true /* enable for built-ins */)) {
+        const context = currentRenderingInstance;
+        const getInstance = () => vnode.component && vnode.component.proxy;
+        let componentOptions;
+        Object.defineProperties(vnode, {
+            tag: { get: () => vnode.type },
+            data: { get: () => vnode.props || {}, set: p => (vnode.props = p) },
+            elm: { get: () => vnode.el },
+            componentInstance: { get: getInstance },
+            child: { get: getInstance },
+            text: { get: () => (isString(vnode.children) ? vnode.children : null) },
+            context: { get: () => context && context.proxy },
+            componentOptions: {
+                get: () => {
+                    if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) {
+                        if (componentOptions) {
+                            return componentOptions;
+                        }
+                        return (componentOptions = {
+                            Ctor: vnode.type,
+                            propsData: vnode.props,
+                            children: vnode.children
+                        });
+                    }
+                }
             }
-        }
-        {
-            devtoolsComponentRemoved(instance);
-        }
-    };
-    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
-        for (let i = start; i < children.length; i++) {
-            unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
-        }
-    };
-    const getNextHostNode = vnode => {
-        if (vnode.shapeFlag & 6 /* COMPONENT */) {
-            return getNextHostNode(vnode.component.subTree);
-        }
-        if (vnode.shapeFlag & 128 /* SUSPENSE */) {
-            return vnode.suspense.next();
-        }
-        return hostNextSibling((vnode.anchor || vnode.el));
-    };
-    const render = (vnode, container, isSVG) => {
-        if (vnode == null) {
-            if (container._vnode) {
-                unmount(container._vnode, null, null, true);
+        });
+    }
+}
+
+const normalizedFunctionalComponentMap = new Map();
+const legacySlotProxyHandlers = {
+    get(target, key) {
+        const slot = target[key];
+        return slot && slot();
+    }
+};
+function convertLegacyFunctionalComponent(comp) {
+    if (normalizedFunctionalComponentMap.has(comp)) {
+        return normalizedFunctionalComponentMap.get(comp);
+    }
+    const legacyFn = comp.render;
+    const Func = (props, ctx) => {
+        const instance = getCurrentInstance();
+        const legacyCtx = {
+            props,
+            children: instance.vnode.children || [],
+            data: instance.vnode.props || {},
+            scopedSlots: ctx.slots,
+            parent: instance.parent && instance.parent.proxy,
+            slots() {
+                return new Proxy(ctx.slots, legacySlotProxyHandlers);
+            },
+            get listeners() {
+                return getCompatListeners(instance);
+            },
+            get injections() {
+                if (comp.inject) {
+                    const injections = {};
+                    resolveInjections(comp.inject, injections);
+                    return injections;
+                }
+                return {};
             }
-        }
-        else {
-            patch(container._vnode || null, vnode, container, null, null, null, isSVG);
-        }
-        flushPostFlushCbs();
-        container._vnode = vnode;
-    };
-    const internals = {
-        p: patch,
-        um: unmount,
-        m: move,
-        r: remove,
-        mt: mountComponent,
-        mc: mountChildren,
-        pc: patchChildren,
-        pbc: patchBlockChildren,
-        n: getNextHostNode,
-        o: options
+        };
+        return legacyFn(compatH, legacyCtx);
     };
-    let hydrate;
-    let hydrateNode;
-    if (createHydrationFns) {
-        [hydrate, hydrateNode] = createHydrationFns(internals);
+    Func.props = comp.props;
+    Func.displayName = comp.name;
+    // v2 functional components do not inherit attrs
+    Func.inheritAttrs = false;
+    normalizedFunctionalComponentMap.set(comp, Func);
+    return Func;
+}
+
+function convertLegacyComponent(comp, instance) {
+    if (comp.__isBuiltIn) {
+        return comp;
+    }
+    // 2.x constructor
+    if (isFunction(comp) && comp.cid) {
+        comp = comp.options;
+    }
+    // 2.x async component
+    if (isFunction(comp) &&
+        checkCompatEnabled("COMPONENT_ASYNC" /* COMPONENT_ASYNC */, instance, comp)) {
+        // since after disabling this, plain functions are still valid usage, do not
+        // use softAssert here.
+        return convertLegacyAsyncComponent(comp);
+    }
+    // 2.x functional component
+    if (isObject(comp) &&
+        comp.functional &&
+        softAssertCompatEnabled("COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */, instance, comp)) {
+        return convertLegacyFunctionalComponent(comp);
+    }
+    return comp;
+}
+
+const Fragment = Symbol('Fragment' );
+const Text = Symbol('Text' );
+const Comment$1 = Symbol('Comment' );
+const Static = Symbol('Static' );
+// Since v-if and v-for are the two possible ways node structure can dynamically
+// change, once we consider v-if branches and each v-for fragment a block, we
+// can divide a template into nested blocks, and within each block the node
+// structure would be stable. This allows us to skip most children diffing
+// and only worry about the dynamic nodes (indicated by patch flags).
+const blockStack = [];
+let currentBlock = null;
+/**
+ * Open a block.
+ * This must be called before `createBlock`. It cannot be part of `createBlock`
+ * because the children of the block are evaluated before `createBlock` itself
+ * is called. The generated code typically looks like this:
+ *
+ * ```js
+ * function render() {
+ *   return (openBlock(),createBlock('div', null, [...]))
+ * }
+ * ```
+ * disableTracking is true when creating a v-for fragment block, since a v-for
+ * fragment always diffs its children.
+ *
+ * @private
+ */
+function openBlock(disableTracking = false) {
+    blockStack.push((currentBlock = disableTracking ? null : []));
+}
+function closeBlock() {
+    blockStack.pop();
+    currentBlock = blockStack[blockStack.length - 1] || null;
+}
+// Whether we should be tracking dynamic child nodes inside a block.
+// Only tracks when this value is > 0
+// We are not using a simple boolean because this value may need to be
+// incremented/decremented by nested usage of v-once (see below)
+let isBlockTreeEnabled = 1;
+/**
+ * Block tracking sometimes needs to be disabled, for example during the
+ * creation of a tree that needs to be cached by v-once. The compiler generates
+ * code like this:
+ *
+ * ``` js
+ * _cache[1] || (
+ *   setBlockTracking(-1),
+ *   _cache[1] = createVNode(...),
+ *   setBlockTracking(1),
+ *   _cache[1]
+ * )
+ * ```
+ *
+ * @private
+ */
+function setBlockTracking(value) {
+    isBlockTreeEnabled += value;
+}
+function setupBlock(vnode) {
+    // save current block children on the block vnode
+    vnode.dynamicChildren =
+        isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
+    // close block
+    closeBlock();
+    // a block is always going to be patched, so track it as a child of its
+    // parent block
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(vnode);
     }
-    return {
-        render,
-        hydrate,
-        createApp: createAppAPI(render, hydrate)
-    };
+    return vnode;
 }
-function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
-    callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
-        vnode,
-        prevVNode
-    ]);
+/**
+ * @private
+ */
+function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */));
 }
 /**
- * #1156
- * When a component is HMR-enabled, we need to make sure that all static nodes
- * inside a block also inherit the DOM element from the previous tree so that
- * HMR updates (which are full updates) can retrieve the element for patching.
+ * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+ * A block root keeps track of dynamic nodes within the block in the
+ * `dynamicChildren` array.
  *
- * #2080
- * Inside keyed `template` fragment static children, if a fragment is moved,
- * the children will always moved so that need inherit el form previous nodes
- * to ensure correct moved position.
+ * @private
  */
-function traverseStaticChildren(n1, n2, shallow = false) {
-    const ch1 = n1.children;
-    const ch2 = n2.children;
-    if (isArray(ch1) && isArray(ch2)) {
-        for (let i = 0; i < ch1.length; i++) {
-            // this is only called in the optimized path so array children are
-            // guaranteed to be vnodes
-            const c1 = ch1[i];
-            let c2 = ch2[i];
-            if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) {
-                if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) {
-                    c2 = ch2[i] = cloneIfMounted(ch2[i]);
-                    c2.el = c1.el;
-                }
-                if (!shallow)
-                    traverseStaticChildren(c1, c2);
-            }
-            // also inherit for comment nodes, but not placeholders (e.g. v-if which
-            // would have received .el during block patch)
-            if (c2.type === Comment$1 && !c2.el) {
-                c2.el = c1.el;
-            }
-        }
+function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */));
+}
+function isVNode(value) {
+    return value ? value.__v_isVNode === true : false;
+}
+function isSameVNodeType(n1, n2) {
+    if (n2.shapeFlag & 6 /* COMPONENT */ &&
+        hmrDirtyComponents.has(n2.type)) {
+        // HMR only: if the component has been hot-updated, force a reload.
+        return false;
     }
+    return n1.type === n2.type && n1.key === n2.key;
 }
-// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
-function getSequence(arr) {
-    const p = arr.slice();
-    const result = [0];
-    let i, j, u, v, c;
-    const len = arr.length;
-    for (i = 0; i < len; i++) {
-        const arrI = arr[i];
-        if (arrI !== 0) {
-            j = result[result.length - 1];
-            if (arr[j] < arrI) {
-                p[i] = j;
-                result.push(i);
-                continue;
-            }
-            u = 0;
-            v = result.length - 1;
-            while (u < v) {
-                c = ((u + v) / 2) | 0;
-                if (arr[result[c]] < arrI) {
-                    u = c + 1;
-                }
-                else {
-                    v = c;
-                }
-            }
-            if (arrI < arr[result[u]]) {
-                if (u > 0) {
-                    p[i] = result[u - 1];
-                }
-                result[u] = i;
-            }
+let vnodeArgsTransformer;
+/**
+ * Internal API for registering an arguments transform for createVNode
+ * used for creating stubs in the test-utils
+ * It is *internal* but needs to be exposed for test-utils to pick up proper
+ * typings
+ */
+function transformVNodeArgs(transformer) {
+    vnodeArgsTransformer = transformer;
+}
+const createVNodeWithArgsTransform = (...args) => {
+    return _createVNode(...(vnodeArgsTransformer
+        ? vnodeArgsTransformer(args, currentRenderingInstance)
+        : args));
+};
+const InternalObjectKey = `__vInternal`;
+const normalizeKey = ({ key }) => key != null ? key : null;
+const normalizeRef = ({ ref }) => {
+    return (ref != null
+        ? isString(ref) || isRef(ref) || isFunction(ref)
+            ? { i: currentRenderingInstance, r: ref }
+            : ref
+        : null);
+};
+function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) {
+    const vnode = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type,
+        props,
+        key: props && normalizeKey(props),
+        ref: props && normalizeRef(props),
+        scopeId: currentScopeId,
+        slotScopeIds: null,
+        children,
+        component: null,
+        suspense: null,
+        ssContent: null,
+        ssFallback: null,
+        dirs: null,
+        transition: null,
+        el: null,
+        anchor: null,
+        target: null,
+        targetAnchor: null,
+        staticCount: 0,
+        shapeFlag,
+        patchFlag,
+        dynamicProps,
+        dynamicChildren: null,
+        appContext: null
+    };
+    if (needFullChildrenNormalization) {
+        normalizeChildren(vnode, children);
+        // normalize suspense children
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            type.normalize(vnode);
         }
     }
-    u = result.length;
-    v = result[u - 1];
-    while (u-- > 0) {
-        result[u] = v;
-        v = p[v];
+    else if (children) {
+        // compiled element vnode - if children is passed, only possible types are
+        // string or Array.
+        vnode.shapeFlag |= isString(children)
+            ? 8 /* TEXT_CHILDREN */
+            : 16 /* ARRAY_CHILDREN */;
     }
-    return result;
-}
-
-const isTeleport = (type) => type.__isTeleport;
-const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
-const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
-const resolveTarget = (props, select) => {
-    const targetSelector = props && props.to;
-    if (isString(targetSelector)) {
-        if (!select) {
-            warn(`Current renderer does not support string target for Teleports. ` +
-                    `(missing querySelector renderer option)`);
-            return null;
-        }
-        else {
-            const target = select(targetSelector);
-            if (!target) {
-                warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
-                        `Note the target element must exist before the component is mounted - ` +
-                        `i.e. the target cannot be rendered by the component itself, and ` +
-                        `ideally should be outside of the entire Vue component tree.`);
-            }
-            return target;
+    // validate key
+    if (vnode.key !== vnode.key) {
+        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    }
+    // track vnode for block tree
+    if (isBlockTreeEnabled > 0 &&
+        // avoid a block node from tracking itself
+        !isBlockNode &&
+        // has current parent block
+        currentBlock &&
+        // presence of a patch flag indicates this node needs patching on updates.
+        // component nodes also should always be patched, because even if the
+        // component doesn't need to update, it needs to persist the instance on to
+        // the next vnode so that it can be properly unmounted later.
+        (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
+        // the EVENTS flag is only for hydration and if it is the only flag, the
+        // vnode should not be considered dynamic due to handler caching.
+        vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) {
+        currentBlock.push(vnode);
+    }
+    {
+        convertLegacyVModelProps(vnode);
+        convertLegacyRefInFor(vnode);
+        defineLegacyVNodeProperties(vnode);
+    }
+    return vnode;
+}
+const createVNode = (createVNodeWithArgsTransform );
+function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
+    if (!type || type === NULL_DYNAMIC_COMPONENT) {
+        if (!type) {
+            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
         }
+        type = Comment$1;
     }
-    else {
-        if (!targetSelector && !isTeleportDisabled(props)) {
-            warn(`Invalid Teleport target: ${targetSelector}`);
+    if (isVNode(type)) {
+        // createVNode receiving an existing vnode. This happens in cases like
+        // <component :is="vnode"/>
+        // #2078 make sure to merge refs during the clone instead of overwriting it
+        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
+        if (children) {
+            normalizeChildren(cloned, children);
         }
-        return targetSelector;
+        return cloned;
     }
-};
-const TeleportImpl = {
-    __isTeleport: true,
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
-        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
-        const disabled = isTeleportDisabled(n2.props);
-        let { shapeFlag, children, dynamicChildren } = n2;
-        // #3302
-        // HMR updated, force full diff
-        if (isHmrUpdating) {
-            optimized = false;
-            dynamicChildren = null;
-        }
-        if (n1 == null) {
-            // insert anchors in the main view
-            const placeholder = (n2.el = createComment('teleport start')
-                );
-            const mainAnchor = (n2.anchor = createComment('teleport end')
-                );
-            insert(placeholder, container, anchor);
-            insert(mainAnchor, container, anchor);
-            const target = (n2.target = resolveTarget(n2.props, querySelector));
-            const targetAnchor = (n2.targetAnchor = createText(''));
-            if (target) {
-                insert(targetAnchor, target);
-                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
-                isSVG = isSVG || isTargetSVG(target);
-            }
-            else if (!disabled) {
-                warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
-            }
-            const mount = (container, anchor) => {
-                // Teleport *always* has Array children. This is enforced in both the
-                // compiler and vnode children normalization.
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                }
-            };
-            if (disabled) {
-                mount(container, mainAnchor);
-            }
-            else if (target) {
-                mount(target, targetAnchor);
-            }
-        }
-        else {
-            // update content
-            n2.el = n1.el;
-            const mainAnchor = (n2.anchor = n1.anchor);
-            const target = (n2.target = n1.target);
-            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
-            const wasDisabled = isTeleportDisabled(n1.props);
-            const currentContainer = wasDisabled ? container : target;
-            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
-            isSVG = isSVG || isTargetSVG(target);
-            if (dynamicChildren) {
-                // fast path when the teleport happens to be a block root
-                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
-                // even in block tree mode we need to make sure all root-level nodes
-                // in the teleport inherit previous DOM references so that they can
-                // be moved in future patches.
-                traverseStaticChildren(n1, n2, true);
-            }
-            else if (!optimized) {
-                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
-            }
-            if (disabled) {
-                if (!wasDisabled) {
-                    // enabled -> disabled
-                    // move into main container
-                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
-                }
-            }
-            else {
-                // target changed
-                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
-                    if (nextTarget) {
-                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
-                    }
-                    else {
-                        warn('Invalid Teleport target on update:', target, `(${typeof target})`);
-                    }
-                }
-                else if (wasDisabled) {
-                    // disabled -> enabled
-                    // move into teleport target
-                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
-                }
-            }
-        }
-    },
-    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
-        if (target) {
-            hostRemove(targetAnchor);
-        }
-        // an unmounted teleport should always remove its children if not disabled
-        if (doRemove || !isTeleportDisabled(props)) {
-            hostRemove(anchor);
-            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                for (let i = 0; i < children.length; i++) {
-                    const child = children[i];
-                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
-                }
-            }
-        }
-    },
-    move: moveTeleport,
-    hydrate: hydrateTeleport
-};
-function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
-    // move target anchor if this is a target change.
-    if (moveType === 0 /* TARGET_CHANGE */) {
-        insert(vnode.targetAnchor, container, parentAnchor);
+    // class component normalization.
+    if (isClassComponent(type)) {
+        type = type.__vccOpts;
     }
-    const { el, anchor, shapeFlag, children, props } = vnode;
-    const isReorder = moveType === 2 /* REORDER */;
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(el, container, parentAnchor);
+    // 2.x async/functional component compat
+    {
+        type = convertLegacyComponent(type, currentRenderingInstance);
     }
-    // if this is a re-order and teleport is enabled (content is in target)
-    // do not move children. So the opposite is: only move children if this
-    // is not a reorder, or the teleport is disabled
-    if (!isReorder || isTeleportDisabled(props)) {
-        // Teleport has either Array children or no children.
-        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            for (let i = 0; i < children.length; i++) {
-                move(children[i], container, parentAnchor, 2 /* REORDER */);
+    // class & style normalization.
+    if (props) {
+        // for reactive or proxy objects, we need to clone it to enable mutation.
+        props = guardReactiveProps(props);
+        let { class: klass, style } = props;
+        if (klass && !isString(klass)) {
+            props.class = normalizeClass(klass);
+        }
+        if (isObject(style)) {
+            // reactive state objects need to be cloned since they are likely to be
+            // mutated
+            if (isProxy(style) && !isArray(style)) {
+                style = extend({}, style);
             }
+            props.style = normalizeStyle(style);
         }
     }
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(anchor, container, parentAnchor);
+    // encode the vnode type information into a bitmap
+    const shapeFlag = isString(type)
+        ? 1 /* ELEMENT */
+        : isSuspense(type)
+            ? 128 /* SUSPENSE */
+            : isTeleport(type)
+                ? 64 /* TELEPORT */
+                : isObject(type)
+                    ? 4 /* STATEFUL_COMPONENT */
+                    : isFunction(type)
+                        ? 2 /* FUNCTIONAL_COMPONENT */
+                        : 0;
+    if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
+        type = toRaw(type);
+        warn$1(`Vue received a Component which was made a reactive object. This can ` +
+            `lead to unnecessary performance overhead, and should be avoided by ` +
+            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
+            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
     }
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
 }
-function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
-    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
-    if (target) {
-        // if multiple teleports rendered to the same target element, we need to
-        // pick up from where the last teleport finished instead of the first node
-        const targetNode = target._lpa || target.firstChild;
-        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            if (isTeleportDisabled(vnode.props)) {
-                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-                vnode.targetAnchor = targetNode;
-            }
-            else {
-                vnode.anchor = nextSibling(node);
-                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
-            }
-            target._lpa =
-                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-        }
+function guardReactiveProps(props) {
+    if (!props)
+        return null;
+    return isProxy(props) || InternalObjectKey in props
+        ? extend({}, props)
+        : props;
+}
+function cloneVNode(vnode, extraProps, mergeRef = false) {
+    // This is intentionally NOT using spread or extend to avoid the runtime
+    // key enumeration cost.
+    const { props, ref, patchFlag, children } = vnode;
+    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
+    const cloned = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type: vnode.type,
+        props: mergedProps,
+        key: mergedProps && normalizeKey(mergedProps),
+        ref: extraProps && extraProps.ref
+            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
+                // if the vnode itself already has a ref, cloneVNode will need to merge
+                // the refs so the single vnode can be set on multiple refs
+                mergeRef && ref
+                    ? isArray(ref)
+                        ? ref.concat(normalizeRef(extraProps))
+                        : [ref, normalizeRef(extraProps)]
+                    : normalizeRef(extraProps)
+            : ref,
+        scopeId: vnode.scopeId,
+        slotScopeIds: vnode.slotScopeIds,
+        children: patchFlag === -1 /* HOISTED */ && isArray(children)
+            ? children.map(deepCloneVNode)
+            : children,
+        target: vnode.target,
+        targetAnchor: vnode.targetAnchor,
+        staticCount: vnode.staticCount,
+        shapeFlag: vnode.shapeFlag,
+        // if the vnode is cloned with extra props, we can no longer assume its
+        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
+        // note: perserve flag for fragments since they use the flag for children
+        // fast paths only.
+        patchFlag: extraProps && vnode.type !== Fragment
+            ? patchFlag === -1 // hoisted node
+                ? 16 /* FULL_PROPS */
+                : patchFlag | 16 /* FULL_PROPS */
+            : patchFlag,
+        dynamicProps: vnode.dynamicProps,
+        dynamicChildren: vnode.dynamicChildren,
+        appContext: vnode.appContext,
+        dirs: vnode.dirs,
+        transition: vnode.transition,
+        // These should technically only be non-null on mounted VNodes. However,
+        // they *should* be copied for kept-alive vnodes. So we just always copy
+        // them since them being non-null during a mount doesn't affect the logic as
+        // they will simply be overwritten.
+        component: vnode.component,
+        suspense: vnode.suspense,
+        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
+        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
+        el: vnode.el,
+        anchor: vnode.anchor
+    };
+    {
+        defineLegacyVNodeProperties(cloned);
     }
-    return vnode.anchor && nextSibling(vnode.anchor);
+    return cloned;
 }
-// Force-casted public typing for h and TSX props inference
-const Teleport = TeleportImpl;
-
-const COMPONENTS = 'components';
-const DIRECTIVES = 'directives';
-const FILTERS = 'filters';
 /**
- * @private
+ * Dev only, for HMR of hoisted vnodes reused in v-for
+ * https://github.com/vitejs/vite/issues/2022
  */
-function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+function deepCloneVNode(vnode) {
+    const cloned = cloneVNode(vnode);
+    if (isArray(vnode.children)) {
+        cloned.children = vnode.children.map(deepCloneVNode);
+    }
+    return cloned;
 }
-const NULL_DYNAMIC_COMPONENT = Symbol();
 /**
  * @private
  */
-function resolveDynamicComponent(component) {
-    if (isString(component)) {
-        return resolveAsset(COMPONENTS, component, false) || component;
-    }
-    else {
-        // invalid types will fallthrough to createVNode and raise warning
-        return (component || NULL_DYNAMIC_COMPONENT);
-    }
+function createTextVNode(text = ' ', flag = 0) {
+    return createVNode(Text, null, text, flag);
 }
 /**
  * @private
  */
-function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
+function createStaticVNode(content, numberOfNodes) {
+    // A static vnode can contain multiple stringified elements, and the number
+    // of elements is necessary for hydration.
+    const vnode = createVNode(Static, null, content);
+    vnode.staticCount = numberOfNodes;
+    return vnode;
 }
 /**
- * v2 compat only
- * @internal
+ * @private
  */
-function resolveFilter(name) {
-    return resolveAsset(FILTERS, name);
+function createCommentVNode(text = '', 
+// when used as the v-else branch, the comment node must be created as a
+// block to ensure correct updates.
+asBlock = false) {
+    return asBlock
+        ? (openBlock(), createBlock(Comment$1, null, text))
+        : createVNode(Comment$1, null, text);
 }
-// implementation
-function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    const instance = currentRenderingInstance || currentInstance;
-    if (instance) {
-        const Component = instance.type;
-        // explicit self name has highest priority
-        if (type === COMPONENTS) {
-            const selfName = getComponentName(Component);
-            if (selfName &&
-                (selfName === name ||
-                    selfName === camelize(name) ||
-                    selfName === capitalize(camelize(name)))) {
-                return Component;
-            }
-        }
-        const res = 
-        // local registration
-        // check instance[type] first which is resolved for options API
-        resolve(instance[type] || Component[type], name) ||
-            // global registration
-            resolve(instance.appContext[type], name);
-        if (!res && maybeSelfReference) {
-            // fallback to implicit self-reference
-            return Component;
-        }
-        if (warnMissing && !res) {
-            warn(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
-        }
-        return res;
+function normalizeVNode(child) {
+    if (child == null || typeof child === 'boolean') {
+        // empty placeholder
+        return createVNode(Comment$1);
+    }
+    else if (isArray(child)) {
+        // fragment
+        return createVNode(Fragment, null, 
+        // #3666, avoid reference pollution when reusing vnode
+        child.slice());
+    }
+    else if (typeof child === 'object') {
+        // already vnode, this should be the most common since compiled templates
+        // always produce all-vnode children arrays
+        return cloneIfMounted(child);
     }
     else {
-        warn(`resolve${capitalize(type.slice(0, -1))} ` +
-            `can only be used in render() or setup().`);
+        // strings and numbers
+        return createVNode(Text, null, String(child));
     }
 }
-function resolve(registry, name) {
-    return (registry &&
-        (registry[name] ||
-            registry[camelize(name)] ||
-            registry[capitalize(camelize(name))]));
-}
-
-const normalizedAsyncComponentMap = new Map();
-function convertLegacyAsyncComponent(comp) {
-    if (normalizedAsyncComponentMap.has(comp)) {
-        return normalizedAsyncComponentMap.get(comp);
+// optimized normalization for template-compiled render fns
+function cloneIfMounted(child) {
+    return child.el === null || child.memo ? child : cloneVNode(child);
+}
+function normalizeChildren(vnode, children) {
+    let type = 0;
+    const { shapeFlag } = vnode;
+    if (children == null) {
+        children = null;
     }
-    // we have to call the function here due to how v2's API won't expose the
-    // options until we call it
-    let resolve;
-    let reject;
-    const fallbackPromise = new Promise((r, rj) => {
-        (resolve = r), (reject = rj);
-    });
-    const res = comp(resolve, reject);
-    let converted;
-    if (isPromise(res)) {
-        converted = defineAsyncComponent(() => res);
+    else if (isArray(children)) {
+        type = 16 /* ARRAY_CHILDREN */;
     }
-    else if (isObject(res) && !isVNode(res) && !isArray(res)) {
-        converted = defineAsyncComponent({
-            loader: () => res.component,
-            loadingComponent: res.loading,
-            errorComponent: res.error,
-            delay: res.delay,
-            timeout: res.timeout
-        });
+    else if (typeof children === 'object') {
+        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
+            // Normalize slot to plain children for plain element and Teleport
+            const slot = children.default;
+            if (slot) {
+                // _c marker is added by withCtx() indicating this is a compiled slot
+                slot._c && (slot._d = false);
+                normalizeChildren(vnode, slot());
+                slot._c && (slot._d = true);
+            }
+            return;
+        }
+        else {
+            type = 32 /* SLOTS_CHILDREN */;
+            const slotFlag = children._;
+            if (!slotFlag && !(InternalObjectKey in children)) {
+                children._ctx = currentRenderingInstance;
+            }
+            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
+                // a child component receives forwarded slots from the parent.
+                // its slot type is determined by its parent's slot type.
+                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
+                    children._ = 1 /* STABLE */;
+                }
+                else {
+                    children._ = 2 /* DYNAMIC */;
+                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                }
+            }
+        }
     }
-    else if (res == null) {
-        converted = defineAsyncComponent(() => fallbackPromise);
+    else if (isFunction(children)) {
+        children = { default: children, _ctx: currentRenderingInstance };
+        type = 32 /* SLOTS_CHILDREN */;
     }
     else {
-        converted = comp; // probably a v3 functional comp
-    }
-    normalizedAsyncComponentMap.set(comp, converted);
-    return converted;
-}
-
-function getCompatListeners(instance) {
-    assertCompatEnabled("INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */, instance);
-    const listeners = {};
-    const rawProps = instance.vnode.props;
-    if (!rawProps) {
-        return listeners;
+        children = String(children);
+        // force teleport children to array so it can be moved around
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type = 16 /* ARRAY_CHILDREN */;
+            children = [createTextVNode(children)];
+        }
+        else {
+            type = 8 /* TEXT_CHILDREN */;
+        }
     }
-    for (const key in rawProps) {
-        if (isOn(key)) {
-            listeners[key[2].toLowerCase() + key.slice(3)] = rawProps[key];
+    vnode.children = children;
+    vnode.shapeFlag |= type;
+}
+function mergeProps(...args) {
+    const ret = {};
+    for (let i = 0; i < args.length; i++) {
+        const toMerge = args[i];
+        for (const key in toMerge) {
+            if (key === 'class') {
+                if (ret.class !== toMerge.class) {
+                    ret.class = normalizeClass([ret.class, toMerge.class]);
+                }
+            }
+            else if (key === 'style') {
+                ret.style = normalizeStyle([ret.style, toMerge.style]);
+            }
+            else if (isOn(key)) {
+                const existing = ret[key];
+                const incoming = toMerge[key];
+                if (existing !== incoming) {
+                    ret[key] = existing
+                        ? [].concat(existing, incoming)
+                        : incoming;
+                }
+            }
+            else if (key !== '') {
+                ret[key] = toMerge[key];
+            }
         }
     }
-    return listeners;
+    return ret;
 }
 
-const v3CompiledRenderFnRE = /^(?:function \w*)?\(_ctx, _cache/;
-function convertLegacyRenderFn(instance) {
-    const Component = instance.type;
-    const render = Component.render;
-    // v3 runtime compiled, or already checked / wrapped
-    if (!render || render._rc || render._compatChecked || render._compatWrapped) {
-        return;
+function getCompatChildren(instance) {
+    assertCompatEnabled("INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */, instance);
+    const root = instance.subTree;
+    const children = [];
+    if (root) {
+        walk(root, children);
     }
-    if (v3CompiledRenderFnRE.test(render.toString())) {
-        // v3 pre-compiled function
-        render._compatChecked = true;
-        return;
+    return children;
+}
+function walk(vnode, children) {
+    if (vnode.component) {
+        children.push(vnode.component.proxy);
     }
-    // v2 render function, try to provide compat
-    if (checkCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, instance)) {
-        const wrapped = (Component.render = function compatRender() {
-            // @ts-ignore
-            return render.call(this, compatH);
-        });
-        // @ts-ignore
-        wrapped._compatWrapped = true;
+    else if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
+        const vnodes = vnode.children;
+        for (let i = 0; i < vnodes.length; i++) {
+            walk(vnodes[i], children);
+        }
     }
-}
-function compatH(type, propsOrChildren, children) {
-    if (!type) {
-        type = Comment$1;
+}
+
+/**
+ * Actual implementation
+ */
+function renderList(source, renderItem, cache, index) {
+    let ret;
+    const cached = (cache && cache[index]);
+    if (isArray(source) || isString(source)) {
+        ret = new Array(source.length);
+        for (let i = 0, l = source.length; i < l; i++) {
+            ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
+        }
     }
-    // to support v2 string component name look!up
-    if (typeof type === 'string') {
-        const t = hyphenate(type);
-        if (t === 'transition' || t === 'transition-group' || t === 'keep-alive') {
-            // since transition and transition-group are runtime-dom-specific,
-            // we cannot import them directly here. Instead they are registered using
-            // special keys in @vue/compat entry.
-            type = `__compat__${t}`;
+    else if (typeof source === 'number') {
+        if (!Number.isInteger(source)) {
+            warn$1(`The v-for range expect an integer value but got ${source}.`);
+            return [];
+        }
+        ret = new Array(source);
+        for (let i = 0; i < source; i++) {
+            ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
         }
-        type = resolveDynamicComponent(type);
     }
-    const l = arguments.length;
-    const is2ndArgArrayChildren = isArray(propsOrChildren);
-    if (l === 2 || is2ndArgArrayChildren) {
-        if (isObject(propsOrChildren) && !is2ndArgArrayChildren) {
-            // single vnode without props
-            if (isVNode(propsOrChildren)) {
-                return convertLegacySlots(createVNode(type, null, [propsOrChildren]));
-            }
-            // props without children
-            return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type)), propsOrChildren));
+    else if (isObject(source)) {
+        if (source[Symbol.iterator]) {
+            ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
         }
         else {
-            // omit props
-            return convertLegacySlots(createVNode(type, null, propsOrChildren));
+            const keys = Object.keys(source);
+            ret = new Array(keys.length);
+            for (let i = 0, l = keys.length; i < l; i++) {
+                const key = keys[i];
+                ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+            }
         }
     }
     else {
-        if (isVNode(children)) {
-            children = [children];
-        }
-        return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type), children), propsOrChildren));
+        ret = [];
     }
-}
-const skipLegacyRootLevelProps = /*#__PURE__*/ makeMap('staticStyle,staticClass,directives,model,hook');
-function convertLegacyProps(legacyProps, type) {
-    if (!legacyProps) {
-        return null;
+    if (cache) {
+        cache[index] = ret;
     }
-    const converted = {};
-    for (const key in legacyProps) {
-        if (key === 'attrs' || key === 'domProps' || key === 'props') {
-            extend(converted, legacyProps[key]);
-        }
-        else if (key === 'on' || key === 'nativeOn') {
-            const listeners = legacyProps[key];
-            for (const event in listeners) {
-                let handlerKey = convertLegacyEventKey(event);
-                if (key === 'nativeOn')
-                    handlerKey += `Native`;
-                const existing = converted[handlerKey];
-                const incoming = listeners[event];
-                if (existing !== incoming) {
-                    if (existing) {
-                        converted[handlerKey] = [].concat(existing, incoming);
-                    }
-                    else {
-                        converted[handlerKey] = incoming;
-                    }
-                }
+    return ret;
+}
+
+/**
+ * Compiler runtime helper for creating dynamic slots object
+ * @private
+ */
+function createSlots(slots, dynamicSlots) {
+    for (let i = 0; i < dynamicSlots.length; i++) {
+        const slot = dynamicSlots[i];
+        // array of dynamic slot generated by <template v-for="..." #[...]>
+        if (isArray(slot)) {
+            for (let j = 0; j < slot.length; j++) {
+                slots[slot[j].name] = slot[j].fn;
             }
         }
-        else if (!skipLegacyRootLevelProps(key)) {
-            converted[key] = legacyProps[key];
+        else if (slot) {
+            // conditional single slot generated by <template v-if="..." #foo>
+            slots[slot.name] = slot.fn;
         }
     }
-    if (legacyProps.staticClass) {
-        converted.class = normalizeClass([legacyProps.staticClass, converted.class]);
+    return slots;
+}
+
+/**
+ * Compiler runtime helper for rendering `<slot/>`
+ * @private
+ */
+function renderSlot(slots, name, props = {}, 
+// this is not a user-facing function, so the fallback is always generated by
+// the compiler and guaranteed to be a function returning an array
+fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
     }
-    if (legacyProps.staticStyle) {
-        converted.style = normalizeStyle([legacyProps.staticStyle, converted.style]);
+    let slot = slots[name];
+    if (slot && slot.length > 1) {
+        warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+            `function. You need to mark this component with $dynamic-slots in the ` +
+            `parent template.`);
+        slot = () => [];
     }
-    if (legacyProps.model && isObject(type)) {
-        // v2 compiled component v-model
-        const { prop = 'value', event = 'input' } = type.model || {};
-        converted[prop] = legacyProps.model.value;
-        converted[compatModelEventPrefix + event] = legacyProps.model.callback;
+    // a compiled slot disables block tracking by default to avoid manual
+    // invocation interfering with template-based block tracking, but in
+    // `renderSlot` we can be sure that it's template-based so we can force
+    // enable it.
+    if (slot && slot._c) {
+        slot._d = false;
     }
-    return converted;
+    openBlock();
+    const validSlotContent = slot && ensureValidVNode(slot(props));
+    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
+        ? 64 /* STABLE_FRAGMENT */
+        : -2 /* BAIL */);
+    if (!noSlotted && rendered.scopeId) {
+        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    }
+    if (slot && slot._c) {
+        slot._d = true;
+    }
+    return rendered;
 }
-function convertLegacyEventKey(event) {
-    // normalize v2 event prefixes
-    if (event[0] === '&') {
-        event = event.slice(1) + 'Passive';
+function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+        if (!isVNode(child))
+            return true;
+        if (child.type === Comment$1)
+            return false;
+        if (child.type === Fragment &&
+            !ensureValidVNode(child.children))
+            return false;
+        return true;
+    })
+        ? vnodes
+        : null;
+}
+
+/**
+ * For prefixing keys in v-on="obj" with "on"
+ * @private
+ */
+function toHandlers(obj) {
+    const ret = {};
+    if (!isObject(obj)) {
+        warn$1(`v-on with no argument expects an object value.`);
+        return ret;
     }
-    if (event[0] === '~') {
-        event = event.slice(1) + 'Once';
+    for (const key in obj) {
+        ret[toHandlerKey(key)] = obj[key];
     }
-    if (event[0] === '!') {
-        event = event.slice(1) + 'Capture';
+    return ret;
+}
+
+function toObject(arr) {
+    const res = {};
+    for (let i = 0; i < arr.length; i++) {
+        if (arr[i]) {
+            extend(res, arr[i]);
+        }
     }
-    return toHandlerKey(event);
+    return res;
 }
-function convertLegacyDirectives(vnode, props) {
-    if (props && props.directives) {
-        return withDirectives(vnode, props.directives.map(({ name, value, arg, modifiers }) => {
-            return [
-                resolveDirective(name),
-                value,
-                arg,
-                modifiers
-            ];
-        }));
+function legacyBindObjectProps(data, _tag, value, _asProp, isSync) {
+    if (value && isObject(value)) {
+        if (isArray(value)) {
+            value = toObject(value);
+        }
+        for (const key in value) {
+            if (isReservedProp(key)) {
+                data[key] = value[key];
+            }
+            else if (key === 'class') {
+                data.class = normalizeClass([data.class, value.class]);
+            }
+            else if (key === 'style') {
+                data.style = normalizeClass([data.style, value.style]);
+            }
+            else {
+                const attrs = data.attrs || (data.attrs = {});
+                const camelizedKey = camelize(key);
+                const hyphenatedKey = hyphenate(key);
+                if (!(camelizedKey in attrs) && !(hyphenatedKey in attrs)) {
+                    attrs[key] = value[key];
+                    if (isSync) {
+                        const on = data.on || (data.on = {});
+                        on[`update:${key}`] = function ($event) {
+                            value[key] = $event;
+                        };
+                    }
+                }
+            }
+        }
     }
-    return vnode;
+    return data;
 }
-function convertLegacySlots(vnode) {
-    const { props, children } = vnode;
-    let slots;
-    if (vnode.shapeFlag & 6 /* COMPONENT */ && isArray(children)) {
-        slots = {};
-        // check "slot" property on vnodes and turn them into v3 function slots
-        for (let i = 0; i < children.length; i++) {
-            const child = children[i];
-            const slotName = (isVNode(child) && child.props && child.props.slot) || 'default';
-            const slot = slots[slotName] || (slots[slotName] = []);
-            if (isVNode(child) && child.type === 'template') {
-                slot.push(child.children);
+function legacyBindObjectListeners(props, listeners) {
+    return mergeProps(props, toHandlers(listeners));
+}
+function legacyRenderSlot(instance, name, fallback, props, bindObject) {
+    if (bindObject) {
+        props = mergeProps(props, bindObject);
+    }
+    return renderSlot(instance.slots, name, props, fallback && (() => fallback));
+}
+function legacyresolveScopedSlots(fns, raw, 
+// the following are added in 2.6
+hasDynamicKeys) {
+    // v2 default slot doesn't have name
+    return createSlots(raw || { $stable: !hasDynamicKeys }, mapKeyToName(fns));
+}
+function mapKeyToName(slots) {
+    for (let i = 0; i < slots.length; i++) {
+        const fn = slots[i];
+        if (fn) {
+            if (isArray(fn)) {
+                mapKeyToName(fn);
             }
             else {
-                slot.push(child);
-            }
-        }
-        if (slots) {
-            for (const key in slots) {
-                const slotChildren = slots[key];
-                slots[key] = () => slotChildren;
-                slots[key]._ns = true; /* non-scoped slot */
+                fn.name = fn.key || 'default';
             }
         }
     }
-    const scopedSlots = props && props.scopedSlots;
-    if (scopedSlots) {
-        delete props.scopedSlots;
-        if (slots) {
-            extend(slots, scopedSlots);
-        }
-        else {
-            slots = scopedSlots;
-        }
-    }
-    if (slots) {
-        normalizeChildren(vnode, slots);
-    }
-    return vnode;
+    return slots;
 }
-function defineLegacyVNodeProperties(vnode) {
-    /* istanbul ignore if */
-    if (isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, currentRenderingInstance, true /* enable for built-ins */) &&
-        isCompatEnabled("PRIVATE_APIS" /* PRIVATE_APIS */, currentRenderingInstance, true /* enable for built-ins */)) {
-        const context = currentRenderingInstance;
-        const getInstance = () => vnode.component && vnode.component.proxy;
-        let componentOptions;
-        Object.defineProperties(vnode, {
-            tag: { get: () => vnode.type },
-            data: { get: () => vnode.props || {}, set: p => (vnode.props = p) },
-            elm: { get: () => vnode.el },
-            componentInstance: { get: getInstance },
-            child: { get: getInstance },
-            text: { get: () => (isString(vnode.children) ? vnode.children : null) },
-            context: { get: () => context && context.proxy },
-            componentOptions: {
-                get: () => {
-                    if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) {
-                        if (componentOptions) {
-                            return componentOptions;
-                        }
-                        return (componentOptions = {
-                            Ctor: vnode.type,
-                            propsData: vnode.props,
-                            children: vnode.children
-                        });
-                    }
-                }
-            }
-        });
+const staticCacheMap = /*#__PURE__*/ new WeakMap();
+function legacyRenderStatic(instance, index) {
+    let cache = staticCacheMap.get(instance);
+    if (!cache) {
+        staticCacheMap.set(instance, (cache = []));
     }
-}
-
-const normalizedFunctionalComponentMap = new Map();
-const legacySlotProxyHandlers = {
-    get(target, key) {
-        const slot = target[key];
-        return slot && slot();
+    if (cache[index]) {
+        return cache[index];
     }
-};
-function convertLegacyFunctionalComponent(comp) {
-    if (normalizedFunctionalComponentMap.has(comp)) {
-        return normalizedFunctionalComponentMap.get(comp);
+    const fn = instance.type.staticRenderFns[index];
+    const ctx = instance.proxy;
+    return (cache[index] = fn.call(ctx, null, ctx));
+}
+function legacyCheckKeyCodes(instance, eventKeyCode, key, builtInKeyCode, eventKeyName, builtInKeyName) {
+    const config = instance.appContext.config;
+    const configKeyCodes = config.keyCodes || {};
+    const mappedKeyCode = configKeyCodes[key] || builtInKeyCode;
+    if (builtInKeyName && eventKeyName && !configKeyCodes[key]) {
+        return isKeyNotMatch(builtInKeyName, eventKeyName);
     }
-    const legacyFn = comp.render;
-    const Func = (props, ctx) => {
-        const instance = getCurrentInstance();
-        const legacyCtx = {
-            props,
-            children: instance.vnode.children || [],
-            data: instance.vnode.props || {},
-            scopedSlots: ctx.slots,
-            parent: instance.parent && instance.parent.proxy,
-            slots() {
-                return new Proxy(ctx.slots, legacySlotProxyHandlers);
-            },
-            get listeners() {
-                return getCompatListeners(instance);
-            },
-            get injections() {
-                if (comp.inject) {
-                    const injections = {};
-                    resolveInjections(comp.inject, injections);
-                    return injections;
-                }
-                return {};
-            }
-        };
-        return legacyFn(compatH, legacyCtx);
-    };
-    Func.props = comp.props;
-    Func.displayName = comp.name;
-    // v2 functional components do not inherit attrs
-    Func.inheritAttrs = false;
-    normalizedFunctionalComponentMap.set(comp, Func);
-    return Func;
-}
-
-function convertLegacyComponent(comp, instance) {
-    if (comp.__isBuiltIn) {
-        return comp;
+    else if (mappedKeyCode) {
+        return isKeyNotMatch(mappedKeyCode, eventKeyCode);
     }
-    // 2.x constructor
-    if (isFunction(comp) && comp.cid) {
-        comp = comp.options;
+    else if (eventKeyName) {
+        return hyphenate(eventKeyName) !== key;
     }
-    // 2.x async component
-    if (isFunction(comp) &&
-        checkCompatEnabled("COMPONENT_ASYNC" /* COMPONENT_ASYNC */, instance, comp)) {
-        // since after disabling this, plain functions are still valid usage, do not
-        // use softAssert here.
-        return convertLegacyAsyncComponent(comp);
+}
+function isKeyNotMatch(expect, actual) {
+    if (isArray(expect)) {
+        return expect.indexOf(actual) === -1;
     }
-    // 2.x functional component
-    if (isObject(comp) &&
-        comp.functional &&
-        softAssertCompatEnabled("COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */, instance, comp)) {
-        return convertLegacyFunctionalComponent(comp);
+    else {
+        return expect !== actual;
     }
-    return comp;
-}
-
-const Fragment = Symbol('Fragment' );
-const Text = Symbol('Text' );
-const Comment$1 = Symbol('Comment' );
-const Static = Symbol('Static' );
-// Since v-if and v-for are the two possible ways node structure can dynamically
-// change, once we consider v-if branches and each v-for fragment a block, we
-// can divide a template into nested blocks, and within each block the node
-// structure would be stable. This allows us to skip most children diffing
-// and only worry about the dynamic nodes (indicated by patch flags).
-const blockStack = [];
-let currentBlock = null;
-/**
- * Open a block.
- * This must be called before `createBlock`. It cannot be part of `createBlock`
- * because the children of the block are evaluated before `createBlock` itself
- * is called. The generated code typically looks like this:
- *
- * ```js
- * function render() {
- *   return (openBlock(),createBlock('div', null, [...]))
- * }
- * ```
- * disableTracking is true when creating a v-for fragment block, since a v-for
- * fragment always diffs its children.
- *
- * @private
- */
-function openBlock(disableTracking = false) {
-    blockStack.push((currentBlock = disableTracking ? null : []));
-}
-function closeBlock() {
-    blockStack.pop();
-    currentBlock = blockStack[blockStack.length - 1] || null;
 }
-// Whether we should be tracking dynamic child nodes inside a block.
-// Only tracks when this value is > 0
-// We are not using a simple boolean because this value may need to be
-// incremented/decremented by nested usage of v-once (see below)
-let isBlockTreeEnabled = 1;
-/**
- * Block tracking sometimes needs to be disabled, for example during the
- * creation of a tree that needs to be cached by v-once. The compiler generates
- * code like this:
- *
- * ``` js
- * _cache[1] || (
- *   setBlockTracking(-1),
- *   _cache[1] = createVNode(...),
- *   setBlockTracking(1),
- *   _cache[1]
- * )
- * ```
- *
- * @private
- */
-function setBlockTracking(value) {
-    isBlockTreeEnabled += value;
+function legacyMarkOnce(tree) {
+    return tree;
 }
-/**
- * Create a block root vnode. Takes the same exact arguments as `createVNode`.
- * A block root keeps track of dynamic nodes within the block in the
- * `dynamicChildren` array.
- *
- * @private
- */
-function createBlock(type, props, children, patchFlag, dynamicProps) {
-    const vnode = createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */);
-    // save current block children on the block vnode
-    vnode.dynamicChildren =
-        isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
-    // close block
-    closeBlock();
-    // a block is always going to be patched, so track it as a child of its
-    // parent block
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-        currentBlock.push(vnode);
+function legacyBindDynamicKeys(props, values) {
+    for (let i = 0; i < values.length; i += 2) {
+        const key = values[i];
+        if (typeof key === 'string' && key) {
+            props[values[i]] = values[i + 1];
+        }
     }
-    return vnode;
-}
-function isVNode(value) {
-    return value ? value.__v_isVNode === true : false;
+    return props;
 }
-function isSameVNodeType(n1, n2) {
-    if (n2.shapeFlag & 6 /* COMPONENT */ &&
-        hmrDirtyComponents.has(n2.type)) {
-        // HMR only: if the component has been hot-updated, force a reload.
-        return false;
+function legacyPrependModifier(value, symbol) {
+    return typeof value === 'string' ? symbol + value : value;
+}
+
+function installCompatInstanceProperties(map) {
+    const set = (target, key, val) => {
+        target[key] = val;
+    };
+    const del = (target, key) => {
+        delete target[key];
+    };
+    extend(map, {
+        $set: i => {
+            assertCompatEnabled("INSTANCE_SET" /* INSTANCE_SET */, i);
+            return set;
+        },
+        $delete: i => {
+            assertCompatEnabled("INSTANCE_DELETE" /* INSTANCE_DELETE */, i);
+            return del;
+        },
+        $mount: i => {
+            assertCompatEnabled("GLOBAL_MOUNT" /* GLOBAL_MOUNT */, null /* this warning is global */);
+            // root mount override from ./global.ts in installCompatMount
+            return i.ctx._compat_mount || NOOP;
+        },
+        $destroy: i => {
+            assertCompatEnabled("INSTANCE_DESTROY" /* INSTANCE_DESTROY */, i);
+            // root destroy override from ./global.ts in installCompatMount
+            return i.ctx._compat_destroy || NOOP;
+        },
+        // overrides existing accessor
+        $slots: i => {
+            if (isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, i) &&
+                i.render &&
+                i.render._compatWrapped) {
+                return new Proxy(i.slots, legacySlotProxyHandlers);
+            }
+            return shallowReadonly(i.slots) ;
+        },
+        $scopedSlots: i => {
+            assertCompatEnabled("INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */, i);
+            const res = {};
+            for (const key in i.slots) {
+                const fn = i.slots[key];
+                if (!fn._ns /* non-scoped slot */) {
+                    res[key] = fn;
+                }
+            }
+            return res;
+        },
+        $on: i => on.bind(null, i),
+        $once: i => once.bind(null, i),
+        $off: i => off.bind(null, i),
+        $children: getCompatChildren,
+        $listeners: getCompatListeners
+    });
+    /* istanbul ignore if */
+    if (isCompatEnabled("PRIVATE_APIS" /* PRIVATE_APIS */, null)) {
+        extend(map, {
+            // needed by many libs / render fns
+            $vnode: i => i.vnode,
+            // inject addtional properties into $options for compat
+            // e.g. vuex needs this.$options.parent
+            $options: i => {
+                const res = extend({}, resolveMergedOptions(i));
+                res.parent = i.proxy.$parent;
+                res.propsData = i.vnode.props;
+                return res;
+            },
+            // some private properties that are likely accessed...
+            _self: i => i.proxy,
+            _uid: i => i.uid,
+            _data: i => i.data,
+            _isMounted: i => i.isMounted,
+            _isDestroyed: i => i.isUnmounted,
+            // v2 render helpers
+            $createElement: () => compatH,
+            _c: () => compatH,
+            _o: () => legacyMarkOnce,
+            _n: () => toNumber,
+            _s: () => toDisplayString,
+            _l: () => renderList,
+            _t: i => legacyRenderSlot.bind(null, i),
+            _q: () => looseEqual,
+            _i: () => looseIndexOf,
+            _m: i => legacyRenderStatic.bind(null, i),
+            _f: () => resolveFilter,
+            _k: i => legacyCheckKeyCodes.bind(null, i),
+            _b: () => legacyBindObjectProps,
+            _v: () => createTextVNode,
+            _e: () => createCommentVNode,
+            _u: () => legacyresolveScopedSlots,
+            _g: () => legacyBindObjectListeners,
+            _d: () => legacyBindDynamicKeys,
+            _p: () => legacyPrependModifier
+        });
     }
-    return n1.type === n2.type && n1.key === n2.key;
-}
-let vnodeArgsTransformer;
+}
+
 /**
- * Internal API for registering an arguments transform for createVNode
- * used for creating stubs in the test-utils
- * It is *internal* but needs to be exposed for test-utils to pick up proper
- * typings
+ * #2437 In Vue 3, functional components do not have a public instance proxy but
+ * they exist in the internal parent chain. For code that relies on traversing
+ * public $parent chains, skip functional ones and go to the parent instead.
  */
-function transformVNodeArgs(transformer) {
-    vnodeArgsTransformer = transformer;
-}
-const createVNodeWithArgsTransform = (...args) => {
-    return _createVNode(...(vnodeArgsTransformer
-        ? vnodeArgsTransformer(args, currentRenderingInstance)
-        : args));
-};
-const InternalObjectKey = `__vInternal`;
-const normalizeKey = ({ key }) => key != null ? key : null;
-const normalizeRef = ({ ref }) => {
-    return (ref != null
-        ? isString(ref) || isRef(ref) || isFunction(ref)
-            ? { i: currentRenderingInstance, r: ref }
-            : ref
-        : null);
+const getPublicInstance = (i) => {
+    if (!i)
+        return null;
+    if (isStatefulComponent(i))
+        return getExposeProxy(i) || i.proxy;
+    return getPublicInstance(i.parent);
 };
-const createVNode = (createVNodeWithArgsTransform
-    );
-function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-        if (!type) {
-            warn(`Invalid vnode type when creating vnode: ${type}.`);
+const publicPropertiesMap = extend(Object.create(null), {
+    $: i => i,
+    $el: i => i.vnode.el,
+    $data: i => i.data,
+    $props: i => (shallowReadonly(i.props) ),
+    $attrs: i => (shallowReadonly(i.attrs) ),
+    $slots: i => (shallowReadonly(i.slots) ),
+    $refs: i => (shallowReadonly(i.refs) ),
+    $parent: i => getPublicInstance(i.parent),
+    $root: i => getPublicInstance(i.root),
+    $emit: i => i.emit,
+    $options: i => (resolveMergedOptions(i) ),
+    $forceUpdate: i => () => queueJob(i.update),
+    $nextTick: i => nextTick.bind(i.proxy),
+    $watch: i => (instanceWatch.bind(i) )
+});
+{
+    installCompatInstanceProperties(publicPropertiesMap);
+}
+const PublicInstanceProxyHandlers = {
+    get({ _: instance }, key) {
+        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
+        // for internal formatters to know that this is a Vue instance
+        if (key === '__isVue') {
+            return true;
+        }
+        // prioritize <script setup> bindings during dev.
+        // this allows even properties that start with _ or $ to be used - so that
+        // it aligns with the production behavior where the render fn is inlined and
+        // indeed has access to all declared variables.
+        if (setupState !== EMPTY_OBJ &&
+            setupState.__isScriptSetup &&
+            hasOwn(setupState, key)) {
+            return setupState[key];
+        }
+        // data / props / ctx
+        // This getter gets called for every property access on the render context
+        // during render and is a major hotspot. The most expensive part of this
+        // is the multiple hasOwn() calls. It's much faster to do a simple property
+        // access on a plain object, so we use an accessCache object (with null
+        // prototype) to memoize what access type a key corresponds to.
+        let normalizedProps;
+        if (key[0] !== '$') {
+            const n = accessCache[key];
+            if (n !== undefined) {
+                switch (n) {
+                    case 0 /* SETUP */:
+                        return setupState[key];
+                    case 1 /* DATA */:
+                        return data[key];
+                    case 3 /* CONTEXT */:
+                        return ctx[key];
+                    case 2 /* PROPS */:
+                        return props[key];
+                    // default: just fallthrough
+                }
+            }
+            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+                accessCache[key] = 0 /* SETUP */;
+                return setupState[key];
+            }
+            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+                accessCache[key] = 1 /* DATA */;
+                return data[key];
+            }
+            else if (
+            // only cache other properties when instance has declared (thus stable)
+            // props
+            (normalizedProps = instance.propsOptions[0]) &&
+                hasOwn(normalizedProps, key)) {
+                accessCache[key] = 2 /* PROPS */;
+                return props[key];
+            }
+            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+                accessCache[key] = 3 /* CONTEXT */;
+                return ctx[key];
+            }
+            else if (shouldCacheAccess) {
+                accessCache[key] = 4 /* OTHER */;
+            }
+        }
+        const publicGetter = publicPropertiesMap[key];
+        let cssModule, globalProperties;
+        // public $xxx properties
+        if (publicGetter) {
+            if (key === '$attrs') {
+                track(instance, "get" /* GET */, key);
+                markAttrsAccessed();
+            }
+            return publicGetter(instance);
+        }
+        else if (
+        // css module (injected by vue-loader)
+        (cssModule = type.__cssModules) &&
+            (cssModule = cssModule[key])) {
+            return cssModule;
+        }
+        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+            // user may set custom properties to `this` that start with `$`
+            accessCache[key] = 3 /* CONTEXT */;
+            return ctx[key];
+        }
+        else if (
+        // global properties
+        ((globalProperties = appContext.config.globalProperties),
+            hasOwn(globalProperties, key))) {
+            {
+                const desc = Object.getOwnPropertyDescriptor(globalProperties, key);
+                if (desc.get) {
+                    return desc.get.call(instance.proxy);
+                }
+                else {
+                    const val = globalProperties[key];
+                    return isFunction(val) ? val.bind(instance.proxy) : val;
+                }
+            }
+        }
+        else if (currentRenderingInstance &&
+            (!isString(key) ||
+                // #1091 avoid internal isRef/isVNode checks on component instance leading
+                // to infinite warning loop
+                key.indexOf('__v') !== 0)) {
+            if (data !== EMPTY_OBJ &&
+                (key[0] === '$' || key[0] === '_') &&
+                hasOwn(data, key)) {
+                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                    `character ("$" or "_") and is not proxied on the render context.`);
+            }
+            else if (instance === currentRenderingInstance) {
+                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
+                    `but is not defined on instance.`);
+            }
+        }
+    },
+    set({ _: instance }, key, value) {
+        const { data, setupState, ctx } = instance;
+        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+            setupState[key] = value;
         }
-        type = Comment$1;
-    }
-    if (isVNode(type)) {
-        // createVNode receiving an existing vnode. This happens in cases like
-        // <component :is="vnode"/>
-        // #2078 make sure to merge refs during the clone instead of overwriting it
-        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
-        if (children) {
-            normalizeChildren(cloned, children);
+        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+            data[key] = value;
         }
-        return cloned;
-    }
-    // class component normalization.
-    if (isClassComponent(type)) {
-        type = type.__vccOpts;
-    }
-    // 2.x async/functional component compat
-    {
-        type = convertLegacyComponent(type, currentRenderingInstance);
-    }
-    // class & style normalization.
-    if (props) {
-        // for reactive or proxy objects, we need to clone it to enable mutation.
-        if (isProxy(props) || InternalObjectKey in props) {
-            props = extend({}, props);
+        else if (hasOwn(instance.props, key)) {
+            warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+            return false;
         }
-        let { class: klass, style } = props;
-        if (klass && !isString(klass)) {
-            props.class = normalizeClass(klass);
+        if (key[0] === '$' && key.slice(1) in instance) {
+            warn$1(`Attempting to mutate public property "${key}". ` +
+                    `Properties starting with $ are reserved and readonly.`, instance);
+            return false;
         }
-        if (isObject(style)) {
-            // reactive state objects need to be cloned since they are likely to be
-            // mutated
-            if (isProxy(style) && !isArray(style)) {
-                style = extend({}, style);
+        else {
+            if (key in instance.appContext.config.globalProperties) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    value
+                });
+            }
+            else {
+                ctx[key] = value;
             }
-            props.style = normalizeStyle(style);
         }
+        return true;
+    },
+    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
+        let normalizedProps;
+        return (accessCache[key] !== undefined ||
+            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
+            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
+            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
+            hasOwn(ctx, key) ||
+            hasOwn(publicPropertiesMap, key) ||
+            hasOwn(appContext.config.globalProperties, key));
     }
-    // encode the vnode type information into a bitmap
-    const shapeFlag = isString(type)
-        ? 1 /* ELEMENT */
-        : isSuspense(type)
-            ? 128 /* SUSPENSE */
-            : isTeleport(type)
-                ? 64 /* TELEPORT */
-                : isObject(type)
-                    ? 4 /* STATEFUL_COMPONENT */
-                    : isFunction(type)
-                        ? 2 /* FUNCTIONAL_COMPONENT */
-                        : 0;
-    if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
-        type = toRaw(type);
-        warn(`Vue received a Component which was made a reactive object. This can ` +
-            `lead to unnecessary performance overhead, and should be avoided by ` +
-            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
-            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
-    }
-    const vnode = {
-        __v_isVNode: true,
-        __v_skip: true,
-        type,
-        props,
-        key: props && normalizeKey(props),
-        ref: props && normalizeRef(props),
-        scopeId: currentScopeId,
-        slotScopeIds: null,
-        children: null,
-        component: null,
-        suspense: null,
-        ssContent: null,
-        ssFallback: null,
-        dirs: null,
-        transition: null,
-        el: null,
-        anchor: null,
-        target: null,
-        targetAnchor: null,
-        shapeFlag,
-        patchFlag,
-        dynamicProps,
-        dynamicChildren: null,
-        appContext: null
+};
+{
+    PublicInstanceProxyHandlers.ownKeys = (target) => {
+        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+            `The keys will be empty in production mode to avoid performance overhead.`);
+        return Reflect.ownKeys(target);
     };
-    // validate key
-    if (vnode.key !== vnode.key) {
-        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
-    }
-    normalizeChildren(vnode, children);
-    // normalize suspense children
-    if (shapeFlag & 128 /* SUSPENSE */) {
-        type.normalize(vnode);
-    }
-    if (isBlockTreeEnabled > 0 &&
-        // avoid a block node from tracking itself
-        !isBlockNode &&
-        // has current parent block
-        currentBlock &&
-        // presence of a patch flag indicates this node needs patching on updates.
-        // component nodes also should always be patched, because even if the
-        // component doesn't need to update, it needs to persist the instance on to
-        // the next vnode so that it can be properly unmounted later.
-        (patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
-        // the EVENTS flag is only for hydration and if it is the only flag, the
-        // vnode should not be considered dynamic due to handler caching.
-        patchFlag !== 32 /* HYDRATE_EVENTS */) {
-        currentBlock.push(vnode);
+}
+const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
+    get(target, key) {
+        // fast path for unscopables when using `with` block
+        if (key === Symbol.unscopables) {
+            return;
+        }
+        return PublicInstanceProxyHandlers.get(target, key, target);
+    },
+    has(_, key) {
+        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
+        if (!has && PublicInstanceProxyHandlers.has(_, key)) {
+            warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+        }
+        return has;
     }
-    {
-        convertLegacyVModelProps(vnode);
-        convertLegacyRefInFor(vnode);
-        defineLegacyVNodeProperties(vnode);
+});
+// dev only
+// In dev mode, the proxy target exposes the same properties as seen on `this`
+// for easier console inspection. In prod mode it will be an empty object so
+// these properties definitions can be skipped.
+function createDevRenderContext(instance) {
+    const target = {};
+    // expose internal instance for proxy handlers
+    Object.defineProperty(target, `_`, {
+        configurable: true,
+        enumerable: false,
+        get: () => instance
+    });
+    // expose public properties
+    Object.keys(publicPropertiesMap).forEach(key => {
+        Object.defineProperty(target, key, {
+            configurable: true,
+            enumerable: false,
+            get: () => publicPropertiesMap[key](instance),
+            // intercepted by the proxy so no need for implementation,
+            // but needed to prevent set errors
+            set: NOOP
+        });
+    });
+    return target;
+}
+// dev only
+function exposePropsOnRenderContext(instance) {
+    const { ctx, propsOptions: [propsOptions] } = instance;
+    if (propsOptions) {
+        Object.keys(propsOptions).forEach(key => {
+            Object.defineProperty(ctx, key, {
+                enumerable: true,
+                configurable: true,
+                get: () => instance.props[key],
+                set: NOOP
+            });
+        });
     }
-    return vnode;
 }
-function cloneVNode(vnode, extraProps, mergeRef = false) {
-    // This is intentionally NOT using spread or extend to avoid the runtime
-    // key enumeration cost.
-    const { props, ref, patchFlag, children } = vnode;
-    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    const cloned = {
-        __v_isVNode: true,
-        __v_skip: true,
-        type: vnode.type,
-        props: mergedProps,
-        key: mergedProps && normalizeKey(mergedProps),
-        ref: extraProps && extraProps.ref
-            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
-                // if the vnode itself already has a ref, cloneVNode will need to merge
-                // the refs so the single vnode can be set on multiple refs
-                mergeRef && ref
-                    ? isArray(ref)
-                        ? ref.concat(normalizeRef(extraProps))
-                        : [ref, normalizeRef(extraProps)]
-                    : normalizeRef(extraProps)
-            : ref,
-        scopeId: vnode.scopeId,
-        slotScopeIds: vnode.slotScopeIds,
-        children: patchFlag === -1 /* HOISTED */ && isArray(children)
-            ? children.map(deepCloneVNode)
-            : children,
-        target: vnode.target,
-        targetAnchor: vnode.targetAnchor,
-        staticCount: vnode.staticCount,
-        staticCache: vnode.staticCache,
-        shapeFlag: vnode.shapeFlag,
-        // if the vnode is cloned with extra props, we can no longer assume its
-        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-        // note: perserve flag for fragments since they use the flag for children
-        // fast paths only.
-        patchFlag: extraProps && vnode.type !== Fragment
-            ? patchFlag === -1 // hoisted node
-                ? 16 /* FULL_PROPS */
-                : patchFlag | 16 /* FULL_PROPS */
-            : patchFlag,
-        dynamicProps: vnode.dynamicProps,
-        dynamicChildren: vnode.dynamicChildren,
-        appContext: vnode.appContext,
-        dirs: vnode.dirs,
-        transition: vnode.transition,
-        // These should technically only be non-null on mounted VNodes. However,
-        // they *should* be copied for kept-alive vnodes. So we just always copy
-        // them since them being non-null during a mount doesn't affect the logic as
-        // they will simply be overwritten.
-        component: vnode.component,
-        suspense: vnode.suspense,
-        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
-        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
-        el: vnode.el,
-        anchor: vnode.anchor
+// dev only
+function exposeSetupStateOnRenderContext(instance) {
+    const { ctx, setupState } = instance;
+    Object.keys(toRaw(setupState)).forEach(key => {
+        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
+            warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                `which are reserved prefixes for Vue internals.`);
+            return;
+        }
+        Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => setupState[key],
+            set: NOOP
+        });
+    });
+}
+
+const emptyAppContext = createAppContext();
+let uid$1 = 0;
+function createComponentInstance(vnode, parent, suspense) {
+    const type = vnode.type;
+    // inherit parent app context - or - if root, adopt from root vnode
+    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
+    const instance = {
+        uid: uid$1++,
+        vnode,
+        type,
+        parent,
+        appContext,
+        root: null,
+        next: null,
+        subTree: null,
+        update: null,
+        scope: new EffectScope(true /* detached */),
+        render: null,
+        proxy: null,
+        exposed: null,
+        exposeProxy: null,
+        withProxy: null,
+        provides: parent ? parent.provides : Object.create(appContext.provides),
+        accessCache: null,
+        renderCache: [],
+        // local resovled assets
+        components: null,
+        directives: null,
+        // resolved props and emits options
+        propsOptions: normalizePropsOptions(type, appContext),
+        emitsOptions: normalizeEmitsOptions(type, appContext),
+        // emit
+        emit: null,
+        emitted: null,
+        // props default value
+        propsDefaults: EMPTY_OBJ,
+        // inheritAttrs
+        inheritAttrs: type.inheritAttrs,
+        // state
+        ctx: EMPTY_OBJ,
+        data: EMPTY_OBJ,
+        props: EMPTY_OBJ,
+        attrs: EMPTY_OBJ,
+        slots: EMPTY_OBJ,
+        refs: EMPTY_OBJ,
+        setupState: EMPTY_OBJ,
+        setupContext: null,
+        // suspense related
+        suspense,
+        suspenseId: suspense ? suspense.pendingId : 0,
+        asyncDep: null,
+        asyncResolved: false,
+        // lifecycle hooks
+        // not using enums here because it results in computed properties
+        isMounted: false,
+        isUnmounted: false,
+        isDeactivated: false,
+        bc: null,
+        c: null,
+        bm: null,
+        m: null,
+        bu: null,
+        u: null,
+        um: null,
+        bum: null,
+        bda: null,
+        da: null,
+        ba: null,
+        a: null,
+        rtg: null,
+        rtc: null,
+        ec: null,
+        sp: null
     };
     {
-        defineLegacyVNodeProperties(cloned);
+        instance.ctx = createDevRenderContext(instance);
     }
-    return cloned;
-}
-/**
- * Dev only, for HMR of hoisted vnodes reused in v-for
- * https://github.com/vitejs/vite/issues/2022
- */
-function deepCloneVNode(vnode) {
-    const cloned = cloneVNode(vnode);
-    if (isArray(vnode.children)) {
-        cloned.children = vnode.children.map(deepCloneVNode);
+    instance.root = parent ? parent.root : instance;
+    instance.emit = emit$1.bind(null, instance);
+    // apply custom element special handling
+    if (vnode.ce) {
+        vnode.ce(instance);
     }
-    return cloned;
-}
-/**
- * @private
- */
-function createTextVNode(text = ' ', flag = 0) {
-    return createVNode(Text, null, text, flag);
-}
-/**
- * @private
- */
-function createStaticVNode(content, numberOfNodes) {
-    // A static vnode can contain multiple stringified elements, and the number
-    // of elements is necessary for hydration.
-    const vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
-}
-/**
- * @private
- */
-function createCommentVNode(text = '', 
-// when used as the v-else branch, the comment node must be created as a
-// block to ensure correct updates.
-asBlock = false) {
-    return asBlock
-        ? (openBlock(), createBlock(Comment$1, null, text))
-        : createVNode(Comment$1, null, text);
+    return instance;
 }
-function normalizeVNode(child) {
-    if (child == null || typeof child === 'boolean') {
-        // empty placeholder
-        return createVNode(Comment$1);
-    }
-    else if (isArray(child)) {
-        // fragment
-        return createVNode(Fragment, null, 
-        // #3666, avoid reference pollution when reusing vnode
-        child.slice());
-    }
-    else if (typeof child === 'object') {
-        // already vnode, this should be the most common since compiled templates
-        // always produce all-vnode children arrays
-        return cloneIfMounted(child);
-    }
-    else {
-        // strings and numbers
-        return createVNode(Text, null, String(child));
+let currentInstance = null;
+const getCurrentInstance = () => currentInstance || currentRenderingInstance;
+const setCurrentInstance = (instance) => {
+    currentInstance = instance;
+    instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
+};
+const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
+function validateComponentName(name, config) {
+    const appIsNativeTag = config.isNativeTag || NO;
+    if (isBuiltInTag(name) || appIsNativeTag(name)) {
+        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
 }
-// optimized normalization for template-compiled render fns
-function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
+function isStatefulComponent(instance) {
+    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
 }
-function normalizeChildren(vnode, children) {
-    let type = 0;
-    const { shapeFlag } = vnode;
-    if (children == null) {
-        children = null;
-    }
-    else if (isArray(children)) {
-        type = 16 /* ARRAY_CHILDREN */;
-    }
-    else if (typeof children === 'object') {
-        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
-            // Normalize slot to plain children for plain element and Teleport
-            const slot = children.default;
-            if (slot) {
-                // _c marker is added by withCtx() indicating this is a compiled slot
-                slot._c && (slot._d = false);
-                normalizeChildren(vnode, slot());
-                slot._c && (slot._d = true);
-            }
-            return;
+let isInSSRComponentSetup = false;
+function setupComponent(instance, isSSR = false) {
+    isInSSRComponentSetup = isSSR;
+    const { props, children } = instance.vnode;
+    const isStateful = isStatefulComponent(instance);
+    initProps(instance, props, isStateful, isSSR);
+    initSlots(instance, children);
+    const setupResult = isStateful
+        ? setupStatefulComponent(instance, isSSR)
+        : undefined;
+    isInSSRComponentSetup = false;
+    return setupResult;
+}
+function setupStatefulComponent(instance, isSSR) {
+    const Component = instance.type;
+    {
+        if (Component.name) {
+            validateComponentName(Component.name, instance.appContext.config);
         }
-        else {
-            type = 32 /* SLOTS_CHILDREN */;
-            const slotFlag = children._;
-            if (!slotFlag && !(InternalObjectKey in children)) {
-                children._ctx = currentRenderingInstance;
-            }
-            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
-                // a child component receives forwarded slots from the parent.
-                // its slot type is determined by its parent's slot type.
-                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
-                    children._ = 1 /* STABLE */;
-                }
-                else {
-                    children._ = 2 /* DYNAMIC */;
-                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
-                }
+        if (Component.components) {
+            const names = Object.keys(Component.components);
+            for (let i = 0; i < names.length; i++) {
+                validateComponentName(names[i], instance.appContext.config);
             }
         }
-    }
-    else if (isFunction(children)) {
-        children = { default: children, _ctx: currentRenderingInstance };
-        type = 32 /* SLOTS_CHILDREN */;
-    }
-    else {
-        children = String(children);
-        // force teleport children to array so it can be moved around
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type = 16 /* ARRAY_CHILDREN */;
-            children = [createTextVNode(children)];
+        if (Component.directives) {
+            const names = Object.keys(Component.directives);
+            for (let i = 0; i < names.length; i++) {
+                validateDirectiveName(names[i]);
+            }
         }
-        else {
-            type = 8 /* TEXT_CHILDREN */;
+        if (Component.compilerOptions && isRuntimeOnly()) {
+            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+                `includes the runtime compiler. Since you are using a runtime-only ` +
+                `build, the options should be passed via your build tool config instead.`);
         }
     }
-    vnode.children = children;
-    vnode.shapeFlag |= type;
-}
-function mergeProps(...args) {
-    const ret = extend({}, args[0]);
-    for (let i = 1; i < args.length; i++) {
-        const toMerge = args[i];
-        for (const key in toMerge) {
-            if (key === 'class') {
-                if (ret.class !== toMerge.class) {
-                    ret.class = normalizeClass([ret.class, toMerge.class]);
-                }
-            }
-            else if (key === 'style') {
-                ret.style = normalizeStyle([ret.style, toMerge.style]);
-            }
-            else if (isOn(key)) {
-                const existing = ret[key];
-                const incoming = toMerge[key];
-                if (existing !== incoming) {
-                    ret[key] = existing
-                        ? [].concat(existing, incoming)
-                        : incoming;
-                }
+    // 0. create render proxy property access cache
+    instance.accessCache = Object.create(null);
+    // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    {
+        exposePropsOnRenderContext(instance);
+    }
+    // 2. call setup()
+    const { setup } = Component;
+    if (setup) {
+        const setupContext = (instance.setupContext =
+            setup.length > 1 ? createSetupContext(instance) : null);
+        setCurrentInstance(instance);
+        pauseTracking();
+        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]);
+        resetTracking();
+        unsetCurrentInstance();
+        if (isPromise(setupResult)) {
+            setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+            if (isSSR) {
+                // return the promise so server-renderer can wait on it
+                return setupResult
+                    .then((resolvedResult) => {
+                    handleSetupResult(instance, resolvedResult, isSSR);
+                })
+                    .catch(e => {
+                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
+                });
             }
-            else if (key !== '') {
-                ret[key] = toMerge[key];
+            else {
+                // async setup returned Promise.
+                // bail here and wait for re-entry.
+                instance.asyncDep = setupResult;
             }
         }
+        else {
+            handleSetupResult(instance, setupResult, isSSR);
+        }
     }
-    return ret;
-}
-
-function getCompatChildren(instance) {
-    assertCompatEnabled("INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */, instance);
-    const root = instance.subTree;
-    const children = [];
-    if (root) {
-        walk(root, children);
+    else {
+        finishComponentSetup(instance, isSSR);
     }
-    return children;
 }
-function walk(vnode, children) {
-    if (vnode.component) {
-        children.push(vnode.component.proxy);
-    }
-    else if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
-        const vnodes = vnode.children;
-        for (let i = 0; i < vnodes.length; i++) {
-            walk(vnodes[i], children);
+function handleSetupResult(instance, setupResult, isSSR) {
+    if (isFunction(setupResult)) {
+        // setup returned an inline render function
+        if (instance.type.__ssrInlineRender) {
+            // when the function's name is `ssrRender` (compiled by SFC inline mode),
+            // set it as ssrRender instead.
+            instance.ssrRender = setupResult;
         }
-    }
-}
-
-/**
- * Actual implementation
- */
-function renderList(source, renderItem) {
-    let ret;
-    if (isArray(source) || isString(source)) {
-        ret = new Array(source.length);
-        for (let i = 0, l = source.length; i < l; i++) {
-            ret[i] = renderItem(source[i], i);
+        else {
+            instance.render = setupResult;
         }
     }
-    else if (typeof source === 'number') {
-        if (!Number.isInteger(source)) {
-            warn(`The v-for range expect an integer value but got ${source}.`);
-            return [];
-        }
-        ret = new Array(source);
-        for (let i = 0; i < source; i++) {
-            ret[i] = renderItem(i + 1, i);
+    else if (isObject(setupResult)) {
+        if (isVNode(setupResult)) {
+            warn$1(`setup() should not return VNodes directly - ` +
+                `return a render function instead.`);
         }
-    }
-    else if (isObject(source)) {
-        if (source[Symbol.iterator]) {
-            ret = Array.from(source, renderItem);
+        // setup returned bindings.
+        // assuming a render function compiled from template is present.
+        {
+            instance.devtoolsRawSetupState = setupResult;
         }
-        else {
-            const keys = Object.keys(source);
-            ret = new Array(keys.length);
-            for (let i = 0, l = keys.length; i < l; i++) {
-                const key = keys[i];
-                ret[i] = renderItem(source[key], key, i);
-            }
+        instance.setupState = proxyRefs(setupResult);
+        {
+            exposeSetupStateOnRenderContext(instance);
         }
     }
-    else {
-        ret = [];
+    else if (setupResult !== undefined) {
+        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
     }
-    return ret;
-}
-
+    finishComponentSetup(instance, isSSR);
+}
+let compile;
+let installWithProxy;
 /**
- * Compiler runtime helper for creating dynamic slots object
- * @private
+ * For runtime-dom to register the compiler.
+ * Note the exported method uses any to avoid d.ts relying on the compiler types.
  */
-function createSlots(slots, dynamicSlots) {
-    for (let i = 0; i < dynamicSlots.length; i++) {
-        const slot = dynamicSlots[i];
-        // array of dynamic slot generated by <template v-for="..." #[...]>
-        if (isArray(slot)) {
-            for (let j = 0; j < slot.length; j++) {
-                slots[slot[j].name] = slot[j].fn;
-            }
+function registerRuntimeCompiler(_compile) {
+    compile = _compile;
+    installWithProxy = i => {
+        if (i.render._rc) {
+            i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
         }
-        else if (slot) {
-            // conditional single slot generated by <template v-if="..." #foo>
-            slots[slot.name] = slot.fn;
+    };
+}
+// dev only
+const isRuntimeOnly = () => !compile;
+function finishComponentSetup(instance, isSSR, skipOptions) {
+    const Component = instance.type;
+    {
+        convertLegacyRenderFn(instance);
+        if (Component.compatConfig) {
+            validateCompatConfig(Component.compatConfig);
         }
     }
-    return slots;
-}
-
-/**
- * Compiler runtime helper for rendering `<slot/>`
- * @private
- */
-function renderSlot(slots, name, props = {}, 
-// this is not a user-facing function, so the fallback is always generated by
-// the compiler and guaranteed to be a function returning an array
-fallback, noSlotted) {
-    let slot = slots[name];
-    if (slot && slot.length > 1) {
-        warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
-            `function. You need to mark this component with $dynamic-slots in the ` +
-            `parent template.`);
-        slot = () => [];
+    // template / render function normalization
+    if (isSSR) {
+        // 1. the render function may already exist, returned by `setup`
+        // 2. otherwise try to use the `Component.render`
+        // 3. if the component doesn't have a render function,
+        //    set `instance.render` to NOOP so that it can inherit the render
+        //    function from mixins/extend
+        instance.render = (instance.render ||
+            Component.render ||
+            NOOP);
     }
-    // a compiled slot disables block tracking by default to avoid manual
-    // invocation interfering with template-based block tracking, but in
-    // `renderSlot` we can be sure that it's template-based so we can force
-    // enable it.
-    if (slot && slot._c) {
-        slot._d = false;
+    else if (!instance.render) {
+        // could be set from setup()
+        if (compile && !Component.render) {
+            const template = (instance.vnode.props &&
+                instance.vnode.props['inline-template']) ||
+                Component.template;
+            if (template) {
+                {
+                    startMeasure(instance, `compile`);
+                }
+                const { isCustomElement, compilerOptions } = instance.appContext.config;
+                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
+                const finalCompilerOptions = extend(extend({
+                    isCustomElement,
+                    delimiters
+                }, compilerOptions), componentCompilerOptions);
+                {
+                    // pass runtime compat config into the compiler
+                    finalCompilerOptions.compatConfig = Object.create(globalCompatConfig);
+                    if (Component.compatConfig) {
+                        extend(finalCompilerOptions.compatConfig, Component.compatConfig);
+                    }
+                }
+                Component.render = compile(template, finalCompilerOptions);
+                {
+                    endMeasure(instance, `compile`);
+                }
+            }
+        }
+        instance.render = (Component.render || NOOP);
+        // for runtime-compiled render functions using `with` blocks, the render
+        // proxy used needs a different `has` handler which is more performant and
+        // also only allows a whitelist of globals to fallthrough.
+        if (installWithProxy) {
+            installWithProxy(instance);
+        }
     }
-    openBlock();
-    const validSlotContent = slot && ensureValidVNode(slot(props));
-    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
-        ? 64 /* STABLE_FRAGMENT */
-        : -2 /* BAIL */);
-    if (!noSlotted && rendered.scopeId) {
-        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    // support for 2.x options
+    if (!(skipOptions)) {
+        setCurrentInstance(instance);
+        pauseTracking();
+        applyOptions(instance);
+        resetTracking();
+        unsetCurrentInstance();
     }
-    if (slot && slot._c) {
-        slot._d = true;
+    // warn missing template/render
+    // the runtime compilation of template in SSR is done by server-render
+    if (!Component.render && instance.render === NOOP && !isSSR) {
+        /* istanbul ignore if */
+        if (!compile && Component.template) {
+            warn$1(`Component provided template option but ` +
+                `runtime compilation is not supported in this build of Vue.` +
+                (``) /* should not happen */);
+        }
+        else {
+            warn$1(`Component is missing template or render function.`);
+        }
     }
-    return rendered;
 }
-function ensureValidVNode(vnodes) {
-    return vnodes.some(child => {
-        if (!isVNode(child))
-            return true;
-        if (child.type === Comment$1)
-            return false;
-        if (child.type === Fragment &&
-            !ensureValidVNode(child.children))
-            return false;
-        return true;
-    })
-        ? vnodes
-        : null;
-}
-
-/**
- * For prefixing keys in v-on="obj" with "on"
- * @private
- */
-function toHandlers(obj) {
-    const ret = {};
-    if (!isObject(obj)) {
-        warn(`v-on with no argument expects an object value.`);
-        return ret;
-    }
-    for (const key in obj) {
-        ret[toHandlerKey(key)] = obj[key];
-    }
-    return ret;
-}
-
-function toObject(arr) {
-    const res = {};
-    for (let i = 0; i < arr.length; i++) {
-        if (arr[i]) {
-            extend(res, arr[i]);
+function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, {
+            get(target, key) {
+                markAttrsAccessed();
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            },
+            set() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            },
+            deleteProperty() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            }
+        }
+        );
+}
+function createSetupContext(instance) {
+    const expose = exposed => {
+        if (instance.exposed) {
+            warn$1(`expose() should be called only once per setup().`);
         }
+        instance.exposed = exposed || {};
+    };
+    let attrs;
+    {
+        // We use getters in dev in case libs like test-utils overwrite instance
+        // properties (overwrites should not be done in prod)
+        return Object.freeze({
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            get slots() {
+                return shallowReadonly(instance.slots);
+            },
+            get emit() {
+                return (event, ...args) => instance.emit(event, ...args);
+            },
+            expose
+        });
     }
-    return res;
 }
-function legacyBindObjectProps(data, _tag, value, _asProp, isSync) {
-    if (value && isObject(value)) {
-        if (isArray(value)) {
-            value = toObject(value);
-        }
-        for (const key in value) {
-            if (isReservedProp(key)) {
-                data[key] = value[key];
-            }
-            else if (key === 'class') {
-                data.class = normalizeClass([data.class, value.class]);
-            }
-            else if (key === 'style') {
-                data.style = normalizeClass([data.style, value.style]);
-            }
-            else {
-                const attrs = data.attrs || (data.attrs = {});
-                const camelizedKey = camelize(key);
-                const hyphenatedKey = hyphenate(key);
-                if (!(camelizedKey in attrs) && !(hyphenatedKey in attrs)) {
-                    attrs[key] = value[key];
-                    if (isSync) {
-                        const on = data.on || (data.on = {});
-                        on[`update:${key}`] = function ($event) {
-                            value[key] = $event;
-                        };
+function getExposeProxy(instance) {
+    if (instance.exposed) {
+        return (instance.exposeProxy ||
+            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+                get(target, key) {
+                    if (key in target) {
+                        return target[key];
+                    }
+                    else if (key in publicPropertiesMap) {
+                        return publicPropertiesMap[key](instance);
                     }
                 }
-            }
-        }
+            })));
     }
-    return data;
 }
-function legacyBindObjectListeners(props, listeners) {
-    return mergeProps(props, toHandlers(listeners));
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return isFunction(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
 }
-function legacyRenderSlot(instance, name, fallback, props, bindObject) {
-    if (bindObject) {
-        props = mergeProps(props, bindObject);
+/* istanbul ignore next */
+function formatComponentName(instance, Component, isRoot = false) {
+    let name = getComponentName(Component);
+    if (!name && Component.__file) {
+        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
+        if (match) {
+            name = match[1];
+        }
     }
-    return renderSlot(instance.slots, name, props, fallback && (() => fallback));
-}
-function legacyresolveScopedSlots(fns, raw, 
-// the following are added in 2.6
-hasDynamicKeys) {
-    // v2 default slot doesn't have name
-    return createSlots(raw || { $stable: !hasDynamicKeys }, mapKeyToName(fns));
-}
-function mapKeyToName(slots) {
-    for (let i = 0; i < slots.length; i++) {
-        const fn = slots[i];
-        if (fn) {
-            if (isArray(fn)) {
-                mapKeyToName(fn);
-            }
-            else {
-                fn.name = fn.key || 'default';
+    if (!name && instance && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
+                }
             }
-        }
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
     }
-    return slots;
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
 }
-const staticCacheMap = /*#__PURE__*/ new WeakMap();
-function legacyRenderStatic(instance, index) {
-    let cache = staticCacheMap.get(instance);
-    if (!cache) {
-        staticCacheMap.set(instance, (cache = []));
-    }
-    if (cache[index]) {
-        return cache[index];
-    }
-    const fn = instance.type.staticRenderFns[index];
-    const ctx = instance.proxy;
-    return (cache[index] = fn.call(ctx, null, ctx));
+function isClassComponent(value) {
+    return isFunction(value) && '__vccOpts' in value;
+}
+
+const stack = [];
+function pushWarningContext(vnode) {
+    stack.push(vnode);
 }
-function legacyCheckKeyCodes(instance, eventKeyCode, key, builtInKeyCode, eventKeyName, builtInKeyName) {
-    const config = instance.appContext.config;
-    const configKeyCodes = config.keyCodes || {};
-    const mappedKeyCode = configKeyCodes[key] || builtInKeyCode;
-    if (builtInKeyName && eventKeyName && !configKeyCodes[key]) {
-        return isKeyNotMatch(builtInKeyName, eventKeyName);
-    }
-    else if (mappedKeyCode) {
-        return isKeyNotMatch(mappedKeyCode, eventKeyCode);
-    }
-    else if (eventKeyName) {
-        return hyphenate(eventKeyName) !== key;
-    }
+function popWarningContext() {
+    stack.pop();
 }
-function isKeyNotMatch(expect, actual) {
-    if (isArray(expect)) {
-        return expect.indexOf(actual) === -1;
+function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    const instance = stack.length ? stack[stack.length - 1].component : null;
+    const appWarnHandler = instance && instance.appContext.config.warnHandler;
+    const trace = getComponentTrace();
+    if (appWarnHandler) {
+        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
+            msg + args.join(''),
+            instance && instance.proxy,
+            trace
+                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
+                .join('\n'),
+            trace
+        ]);
     }
     else {
-        return expect !== actual;
-    }
-}
-function legacyMarkOnce(tree) {
-    return tree;
-}
-function legacyBindDynamicKeys(props, values) {
-    for (let i = 0; i < values.length; i += 2) {
-        const key = values[i];
-        if (typeof key === 'string' && key) {
-            props[values[i]] = values[i + 1];
+        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
+        /* istanbul ignore if */
+        if (trace.length &&
+            // avoid spamming console during tests
+            !false) {
+            warnArgs.push(`\n`, ...formatTrace(trace));
         }
+        console.warn(...warnArgs);
     }
-    return props;
+    resetTracking();
 }
-function legacyPrependModifier(value, symbol) {
-    return typeof value === 'string' ? symbol + value : value;
-}
-
-function installCompatInstanceProperties(map) {
-    const set = (target, key, val) => {
-        target[key] = val;
-    };
-    const del = (target, key) => {
-        delete target[key];
-    };
-    extend(map, {
-        $set: i => {
-            assertCompatEnabled("INSTANCE_SET" /* INSTANCE_SET */, i);
-            return set;
-        },
-        $delete: i => {
-            assertCompatEnabled("INSTANCE_DELETE" /* INSTANCE_DELETE */, i);
-            return del;
-        },
-        $mount: i => {
-            assertCompatEnabled("GLOBAL_MOUNT" /* GLOBAL_MOUNT */, null /* this warning is global */);
-            // root mount override from ./global.ts in installCompatMount
-            return i.ctx._compat_mount || NOOP;
-        },
-        $destroy: i => {
-            assertCompatEnabled("INSTANCE_DESTROY" /* INSTANCE_DESTROY */, i);
-            // root destroy override from ./global.ts in installCompatMount
-            return i.ctx._compat_destroy || NOOP;
-        },
-        // overrides existing accessor
-        $slots: i => {
-            if (isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, i) &&
-                i.render &&
-                i.render._compatWrapped) {
-                return new Proxy(i.slots, legacySlotProxyHandlers);
-            }
-            return shallowReadonly(i.slots) ;
-        },
-        $scopedSlots: i => {
-            assertCompatEnabled("INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */, i);
-            const res = {};
-            for (const key in i.slots) {
-                const fn = i.slots[key];
-                if (!fn._ns /* non-scoped slot */) {
-                    res[key] = fn;
-                }
-            }
-            return res;
-        },
-        $on: i => on.bind(null, i),
-        $once: i => once.bind(null, i),
-        $off: i => off.bind(null, i),
-        $children: getCompatChildren,
-        $listeners: getCompatListeners
+function getComponentTrace() {
+    let currentVNode = stack[stack.length - 1];
+    if (!currentVNode) {
+        return [];
+    }
+    // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
+    const normalizedStack = [];
+    while (currentVNode) {
+        const last = normalizedStack[0];
+        if (last && last.vnode === currentVNode) {
+            last.recurseCount++;
+        }
+        else {
+            normalizedStack.push({
+                vnode: currentVNode,
+                recurseCount: 0
+            });
+        }
+        const parentInstance = currentVNode.component && currentVNode.component.parent;
+        currentVNode = parentInstance && parentInstance.vnode;
+    }
+    return normalizedStack;
+}
+/* istanbul ignore next */
+function formatTrace(trace) {
+    const logs = [];
+    trace.forEach((entry, i) => {
+        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
     });
-    /* istanbul ignore if */
-    if (isCompatEnabled("PRIVATE_APIS" /* PRIVATE_APIS */, null)) {
-        extend(map, {
-            // needed by many libs / render fns
-            $vnode: i => i.vnode,
-            // inject addtional properties into $options for compat
-            // e.g. vuex needs this.$options.parent
-            $options: i => {
-                const res = extend({}, resolveMergedOptions(i));
-                res.parent = i.proxy.$parent;
-                res.propsData = i.vnode.props;
-                return res;
-            },
-            // some private properties that are likely accessed...
-            _self: i => i.proxy,
-            _uid: i => i.uid,
-            _data: i => i.data,
-            _isMounted: i => i.isMounted,
-            _isDestroyed: i => i.isUnmounted,
-            // v2 render helpers
-            $createElement: () => compatH,
-            _c: () => compatH,
-            _o: () => legacyMarkOnce,
-            _n: () => toNumber,
-            _s: () => toDisplayString,
-            _l: () => renderList,
-            _t: i => legacyRenderSlot.bind(null, i),
-            _q: () => looseEqual,
-            _i: () => looseIndexOf,
-            _m: i => legacyRenderStatic.bind(null, i),
-            _f: () => resolveFilter,
-            _k: i => legacyCheckKeyCodes.bind(null, i),
-            _b: () => legacyBindObjectProps,
-            _v: () => createTextVNode,
-            _e: () => createCommentVNode,
-            _u: () => legacyresolveScopedSlots,
-            _g: () => legacyBindObjectListeners,
-            _d: () => legacyBindDynamicKeys,
-            _p: () => legacyPrependModifier
-        });
+    return logs;
+}
+function formatTraceEntry({ vnode, recurseCount }) {
+    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
+    const isRoot = vnode.component ? vnode.component.parent == null : false;
+    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
+    const close = `>` + postfix;
+    return vnode.props
+        ? [open, ...formatProps(vnode.props), close]
+        : [open + close];
+}
+/* istanbul ignore next */
+function formatProps(props) {
+    const res = [];
+    const keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+        res.push(...formatProp(key, props[key]));
+    });
+    if (keys.length > 3) {
+        res.push(` ...`);
+    }
+    return res;
+}
+/* istanbul ignore next */
+function formatProp(key, value, raw) {
+    if (isString(value)) {
+        value = JSON.stringify(value);
+        return raw ? value : [`${key}=${value}`];
+    }
+    else if (typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        value == null) {
+        return raw ? value : [`${key}=${value}`];
+    }
+    else if (isRef(value)) {
+        value = formatProp(key, toRaw(value.value), true);
+        return raw ? value : [`${key}=Ref<`, value, `>`];
+    }
+    else if (isFunction(value)) {
+        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
+    }
+    else {
+        value = toRaw(value);
+        return raw ? value : [`${key}=`, value];
     }
 }
 
-/**
- * #2437 In Vue 3, functional components do not have a public instance proxy but
- * they exist in the internal parent chain. For code that relies on traversing
- * public $parent chains, skip functional ones and go to the parent instead.
- */
-const getPublicInstance = (i) => {
-    if (!i)
-        return null;
-    if (isStatefulComponent(i))
-        return getExposeProxy(i) || i.proxy;
-    return getPublicInstance(i.parent);
+const ErrorTypeStrings = {
+    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
+    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
+    ["c" /* CREATED */]: 'created hook',
+    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
+    ["m" /* MOUNTED */]: 'mounted hook',
+    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
+    ["u" /* UPDATED */]: 'updated',
+    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
+    ["um" /* UNMOUNTED */]: 'unmounted hook',
+    ["a" /* ACTIVATED */]: 'activated hook',
+    ["da" /* DEACTIVATED */]: 'deactivated hook',
+    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
+    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
+    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
+    [0 /* SETUP_FUNCTION */]: 'setup function',
+    [1 /* RENDER_FUNCTION */]: 'render function',
+    [2 /* WATCH_GETTER */]: 'watcher getter',
+    [3 /* WATCH_CALLBACK */]: 'watcher callback',
+    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
+    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
+    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
+    [7 /* VNODE_HOOK */]: 'vnode hook',
+    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
+    [9 /* TRANSITION_HOOK */]: 'transition hook',
+    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
+    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
+    [12 /* FUNCTION_REF */]: 'ref function',
+    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
+    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
 };
-const publicPropertiesMap = extend(Object.create(null), {
-    $: i => i,
-    $el: i => i.vnode.el,
-    $data: i => i.data,
-    $props: i => (shallowReadonly(i.props) ),
-    $attrs: i => (shallowReadonly(i.attrs) ),
-    $slots: i => (shallowReadonly(i.slots) ),
-    $refs: i => (shallowReadonly(i.refs) ),
-    $parent: i => getPublicInstance(i.parent),
-    $root: i => getPublicInstance(i.root),
-    $emit: i => i.emit,
-    $options: i => (resolveMergedOptions(i) ),
-    $forceUpdate: i => () => queueJob(i.update),
-    $nextTick: i => nextTick.bind(i.proxy),
-    $watch: i => (instanceWatch.bind(i) )
-});
-{
-    installCompatInstanceProperties(publicPropertiesMap);
+function callWithErrorHandling(fn, instance, type, args) {
+    let res;
+    try {
+        res = args ? fn(...args) : fn();
+    }
+    catch (err) {
+        handleError(err, instance, type);
+    }
+    return res;
 }
-const PublicInstanceProxyHandlers = {
-    get({ _: instance }, key) {
-        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-        // for internal formatters to know that this is a Vue instance
-        if (key === '__isVue') {
-            return true;
-        }
-        // prioritize <script setup> bindings during dev.
-        // this allows even properties that start with _ or $ to be used - so that
-        // it aligns with the production behavior where the render fn is inlined and
-        // indeed has access to all declared variables.
-        if (setupState !== EMPTY_OBJ &&
-            setupState.__isScriptSetup &&
-            hasOwn(setupState, key)) {
-            return setupState[key];
-        }
-        // data / props / ctx
-        // This getter gets called for every property access on the render context
-        // during render and is a major hotspot. The most expensive part of this
-        // is the multiple hasOwn() calls. It's much faster to do a simple property
-        // access on a plain object, so we use an accessCache object (with null
-        // prototype) to memoize what access type a key corresponds to.
-        let normalizedProps;
-        if (key[0] !== '$') {
-            const n = accessCache[key];
-            if (n !== undefined) {
-                switch (n) {
-                    case 0 /* SETUP */:
-                        return setupState[key];
-                    case 1 /* DATA */:
-                        return data[key];
-                    case 3 /* CONTEXT */:
-                        return ctx[key];
-                    case 2 /* PROPS */:
-                        return props[key];
-                    // default: just fallthrough
-                }
-            }
-            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-                accessCache[key] = 0 /* SETUP */;
-                return setupState[key];
-            }
-            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-                accessCache[key] = 1 /* DATA */;
-                return data[key];
-            }
-            else if (
-            // only cache other properties when instance has declared (thus stable)
-            // props
-            (normalizedProps = instance.propsOptions[0]) &&
-                hasOwn(normalizedProps, key)) {
-                accessCache[key] = 2 /* PROPS */;
-                return props[key];
-            }
-            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-                accessCache[key] = 3 /* CONTEXT */;
-                return ctx[key];
-            }
-            else if (shouldCacheAccess) {
-                accessCache[key] = 4 /* OTHER */;
-            }
+function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (isFunction(fn)) {
+        const res = callWithErrorHandling(fn, instance, type, args);
+        if (res && isPromise(res)) {
+            res.catch(err => {
+                handleError(err, instance, type);
+            });
         }
-        const publicGetter = publicPropertiesMap[key];
-        let cssModule, globalProperties;
-        // public $xxx properties
-        if (publicGetter) {
-            if (key === '$attrs') {
-                track(instance, "get" /* GET */, key);
-                markAttrsAccessed();
+        return res;
+    }
+    const values = [];
+    for (let i = 0; i < fn.length; i++) {
+        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    }
+    return values;
+}
+function handleError(err, instance, type, throwInDev = true) {
+    const contextVNode = instance ? instance.vnode : null;
+    if (instance) {
+        let cur = instance.parent;
+        // the exposed instance is the render proxy to keep it consistent with 2.x
+        const exposedInstance = instance.proxy;
+        // in production the hook receives only the error code
+        const errorInfo = ErrorTypeStrings[type] ;
+        while (cur) {
+            const errorCapturedHooks = cur.ec;
+            if (errorCapturedHooks) {
+                for (let i = 0; i < errorCapturedHooks.length; i++) {
+                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+                        return;
+                    }
+                }
             }
-            return publicGetter(instance);
+            cur = cur.parent;
         }
-        else if (
-        // css module (injected by vue-loader)
-        (cssModule = type.__cssModules) &&
-            (cssModule = cssModule[key])) {
-            return cssModule;
+        // app-level handling
+        const appErrorHandler = instance.appContext.config.errorHandler;
+        if (appErrorHandler) {
+            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
+            return;
         }
-        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-            // user may set custom properties to `this` that start with `$`
-            accessCache[key] = 3 /* CONTEXT */;
-            return ctx[key];
+    }
+    logError(err, type, contextVNode, throwInDev);
+}
+function logError(err, type, contextVNode, throwInDev = true) {
+    {
+        const info = ErrorTypeStrings[type];
+        if (contextVNode) {
+            pushWarningContext(contextVNode);
         }
-        else if (
-        // global properties
-        ((globalProperties = appContext.config.globalProperties),
-            hasOwn(globalProperties, key))) {
-            {
-                const desc = Object.getOwnPropertyDescriptor(globalProperties, key);
-                if (desc.get) {
-                    return desc.get.call(instance.proxy);
-                }
-                else {
-                    const val = globalProperties[key];
-                    return isFunction(val) ? val.bind(instance.proxy) : val;
-                }
-            }
+        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        if (contextVNode) {
+            popWarningContext();
         }
-        else if (currentRenderingInstance &&
-            (!isString(key) ||
-                // #1091 avoid internal isRef/isVNode checks on component instance leading
-                // to infinite warning loop
-                key.indexOf('__v') !== 0)) {
-            if (data !== EMPTY_OBJ &&
-                (key[0] === '$' || key[0] === '_') &&
-                hasOwn(data, key)) {
-                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
-                    `character ("$" or "_") and is not proxied on the render context.`);
-            }
-            else if (instance === currentRenderingInstance) {
-                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
-                    `but is not defined on instance.`);
-            }
+        // crash in dev by default so it's more noticeable
+        if (throwInDev) {
+            throw err;
         }
-    },
-    set({ _: instance }, key, value) {
-        const { data, setupState, ctx } = instance;
-        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-            setupState[key] = value;
+        else {
+            console.error(err);
         }
-        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-            data[key] = value;
+    }
+}
+
+let isFlushing = false;
+let isFlushPending = false;
+const queue = [];
+let flushIndex = 0;
+const pendingPreFlushCbs = [];
+let activePreFlushCbs = null;
+let preFlushIndex = 0;
+const pendingPostFlushCbs = [];
+let activePostFlushCbs = null;
+let postFlushIndex = 0;
+const resolvedPromise = Promise.resolve();
+let currentFlushPromise = null;
+let currentPreFlushParentJob = null;
+const RECURSION_LIMIT = 100;
+function nextTick(fn) {
+    const p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+}
+// #2768
+// Use binary-search to find a suitable position in the queue,
+// so that the queue maintains the increasing order of job's id,
+// which can prevent the job from being skipped and also can avoid repeated patching.
+function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    let start = flushIndex + 1;
+    let end = queue.length;
+    while (start < end) {
+        const middle = (start + end) >>> 1;
+        const middleJobId = getId(queue[middle]);
+        middleJobId < id ? (start = middle + 1) : (end = middle);
+    }
+    return start;
+}
+function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length ||
+        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
+        job !== currentPreFlushParentJob) {
+        if (job.id == null) {
+            queue.push(job);
         }
-        else if (hasOwn(instance.props, key)) {
-            warn(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
-            return false;
+        else {
+            queue.splice(findInsertionIndex(job.id), 0, job);
         }
-        if (key[0] === '$' && key.slice(1) in instance) {
-            warn(`Attempting to mutate public property "${key}". ` +
-                    `Properties starting with $ are reserved and readonly.`, instance);
-            return false;
+        queueFlush();
+    }
+}
+function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+        isFlushPending = true;
+        currentFlushPromise = resolvedPromise.then(flushJobs);
+    }
+}
+function invalidateJob(job) {
+    const i = queue.indexOf(job);
+    if (i > flushIndex) {
+        queue.splice(i, 1);
+    }
+}
+function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!isArray(cb)) {
+        if (!activeQueue ||
+            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+            pendingQueue.push(cb);
         }
-        else {
-            if (key in instance.appContext.config.globalProperties) {
-                Object.defineProperty(ctx, key, {
-                    enumerable: true,
-                    configurable: true,
-                    value
-                });
-            }
-            else {
-                ctx[key] = value;
+    }
+    else {
+        // if cb is an array, it is a component lifecycle hook which can only be
+        // triggered by a job, which is already deduped in the main queue, so
+        // we can skip duplicate check here to improve perf
+        pendingQueue.push(...cb);
+    }
+    queueFlush();
+}
+function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+}
+function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+}
+function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+        currentPreFlushParentJob = parentJob;
+        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+        pendingPreFlushCbs.length = 0;
+        {
+            seen = seen || new Map();
+        }
+        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+            if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+                continue;
             }
+            activePreFlushCbs[preFlushIndex]();
         }
-        return true;
-    },
-    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
-        let normalizedProps;
-        return (accessCache[key] !== undefined ||
-            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
-            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
-            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
-            hasOwn(ctx, key) ||
-            hasOwn(publicPropertiesMap, key) ||
-            hasOwn(appContext.config.globalProperties, key));
+        activePreFlushCbs = null;
+        preFlushIndex = 0;
+        currentPreFlushParentJob = null;
+        // recursively flush until it drains
+        flushPreFlushCbs(seen, parentJob);
     }
-};
-{
-    PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
-            `The keys will be empty in production mode to avoid performance overhead.`);
-        return Reflect.ownKeys(target);
-    };
 }
-const RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-        // fast path for unscopables when using `with` block
-        if (key === Symbol.unscopables) {
+function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+        const deduped = [...new Set(pendingPostFlushCbs)];
+        pendingPostFlushCbs.length = 0;
+        // #1947 already has active queue, nested flushPostFlushCbs call
+        if (activePostFlushCbs) {
+            activePostFlushCbs.push(...deduped);
             return;
         }
-        return PublicInstanceProxyHandlers.get(target, key, target);
-    },
-    has(_, key) {
-        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
-        if (!has && PublicInstanceProxyHandlers.has(_, key)) {
-            warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+        activePostFlushCbs = deduped;
+        {
+            seen = seen || new Map();
+        }
+        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+            if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+                continue;
+            }
+            activePostFlushCbs[postFlushIndex]();
+        }
+        activePostFlushCbs = null;
+        postFlushIndex = 0;
+    }
+}
+const getId = (job) => job.id == null ? Infinity : job.id;
+function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
+    {
+        seen = seen || new Map();
+    }
+    flushPreFlushCbs(seen);
+    // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
+    queue.sort((a, b) => getId(a) - getId(b));
+    try {
+        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+            const job = queue[flushIndex];
+            if (job && job.active !== false) {
+                if (true && checkRecursiveUpdates(seen, job)) {
+                    continue;
+                }
+                // console.log(`running:`, job.id)
+                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
+            }
+        }
+    }
+    finally {
+        flushIndex = 0;
+        queue.length = 0;
+        flushPostFlushCbs(seen);
+        isFlushing = false;
+        currentFlushPromise = null;
+        // some postFlushCb queued jobs!
+        // keep flushing until it drains.
+        if (queue.length ||
+            pendingPreFlushCbs.length ||
+            pendingPostFlushCbs.length) {
+            flushJobs(seen);
         }
-        return has;
     }
-});
-// In dev mode, the proxy target exposes the same properties as seen on `this`
-// for easier console inspection. In prod mode it will be an empty object so
-// these properties definitions can be skipped.
-function createRenderContext(instance) {
-    const target = {};
-    // expose internal instance for proxy handlers
-    Object.defineProperty(target, `_`, {
-        configurable: true,
-        enumerable: false,
-        get: () => instance
-    });
-    // expose public properties
-    Object.keys(publicPropertiesMap).forEach(key => {
-        Object.defineProperty(target, key, {
-            configurable: true,
-            enumerable: false,
-            get: () => publicPropertiesMap[key](instance),
-            // intercepted by the proxy so no need for implementation,
-            // but needed to prevent set errors
-            set: NOOP
-        });
-    });
-    return target;
 }
-// dev only
-function exposePropsOnRenderContext(instance) {
-    const { ctx, propsOptions: [propsOptions] } = instance;
-    if (propsOptions) {
-        Object.keys(propsOptions).forEach(key => {
-            Object.defineProperty(ctx, key, {
-                enumerable: true,
-                configurable: true,
-                get: () => instance.props[key],
-                set: NOOP
-            });
-        });
+function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+        seen.set(fn, 1);
     }
-}
-// dev only
-function exposeSetupStateOnRenderContext(instance) {
-    const { ctx, setupState } = instance;
-    Object.keys(toRaw(setupState)).forEach(key => {
-        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-            warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
-                `which are reserved prefixes for Vue internals.`);
-            return;
+    else {
+        const count = seen.get(fn);
+        if (count > RECURSION_LIMIT) {
+            const instance = fn.ownerInstance;
+            const componentName = instance && getComponentName(instance.type);
+            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+                `This means you have a reactive effect that is mutating its own ` +
+                `dependencies and thus recursively triggering itself. Possible sources ` +
+                `include component template, render function, updated hook or ` +
+                `watcher source function.`);
+            return true;
         }
-        Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            get: () => setupState[key],
-            set: NOOP
-        });
-    });
+        else {
+            seen.set(fn, count + 1);
+        }
+    }
 }
 
-const emptyAppContext = createAppContext();
-let uid$2 = 0;
-function createComponentInstance(vnode, parent, suspense) {
-    const type = vnode.type;
-    // inherit parent app context - or - if root, adopt from root vnode
-    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    const instance = {
-        uid: uid$2++,
-        vnode,
-        type,
-        parent,
-        appContext,
-        root: null,
-        next: null,
-        subTree: null,
-        update: null,
-        render: null,
-        proxy: null,
-        exposed: null,
-        exposeProxy: null,
-        withProxy: null,
-        effects: null,
-        provides: parent ? parent.provides : Object.create(appContext.provides),
-        accessCache: null,
-        renderCache: [],
-        // local resovled assets
-        components: null,
-        directives: null,
-        // resolved props and emits options
-        propsOptions: normalizePropsOptions(type, appContext),
-        emitsOptions: normalizeEmitsOptions(type, appContext),
-        // emit
-        emit: null,
-        emitted: null,
-        // props default value
-        propsDefaults: EMPTY_OBJ,
-        // inheritAttrs
-        inheritAttrs: type.inheritAttrs,
-        // state
-        ctx: EMPTY_OBJ,
-        data: EMPTY_OBJ,
-        props: EMPTY_OBJ,
-        attrs: EMPTY_OBJ,
-        slots: EMPTY_OBJ,
-        refs: EMPTY_OBJ,
-        setupState: EMPTY_OBJ,
-        setupContext: null,
-        // suspense related
-        suspense,
-        suspenseId: suspense ? suspense.pendingId : 0,
-        asyncDep: null,
-        asyncResolved: false,
-        // lifecycle hooks
-        // not using enums here because it results in computed properties
-        isMounted: false,
-        isUnmounted: false,
-        isDeactivated: false,
-        bc: null,
-        c: null,
-        bm: null,
-        m: null,
-        bu: null,
-        u: null,
-        um: null,
-        bum: null,
-        bda: null,
-        da: null,
-        ba: null,
-        a: null,
-        rtg: null,
-        rtc: null,
-        ec: null,
-        sp: null
-    };
-    {
-        instance.ctx = createRenderContext(instance);
-    }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit$1.bind(null, instance);
-    return instance;
+// Simple effect.
+function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
 }
-let currentInstance = null;
-const getCurrentInstance = () => currentInstance || currentRenderingInstance;
-const setCurrentInstance = (instance) => {
-    currentInstance = instance;
-};
-const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
-function validateComponentName(name, config) {
-    const appIsNativeTag = config.isNativeTag || NO;
-    if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
-    }
+function watchPostEffect(effect, options) {
+    return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' })
+        ));
 }
-function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
+function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' })
+        ));
 }
-let isInSSRComponentSetup = false;
-function setupComponent(instance, isSSR = false) {
-    isInSSRComponentSetup = isSSR;
-    const { props, children } = instance.vnode;
-    const isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children);
-    const setupResult = isStateful
-        ? setupStatefulComponent(instance, isSSR)
-        : undefined;
-    isInSSRComponentSetup = false;
-    return setupResult;
+// initial value for watchers to trigger on undefined initial values
+const INITIAL_WATCHER_VALUE = {};
+// implementation
+function watch(source, cb, options) {
+    if (!isFunction(cb)) {
+        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+            `supports \`watch(source, cb, options?) signature.`);
+    }
+    return doWatch(source, cb, options);
 }
-function setupStatefulComponent(instance, isSSR) {
-    const Component = instance.type;
-    {
-        if (Component.name) {
-            validateComponentName(Component.name, instance.appContext.config);
-        }
-        if (Component.components) {
-            const names = Object.keys(Component.components);
-            for (let i = 0; i < names.length; i++) {
-                validateComponentName(names[i], instance.appContext.config);
-            }
-        }
-        if (Component.directives) {
-            const names = Object.keys(Component.directives);
-            for (let i = 0; i < names.length; i++) {
-                validateDirectiveName(names[i]);
-            }
+function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
+    if (!cb) {
+        if (immediate !== undefined) {
+            warn$1(`watch() "immediate" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
-        if (Component.compilerOptions && isRuntimeOnly()) {
-            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
-                `includes the runtime compiler. Since you are using a runtime-only ` +
-                `build, the options should be passed via your build tool config instead.`);
+        if (deep !== undefined) {
+            warn$1(`watch() "deep" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
     }
-    // 0. create render proxy property access cache
-    instance.accessCache = Object.create(null);
-    // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
-    {
-        exposePropsOnRenderContext(instance);
+    const warnInvalidSource = (s) => {
+        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+            `a reactive object, or an array of these types.`);
+    };
+    const instance = currentInstance;
+    let getter;
+    let forceTrigger = false;
+    let isMultiSource = false;
+    if (isRef(source)) {
+        getter = () => source.value;
+        forceTrigger = !!source._shallow;
     }
-    // 2. call setup()
-    const { setup } = Component;
-    if (setup) {
-        const setupContext = (instance.setupContext =
-            setup.length > 1 ? createSetupContext(instance) : null);
-        currentInstance = instance;
-        pauseTracking();
-        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]);
-        resetTracking();
-        currentInstance = null;
-        if (isPromise(setupResult)) {
-            const unsetInstance = () => {
-                currentInstance = null;
-            };
-            setupResult.then(unsetInstance, unsetInstance);
-            if (isSSR) {
-                // return the promise so server-renderer can wait on it
-                return setupResult
-                    .then((resolvedResult) => {
-                    handleSetupResult(instance, resolvedResult, isSSR);
-                })
-                    .catch(e => {
-                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
-                });
+    else if (isReactive(source)) {
+        getter = () => source;
+        deep = true;
+    }
+    else if (isArray(source)) {
+        isMultiSource = true;
+        forceTrigger = source.some(isReactive);
+        getter = () => source.map(s => {
+            if (isRef(s)) {
+                return s.value;
+            }
+            else if (isReactive(s)) {
+                return traverse(s);
+            }
+            else if (isFunction(s)) {
+                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
             }
             else {
-                // async setup returned Promise.
-                // bail here and wait for re-entry.
-                instance.asyncDep = setupResult;
+                warnInvalidSource(s);
             }
+        });
+    }
+    else if (isFunction(source)) {
+        if (cb) {
+            // getter with cb
+            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
         }
         else {
-            handleSetupResult(instance, setupResult, isSSR);
+            // no cb -> simple effect
+            getter = () => {
+                if (instance && instance.isUnmounted) {
+                    return;
+                }
+                if (cleanup) {
+                    cleanup();
+                }
+                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
+            };
         }
     }
     else {
-        finishComponentSetup(instance, isSSR);
+        getter = NOOP;
+        warnInvalidSource(source);
     }
-}
-function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction(setupResult)) {
-        // setup returned an inline render function
-        if (instance.type.__ssrInlineRender) {
-            // when the function's name is `ssrRender` (compiled by SFC inline mode),
-            // set it as ssrRender instead.
-            instance.ssrRender = setupResult;
-        }
-        else {
-            instance.render = setupResult;
-        }
+    // 2.x array mutation watch compat
+    if (cb && !deep) {
+        const baseGetter = getter;
+        getter = () => {
+            const val = baseGetter();
+            if (isArray(val) &&
+                checkCompatEnabled("WATCH_ARRAY" /* WATCH_ARRAY */, instance)) {
+                traverse(val);
+            }
+            return val;
+        };
     }
-    else if (isObject(setupResult)) {
-        if (isVNode(setupResult)) {
-            warn(`setup() should not return VNodes directly - ` +
-                `return a render function instead.`);
-        }
-        // setup returned bindings.
-        // assuming a render function compiled from template is present.
-        {
-            instance.devtoolsRawSetupState = setupResult;
+    if (cb && deep) {
+        const baseGetter = getter;
+        getter = () => traverse(baseGetter());
+    }
+    let cleanup;
+    let onInvalidate = (fn) => {
+        cleanup = effect.onStop = () => {
+            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
+        };
+    };
+    // in SSR there is no need to setup an actual effect, and it should be noop
+    // unless it's eager
+    if (isInSSRComponentSetup) {
+        // we will also not call the invalidate callback (+ runner is not set up)
+        onInvalidate = NOOP;
+        if (!cb) {
+            getter();
         }
-        instance.setupState = proxyRefs(setupResult);
-        {
-            exposeSetupStateOnRenderContext(instance);
+        else if (immediate) {
+            callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                getter(),
+                isMultiSource ? [] : undefined,
+                onInvalidate
+            ]);
         }
+        return NOOP;
     }
-    else if (setupResult !== undefined) {
-        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
-    }
-    finishComponentSetup(instance, isSSR);
-}
-let compile;
-// dev only
-const isRuntimeOnly = () => !compile;
-/**
- * For runtime-dom to register the compiler.
- * Note the exported method uses any to avoid d.ts relying on the compiler types.
- */
-function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-}
-function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component = instance.type;
-    {
-        convertLegacyRenderFn(instance);
-        if (Component.compatConfig) {
-            validateCompatConfig(Component.compatConfig);
+    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    const job = () => {
+        if (!effect.active) {
+            return;
         }
-    }
-    // template / render function normalization
-    if (isSSR) {
-        // 1. the render function may already exist, returned by `setup`
-        // 2. otherwise try to use the `Component.render`
-        // 3. if the component doesn't have a render function,
-        //    set `instance.render` to NOOP so that it can inherit the render
-        //    function from mixins/extend
-        instance.render = (instance.render ||
-            Component.render ||
-            NOOP);
-    }
-    else if (!instance.render) {
-        // could be set from setup()
-        if (compile && !Component.render) {
-            const template = (instance.vnode.props &&
-                instance.vnode.props['inline-template']) ||
-                Component.template;
-            if (template) {
-                {
-                    startMeasure(instance, `compile`);
-                }
-                const { isCustomElement, compilerOptions } = instance.appContext.config;
-                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-                const finalCompilerOptions = extend(extend({
-                    isCustomElement,
-                    delimiters
-                }, compilerOptions), componentCompilerOptions);
-                {
-                    // pass runtime compat config into the compiler
-                    finalCompilerOptions.compatConfig = Object.create(globalCompatConfig);
-                    if (Component.compatConfig) {
-                        extend(finalCompilerOptions.compatConfig, Component.compatConfig);
-                    }
-                }
-                Component.render = compile(template, finalCompilerOptions);
-                {
-                    endMeasure(instance, `compile`);
+        if (cb) {
+            // watch(source, cb)
+            const newValue = effect.run();
+            if (deep ||
+                forceTrigger ||
+                (isMultiSource
+                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
+                    : hasChanged(newValue, oldValue)) ||
+                (isArray(newValue) &&
+                    isCompatEnabled("WATCH_ARRAY" /* WATCH_ARRAY */, instance))) {
+                // cleanup before running cb again
+                if (cleanup) {
+                    cleanup();
                 }
+                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                    newValue,
+                    // pass undefined as the old value when it's changed for the first time
+                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    onInvalidate
+                ]);
+                oldValue = newValue;
             }
         }
-        instance.render = (Component.render || NOOP);
-        // for runtime-compiled render functions using `with` blocks, the render
-        // proxy used needs a different `has` handler which is more performant and
-        // also only allows a whitelist of globals to fallthrough.
-        if (instance.render._rc) {
-            instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-        }
-    }
-    // support for 2.x options
-    if (!(skipOptions)) {
-        currentInstance = instance;
-        pauseTracking();
-        applyOptions(instance);
-        resetTracking();
-        currentInstance = null;
-    }
-    // warn missing template/render
-    // the runtime compilation of template in SSR is done by server-render
-    if (!Component.render && instance.render === NOOP && !isSSR) {
-        /* istanbul ignore if */
-        if (!compile && Component.template) {
-            warn(`Component provided template option but ` +
-                `runtime compilation is not supported in this build of Vue.` +
-                (``) /* should not happen */);
-        }
         else {
-            warn(`Component is missing template or render function.`);
+            // watchEffect
+            effect.run();
         }
+    };
+    // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
+    job.allowRecurse = !!cb;
+    let scheduler;
+    if (flush === 'sync') {
+        scheduler = job; // the scheduler function gets called directly
     }
-}
-const attrDevProxyHandlers = {
-    get: (target, key) => {
-        markAttrsAccessed();
-        return target[key];
-    },
-    set: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
-    },
-    deleteProperty: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
+    else if (flush === 'post') {
+        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
     }
-};
-function createSetupContext(instance) {
-    const expose = exposed => {
-        if (instance.exposed) {
-            warn(`expose() should be called only once per setup().`);
-        }
-        instance.exposed = exposed || {};
-    };
+    else {
+        // default: 'pre'
+        scheduler = () => {
+            if (!instance || instance.isMounted) {
+                queuePreFlushCb(job);
+            }
+            else {
+                // with 'pre' option, the first call must happen before
+                // the component is mounted so it is called synchronously.
+                job();
+            }
+        };
+    }
+    const effect = new ReactiveEffect(getter, scheduler);
     {
-        let attrs;
-        // We use getters in dev in case libs like test-utils overwrite instance
-        // properties (overwrites should not be done in prod)
-        return Object.freeze({
-            get attrs() {
-                return (attrs || (attrs = new Proxy(instance.attrs, attrDevProxyHandlers)));
-            },
-            get slots() {
-                return shallowReadonly(instance.slots);
-            },
-            get emit() {
-                return (event, ...args) => instance.emit(event, ...args);
-            },
-            expose
-        });
+        effect.onTrack = onTrack;
+        effect.onTrigger = onTrigger;
     }
-}
-function getExposeProxy(instance) {
-    if (instance.exposed) {
-        return (instance.exposeProxy ||
-            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-                get(target, key) {
-                    if (key in target) {
-                        return target[key];
-                    }
-                    else if (key in publicPropertiesMap) {
-                        return publicPropertiesMap[key](instance);
-                    }
-                }
-            })));
+    // initial run
+    if (cb) {
+        if (immediate) {
+            job();
+        }
+        else {
+            oldValue = effect.run();
+        }
+    }
+    else if (flush === 'post') {
+        queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
+    }
+    else {
+        effect.run();
     }
+    return () => {
+        effect.stop();
+        if (instance && instance.scope) {
+            remove(instance.scope.effects, effect);
+        }
+    };
 }
-// record effects created during a component's setup() so that they can be
-// stopped when the component unmounts
-function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-        (instance.effects || (instance.effects = [])).push(effect);
+// this.$watch
+function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = isString(source)
+        ? source.includes('.')
+            ? createPathGetter(publicThis, source)
+            : () => publicThis[source]
+        : source.bind(publicThis, publicThis);
+    let cb;
+    if (isFunction(value)) {
+        cb = value;
+    }
+    else {
+        cb = value.handler;
+        options = value;
+    }
+    const cur = currentInstance;
+    setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    if (cur) {
+        setCurrentInstance(cur);
+    }
+    else {
+        unsetCurrentInstance();
     }
+    return res;
 }
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return isFunction(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
+function createPathGetter(ctx, path) {
+    const segments = path.split('.');
+    return () => {
+        let cur = ctx;
+        for (let i = 0; i < segments.length && cur; i++) {
+            cur = cur[segments[i]];
+        }
+        return cur;
+    };
 }
-/* istanbul ignore next */
-function formatComponentName(instance, Component, isRoot = false) {
-    let name = getComponentName(Component);
-    if (!name && Component.__file) {
-        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-        if (match) {
-            name = match[1];
+function traverse(value, seen = new Set()) {
+    if (!isObject(value) || value["__v_skip" /* SKIP */]) {
+        return value;
+    }
+    seen = seen || new Set();
+    if (seen.has(value)) {
+        return value;
+    }
+    seen.add(value);
+    if (isRef(value)) {
+        traverse(value.value, seen);
+    }
+    else if (isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            traverse(value[i], seen);
         }
     }
-    if (!name && instance && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    else if (isSet(value) || isMap(value)) {
+        value.forEach((v) => {
+            traverse(v, seen);
+        });
     }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-function isClassComponent(value) {
-    return isFunction(value) && '__vccOpts' in value;
-}
-
-function computed$1(getterOrOptions) {
-    const c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    else if (isPlainObject(value)) {
+        for (const key in value) {
+            traverse(value[key], seen);
+        }
+    }
+    return value;
 }
 
 // dev only
-const warnRuntimeUsage = (method) => warn(`${method}() is a compiler-hint helper that is only usable inside ` +
+const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
     `<script setup> of a single file component. Its arguments should be ` +
     `compiled away and passing it at runtime has no effect.`);
 // implementation
@@ -10177,10 +10513,6 @@ function defineEmits() {
     }
     return null;
 }
-/**
- * @deprecated use `defineEmits` instead.
- */
-const defineEmit = defineEmits;
 /**
  * Vue `<script setup>` compiler macro for declaring a component's exposed
  * instance properties when it is accessed by a parent component via template
@@ -10222,16 +10554,6 @@ function withDefaults(props, defaults) {
     }
     return null;
 }
-/**
- * @deprecated use `useSlots` and `useAttrs` instead.
- */
-function useContext() {
-    {
-        warn(`\`useContext()\` has been deprecated and will be removed in the ` +
-            `next minor release. Use \`useSlots()\` and \`useAttrs()\` instead.`);
-    }
-    return getContext();
-}
 function useSlots() {
     return getContext().slots;
 }
@@ -10241,7 +10563,7 @@ function useAttrs() {
 function getContext() {
     const i = getCurrentInstance();
     if (!i) {
-        warn(`useContext() called without active instance.`);
+        warn$1(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
 }
@@ -10262,30 +10584,44 @@ props, defaults) {
             props[key] = { default: defaults[key] };
         }
         else {
-            warn(`props default key "${key}" has no corresponding declaration.`);
+            warn$1(`props default key "${key}" has no corresponding declaration.`);
         }
     }
     return props;
 }
 /**
- * Runtime helper for storing and resuming current instance context in
- * async setup().
+ * `<script setup>` helper for persisting the current instance context over
+ * async/await flows.
+ *
+ * `@vue/compiler-sfc` converts the following:
+ *
+ * ```ts
+ * const x = await foo()
+ * ```
+ *
+ * into:
+ *
+ * ```ts
+ * let __temp, __restore
+ * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+ * ```
+ * @internal
  */
-function withAsyncContext(awaitable) {
+function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
     if (!ctx) {
-        warn(`withAsyncContext() called when there is no active context instance.`);
+        warn$1(`withAsyncContext called without active current instance. ` +
+            `This is likely a bug.`);
     }
-    return isPromise(awaitable)
-        ? awaitable.then(res => {
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+        awaitable = awaitable.catch(e => {
             setCurrentInstance(ctx);
-            return res;
-        }, err => {
-            setCurrentInstance(ctx);
-            throw err;
-        })
-        : awaitable;
+            throw e;
+        });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
 }
 
 // Actual implementation
@@ -10321,7 +10657,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn(`Server rendering context not provided. Make sure to only call ` +
+            warn$1(`Server rendering context not provided. Make sure to only call ` +
                 `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -10517,8 +10853,47 @@ function initCustomFormatter() {
     }
 }
 
+function withMemo(memo, render, cache, index) {
+    const cached = cache[index];
+    if (cached && isMemoSame(cached, memo)) {
+        return cached;
+    }
+    const ret = render();
+    // shallow clone
+    ret.memo = memo.slice();
+    return (cache[index] = ret);
+}
+function isMemoSame(cached, memo) {
+    const prev = cached.memo;
+    if (prev.length != memo.length) {
+        return false;
+    }
+    for (let i = 0; i < prev.length; i++) {
+        if (prev[i] !== memo[i]) {
+            return false;
+        }
+    }
+    // make sure to let parent block track it when returning cached
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(cached);
+    }
+    return true;
+}
+
+function $ref() { }
+function $shallowRef(arg) {
+    return arg;
+}
+function $computed() { }
+function $fromRefs() {
+    return null;
+}
+function $raw() {
+    return null;
+}
+
 // Core API ------------------------------------------------------------------
-const version = "3.1.4";
+const version = "3.2.2";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -10546,11 +10921,11 @@ const _compatUtils = {
 /**
  * @internal only exposed in compat builds.
  */
-const compatUtils = (_compatUtils
-    );
+const compatUtils = (_compatUtils );
 
 const svgNS = 'http://www.w3.org/2000/svg';
 const doc = (typeof document !== 'undefined' ? document : null);
+const staticTemplateCache = new Map();
 const nodeOps = {
     insert: (child, parent, anchor) => {
         parent.insertBefore(child, anchor || null);
@@ -10601,94 +10976,68 @@ const nodeOps = {
         return cloned;
     },
     // __UNSAFE__
-    // Reason: insertAdjacentHTML.
+    // Reason: innerHTML.
     // Static content here can only come from compiled templates.
     // As long as the user only uses trusted templates, this is safe.
-    insertStaticContent(content, parent, anchor, isSVG, cached) {
-        if (cached) {
-            let first;
-            let last;
-            let i = 0;
-            let l = cached.length;
-            for (; i < l; i++) {
-                const node = cached[i].cloneNode(true);
-                if (i === 0)
-                    first = node;
-                if (i === l - 1)
-                    last = node;
-                parent.insertBefore(node, anchor);
-            }
-            return [first, last];
-        }
+    insertStaticContent(content, parent, anchor, isSVG) {
         // <parent> before | first ... last | anchor </parent>
         const before = anchor ? anchor.previousSibling : parent.lastChild;
-        if (anchor) {
-            let insertionPoint;
-            let usingTempInsertionPoint = false;
-            if (anchor instanceof Element) {
-                insertionPoint = anchor;
-            }
-            else {
-                // insertAdjacentHTML only works for elements but the anchor is not an
-                // element...
-                usingTempInsertionPoint = true;
-                insertionPoint = isSVG
-                    ? doc.createElementNS(svgNS, 'g')
-                    : doc.createElement('div');
-                parent.insertBefore(insertionPoint, anchor);
-            }
-            insertionPoint.insertAdjacentHTML('beforebegin', content);
-            if (usingTempInsertionPoint) {
-                parent.removeChild(insertionPoint);
-            }
-        }
-        else {
-            parent.insertAdjacentHTML('beforeend', content);
-        }
-        let first = before ? before.nextSibling : parent.firstChild;
-        const last = anchor ? anchor.previousSibling : parent.lastChild;
-        const ret = [];
-        while (first) {
-            ret.push(first);
-            if (first === last)
-                break;
-            first = first.nextSibling;
-        }
-        return ret;
+        let template = staticTemplateCache.get(content);
+        if (!template) {
+            const t = doc.createElement('template');
+            t.innerHTML = isSVG ? `<svg>${content}</svg>` : content;
+            template = t.content;
+            if (isSVG) {
+                // remove outer svg wrapper
+                const wrapper = template.firstChild;
+                while (wrapper.firstChild) {
+                    template.appendChild(wrapper.firstChild);
+                }
+                template.removeChild(wrapper);
+            }
+            staticTemplateCache.set(content, template);
+        }
+        parent.insertBefore(template.cloneNode(true), anchor);
+        return [
+            // first
+            before ? before.nextSibling : parent.firstChild,
+            // last
+            anchor ? anchor.previousSibling : parent.lastChild
+        ];
     }
 };
 
 // compiler should normalize class + :class bindings on the same element
 // into a single binding ['staticClass', dynamic]
 function patchClass(el, value, isSVG) {
-    if (value == null) {
-        value = '';
-    }
+    // directly setting className should be faster than setAttribute in theory
+    // if this is an element during a transition, take the temporary transition
+    // classes into account.
     // fixed by xxxxxx wxs
     const { __wxsAddClass, __wxsRemoveClass } = el;
     if (__wxsRemoveClass && __wxsRemoveClass.length) {
-        value = value
+        value = (value || '')
             .split(/\s+/)
             .filter(v => __wxsRemoveClass.indexOf(v) === -1)
             .join(' ');
         __wxsRemoveClass.length = 0;
     }
     if (__wxsAddClass && __wxsAddClass.length) {
-        value = value + ' ' + __wxsAddClass.join(' ');
+        value = (value || '') + ' ' + __wxsAddClass.join(' ');
     }
-    if (isSVG) {
+    const transitionClasses = el._vtc;
+    if (transitionClasses) {
+        value = (value
+            ? [value, ...transitionClasses]
+            : [...transitionClasses]).join(' ');
+    }
+    if (value == null) {
+        el.removeAttribute('class');
+    }
+    else if (isSVG) {
         el.setAttribute('class', value);
     }
     else {
-        // directly setting className should be faster than setAttribute in theory
-        // if this is an element during a transition, take the temporary transition
-        // classes into account.
-        const transitionClasses = el._vtc;
-        if (transitionClasses) {
-            value = (value
-                ? [value, ...transitionClasses]
-                : [...transitionClasses]).join(' ');
-        }
         el.className = value;
     }
 }
@@ -10882,7 +11231,11 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
         }
         else if (type === 'number') {
             // e.g. <img :width="null">
-            el[key] = 0;
+            // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error
+            try {
+                el[key] = 0;
+            }
+            catch (_a) { }
             el.removeAttribute(key);
             return;
         }
@@ -10903,7 +11256,7 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
     }
     catch (e) {
         {
-            warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+            warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
                 `value ${value} is invalid.`, e);
         }
     }
@@ -11047,65 +11400,49 @@ function patchWxs(el, rawName, nextValue, instance = null) {
 }
 
 const nativeOnRE = /^on[a-z]/;
-// fixed by xxxxxx
-const forcePatchProp = (el, key) => {
-    if (key === 'value' || key.indexOf('change:') === 0) {
-        return true;
-    }
-    if (key === 'class' && el.__wxsClassChanged) {
-        el.__wxsClassChanged = false;
-        return true;
-    }
-    if (key === 'style' && el.__wxsStyleChanged) {
-        el.__wxsStyleChanged = false;
-        return true;
-    }
-    return false;
-};
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
     // @ts-expect-error fixed by xxxxxx
     if (__UNI_FEATURE_WXS__ && key.indexOf('change:') === 0) {
         return patchWxs(el, key, nextValue, parentComponent);
     }
-    switch (key) {
-        // special
-        case 'class':
-            patchClass(el, nextValue, isSVG);
-            break;
-        case 'style':
-            patchStyle(el, prevValue, nextValue);
-            break;
-        default:
-            if (isOn(key)) {
-                // ignore v-model listeners
-                if (!isModelListener(key)) {
-                    patchEvent(el, key, prevValue, nextValue, parentComponent);
-                }
-            }
-            else if (shouldSetAsProp(el, key, nextValue, isSVG)) {
-                patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
-            }
-            else {
-                // special case for <input v-model type="checkbox"> with
-                // :true-value & :false-value
-                // store value as dom properties since non-string values will be
-                // stringified.
-                if (key === 'true-value') {
-                    el._trueValue = nextValue;
-                }
-                else if (key === 'false-value') {
-                    el._falseValue = nextValue;
-                }
-                patchAttr(el, key, nextValue, isSVG, parentComponent);
-            }
-            break;
+    if (key === 'class') {
+        patchClass(el, nextValue, isSVG);
+    }
+    else if (key === 'style') {
+        patchStyle(el, prevValue, nextValue);
+    }
+    else if (isOn(key)) {
+        // ignore v-model listeners
+        if (!isModelListener(key)) {
+            patchEvent(el, key, prevValue, nextValue, parentComponent);
+        }
+    }
+    else if (key[0] === '.'
+        ? ((key = key.slice(1)), true)
+        : key[0] === '^'
+            ? ((key = key.slice(1)), false)
+            : shouldSetAsProp(el, key, nextValue, isSVG)) {
+        patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
+    }
+    else {
+        // special case for <input v-model type="checkbox"> with
+        // :true-value & :false-value
+        // store value as dom properties since non-string values will be
+        // stringified.
+        if (key === 'true-value') {
+            el._trueValue = nextValue;
+        }
+        else if (key === 'false-value') {
+            el._falseValue = nextValue;
+        }
+        patchAttr(el, key, nextValue, isSVG, parentComponent);
     }
 };
 function shouldSetAsProp(el, key, value, isSVG) {
     if (isSVG) {
         // most keys must be set as attribute on svg elements to work
-        // ...except innerHTML
-        if (key === 'innerHTML') {
+        // ...except innerHTML & textContent
+        if (key === 'innerHTML' || key === 'textContent') {
             return true;
         }
         // or native onclick with function values
@@ -11143,22 +11480,215 @@ function shouldSetAsProp(el, key, value, isSVG) {
     return key in el;
 }
 
+function defineCustomElement(options, hydate) {
+    const Comp = defineComponent(options);
+    class VueCustomElement extends VueElement {
+        constructor(initialProps) {
+            super(Comp, initialProps, hydate);
+        }
+    }
+    VueCustomElement.def = Comp;
+    return VueCustomElement;
+}
+const defineSSRCustomElement = ((options) => {
+    // @ts-ignore
+    return defineCustomElement(options, hydrate);
+});
+const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class {
+});
+class VueElement extends BaseClass {
+    constructor(_def, _props = {}, hydrate) {
+        super();
+        this._def = _def;
+        this._props = _props;
+        /**
+         * @internal
+         */
+        this._instance = null;
+        this._connected = false;
+        this._resolved = false;
+        if (this.shadowRoot && hydrate) {
+            hydrate(this._createVNode(), this.shadowRoot);
+        }
+        else {
+            if (this.shadowRoot) {
+                warn$1(`Custom element has pre-rendered declarative shadow root but is not ` +
+                    `defined as hydratable. Use \`defineSSRCustomElement\`.`);
+            }
+            this.attachShadow({ mode: 'open' });
+        }
+        // set initial attrs
+        for (let i = 0; i < this.attributes.length; i++) {
+            this._setAttr(this.attributes[i].name);
+        }
+        // watch future attr changes
+        const observer = new MutationObserver(mutations => {
+            for (const m of mutations) {
+                this._setAttr(m.attributeName);
+            }
+        });
+        observer.observe(this, { attributes: true });
+    }
+    connectedCallback() {
+        this._connected = true;
+        if (!this._instance) {
+            this._resolveDef();
+            render(this._createVNode(), this.shadowRoot);
+        }
+    }
+    disconnectedCallback() {
+        this._connected = false;
+        nextTick(() => {
+            if (!this._connected) {
+                render(null, this.shadowRoot);
+                this._instance = null;
+            }
+        });
+    }
+    /**
+     * resolve inner component definition (handle possible async component)
+     */
+    _resolveDef() {
+        if (this._resolved) {
+            return;
+        }
+        const resolve = (def) => {
+            this._resolved = true;
+            // check if there are props set pre-upgrade or connect
+            for (const key of Object.keys(this)) {
+                if (key[0] !== '_') {
+                    this._setProp(key, this[key]);
+                }
+            }
+            const { props, styles } = def;
+            // defining getter/setters on prototype
+            const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : [];
+            for (const key of rawKeys.map(camelize)) {
+                Object.defineProperty(this, key, {
+                    get() {
+                        return this._getProp(key);
+                    },
+                    set(val) {
+                        this._setProp(key, val);
+                    }
+                });
+            }
+            this._applyStyles(styles);
+        };
+        const asyncDef = this._def.__asyncLoader;
+        if (asyncDef) {
+            asyncDef().then(resolve);
+        }
+        else {
+            resolve(this._def);
+        }
+    }
+    _setAttr(key) {
+        this._setProp(camelize(key), toNumber(this.getAttribute(key)), false);
+    }
+    /**
+     * @internal
+     */
+    _getProp(key) {
+        return this._props[key];
+    }
+    /**
+     * @internal
+     */
+    _setProp(key, val, shouldReflect = true) {
+        if (val !== this._props[key]) {
+            this._props[key] = val;
+            if (this._instance) {
+                render(this._createVNode(), this.shadowRoot);
+            }
+            // reflect
+            if (shouldReflect) {
+                if (val === true) {
+                    this.setAttribute(hyphenate(key), '');
+                }
+                else if (typeof val === 'string' || typeof val === 'number') {
+                    this.setAttribute(hyphenate(key), val + '');
+                }
+                else if (!val) {
+                    this.removeAttribute(hyphenate(key));
+                }
+            }
+        }
+    }
+    _createVNode() {
+        const vnode = createVNode(this._def, extend({}, this._props));
+        if (!this._instance) {
+            vnode.ce = instance => {
+                this._instance = instance;
+                instance.isCE = true;
+                // HMR
+                {
+                    instance.ceReload = newStyles => {
+                        // alawys reset styles
+                        if (this._styles) {
+                            this._styles.forEach(s => this.shadowRoot.removeChild(s));
+                            this._styles.length = 0;
+                        }
+                        this._applyStyles(newStyles);
+                        // if this is an async component, ceReload is called from the inner
+                        // component so no need to reload the async wrapper
+                        if (!this._def.__asyncLoader) {
+                            // reload
+                            this._instance = null;
+                            render(this._createVNode(), this.shadowRoot);
+                        }
+                    };
+                }
+                // intercept emit
+                instance.emit = (event, ...args) => {
+                    this.dispatchEvent(new CustomEvent(event, {
+                        detail: args
+                    }));
+                };
+                // locate nearest Vue custom element parent for provide/inject
+                let parent = this;
+                while ((parent =
+                    parent && (parent.parentNode || parent.host))) {
+                    if (parent instanceof VueElement) {
+                        instance.parent = parent._instance;
+                        break;
+                    }
+                }
+            };
+        }
+        return vnode;
+    }
+    _applyStyles(styles) {
+        if (styles) {
+            styles.forEach(css => {
+                const s = document.createElement('style');
+                s.textContent = css;
+                this.shadowRoot.appendChild(s);
+                // record for HMR
+                {
+                    (this._styles || (this._styles = [])).push(s);
+                }
+            });
+        }
+    }
+}
+
 function useCssModule(name = '$style') {
     /* istanbul ignore else */
     {
         const instance = getCurrentInstance();
         if (!instance) {
-            warn(`useCssModule must be called inside setup()`);
+            warn$1(`useCssModule must be called inside setup()`);
             return EMPTY_OBJ;
         }
         const modules = instance.type.__cssModules;
         if (!modules) {
-            warn(`Current instance does not have CSS modules injected.`);
+            warn$1(`Current instance does not have CSS modules injected.`);
             return EMPTY_OBJ;
         }
         const mod = modules[name];
         if (!mod) {
-            warn(`Current instance does not have CSS module named "${name}".`);
+            warn$1(`Current instance does not have CSS module named "${name}".`);
             return EMPTY_OBJ;
         }
         return mod;
@@ -11200,7 +11730,8 @@ const DOMTransitionPropsValidators = {
     leaveActiveClass: String,
     leaveToClass: String
 };
-const TransitionPropsValidators = (Transition.props = /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
+const TransitionPropsValidators = (Transition.props =
+    /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
 /**
  * #3227 Incoming hooks may be merged into arrays when wrapping Transition
  * with custom HOCs.
@@ -11356,11 +11887,11 @@ function NumberOf(val) {
 }
 function validateDuration(val) {
     if (typeof val !== 'number') {
-        warn(`<transition> explicit duration is not a valid number - ` +
+        warn$1(`<transition> explicit duration is not a valid number - ` +
             `got ${JSON.stringify(val)}.`);
     }
     else if (isNaN(val)) {
-        warn(`<transition> explicit duration is NaN - ` +
+        warn$1(`<transition> explicit duration is NaN - ` +
             'the duration expression might be incorrect.');
     }
 }
@@ -11549,7 +12080,7 @@ const TransitionGroupImpl = {
                     setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                 }
                 else {
-                    warn(`<TransitionGroup> children must be keyed.`);
+                    warn$1(`<TransitionGroup> children must be keyed.`);
                 }
             }
             if (prevChildren) {
@@ -11605,9 +12136,7 @@ function hasCSSTransform(el, root, moveClass) {
     }
     moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c));
     clone.style.display = 'none';
-    const container = (root.nodeType === 1
-        ? root
-        : root.parentNode);
+    const container = (root.nodeType === 1 ? root : root.parentNode);
     container.appendChild(clone);
     const { hasTransform } = getTransitionInfo(clone);
     container.removeChild(clone);
@@ -11638,7 +12167,7 @@ function trigger$1(el, type) {
 const vModelText = {
     created(el, { modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
-        const castToNumber = number || el.type === 'number';
+        const castToNumber = number || (vnode.props && vnode.props.type === 'number');
         addEventListener(el, lazy ? 'change' : 'input', e => {
             if (e.target.composing)
                 return;
@@ -11670,12 +12199,15 @@ const vModelText = {
     mounted(el, { value }) {
         el.value = value == null ? '' : value;
     },
-    beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) {
+    beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
         // avoid clearing unresolved text. #2302
         if (el.composing)
             return;
         if (document.activeElement === el) {
+            if (lazy) {
+                return;
+            }
             if (trim && el.value.trim() === value) {
                 return;
             }
@@ -11690,6 +12222,8 @@ const vModelText = {
     }
 };
 const vModelCheckbox = {
+    // #4096 array checkboxes need to be deep traversed
+    deep: true,
     created(el, _, vnode) {
         el._assign = getModelAssigner(vnode);
         addEventListener(el, 'change', () => {
@@ -11759,6 +12293,8 @@ const vModelRadio = {
     }
 };
 const vModelSelect = {
+    // <select multiple> value need to be deep traversed
+    deep: true,
     created(el, { value, modifiers: { number } }, vnode) {
         const isSetModel = isSet(value);
         addEventListener(el, 'change', () => {
@@ -11788,7 +12324,7 @@ const vModelSelect = {
 function setSelected(el, value) {
     const isMultiple = el.multiple;
     if (isMultiple && !isArray(value) && !isSet(value)) {
-        warn(`<select multiple v-model> expects an Array or Set value for its binding, ` +
+        warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` +
                 `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`);
         return;
     }
@@ -12023,13 +12559,14 @@ function setDisplay(el, value) {
     el.style.display = value ? el._vod : 'none';
 }
 
-const rendererOptions = extend({ patchProp, forcePatchProp }, nodeOps);
+const rendererOptions = extend({ patchProp }, nodeOps);
 // lazy create the renderer - this makes core renderer logic tree-shakable
 // in case the user only imports reactivity utilities from Vue.
 let renderer;
 let enabledHydration = false;
 function ensureRenderer() {
-    return renderer || (renderer = createRenderer(rendererOptions));
+    return (renderer ||
+        (renderer = createRenderer(rendererOptions)));
 }
 function ensureHydrationRenderer() {
     renderer = enabledHydration
@@ -12117,7 +12654,7 @@ function injectCompilerOptionsCheck(app) {
                 return isCustomElement;
             },
             set() {
-                warn(`The \`isCustomElement\` config option is deprecated. Use ` +
+                warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
                     `\`compilerOptions.isCustomElement\` instead.`);
             }
         });
@@ -12131,11 +12668,11 @@ function injectCompilerOptionsCheck(app) {
             `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
         Object.defineProperty(app.config, 'compilerOptions', {
             get() {
-                warn(msg);
+                warn$1(msg);
                 return compilerOptions;
             },
             set() {
-                warn(msg);
+                warn$1(msg);
             }
         });
     }
@@ -12144,13 +12681,14 @@ function normalizeContainer(container) {
     if (isString(container)) {
         const res = document.querySelector(container);
         if (!res) {
-            warn(`Failed to mount app: mount target selector "${container}" returned null.`);
+            warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
         }
         return res;
     }
-    if (container instanceof window.ShadowRoot &&
+    if (window.ShadowRoot &&
+        container instanceof window.ShadowRoot &&
         container.mode === 'closed') {
-        warn(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+        warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
 }
@@ -12161,6 +12699,9 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   hydrate: hydrate,
   createApp: createApp,
   createSSRApp: createSSRApp,
+  defineCustomElement: defineCustomElement,
+  defineSSRCustomElement: defineSSRCustomElement,
+  VueElement: VueElement,
   useCssModule: useCssModule,
   useCssVars: useCssVars,
   Transition: Transition,
@@ -12173,6 +12714,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   withModifiers: withModifiers,
   withKeys: withKeys,
   vShow: vShow,
+  computed: computed,
   reactive: reactive,
   ref: ref,
   readonly: readonly,
@@ -12191,9 +12733,17 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   shallowReadonly: shallowReadonly,
   markRaw: markRaw,
   toRaw: toRaw,
-  computed: computed$1,
+  effect: effect,
+  stop: stop,
+  ReactiveEffect: ReactiveEffect,
+  effectScope: effectScope,
+  EffectScope: EffectScope,
+  getCurrentScope: getCurrentScope,
+  onScopeDispose: onScopeDispose,
   watch: watch,
   watchEffect: watchEffect,
+  watchPostEffect: watchPostEffect,
+  watchSyncEffect: watchSyncEffect,
   onBeforeMount: onBeforeMount,
   onMounted: onMounted,
   onBeforeUpdate: onBeforeUpdate,
@@ -12213,16 +12763,14 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   nextTick: nextTick,
   defineComponent: defineComponent,
   defineAsyncComponent: defineAsyncComponent,
+  useAttrs: useAttrs,
+  useSlots: useSlots,
   defineProps: defineProps,
   defineEmits: defineEmits,
   defineExpose: defineExpose,
   withDefaults: withDefaults,
   mergeDefaults: mergeDefaults,
   withAsyncContext: withAsyncContext,
-  defineEmit: defineEmit,
-  useContext: useContext,
-  useAttrs: useAttrs,
-  useSlots: useSlots,
   getCurrentInstance: getCurrentInstance,
   h: h,
   createVNode: createVNode,
@@ -12243,7 +12791,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   createRenderer: createRenderer,
   createHydrationRenderer: createHydrationRenderer,
   queuePostFlushCb: queuePostFlushCb,
-  warn: warn,
+  warn: warn$1,
   handleError: handleError,
   callWithErrorHandling: callWithErrorHandling,
   callWithAsyncErrorHandling: callWithAsyncErrorHandling,
@@ -12267,19 +12815,32 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   toHandlers: toHandlers,
   renderSlot: renderSlot,
   createSlots: createSlots,
+  withMemo: withMemo,
+  isMemoSame: isMemoSame,
   openBlock: openBlock,
   createBlock: createBlock,
   setBlockTracking: setBlockTracking,
   createTextVNode: createTextVNode,
   createCommentVNode: createCommentVNode,
   createStaticVNode: createStaticVNode,
+  createElementVNode: createBaseVNode,
+  createElementBlock: createElementBlock,
+  guardReactiveProps: guardReactiveProps,
   toDisplayString: toDisplayString,
   camelize: camelize,
   capitalize: capitalize,
   toHandlerKey: toHandlerKey,
+  normalizeProps: normalizeProps,
+  normalizeClass: normalizeClass,
+  normalizeStyle: normalizeStyle,
   transformVNodeArgs: transformVNodeArgs,
   injectHook: injectHook,
   get isInSSRComponentSetup () { return isInSSRComponentSetup; },
+  $ref: $ref,
+  $shallowRef: $shallowRef,
+  $computed: $computed,
+  $raw: $raw,
+  $fromRefs: $fromRefs,
   version: version,
   ssrUtils: ssrUtils,
   resolveFilter: resolveFilter$1,
@@ -12314,7 +12875,7 @@ function createCompatVue$1() {
 const Vue = createCompatVue$1();
 Vue.compile = (() => {
     {
-        warn(`Runtime compilation is not supported in this build of Vue.` +
+        warn$1(`Runtime compilation is not supported in this build of Vue.` +
             (``) /* should not happen */);
     }
 });
diff --git a/packages/uni-h5-vue/dist/vue.runtime.compat.esm.js b/packages/uni-h5-vue/dist/vue.runtime.compat.esm.js
index fb5e7f5b8..07e668fbd 100644
--- a/packages/uni-h5-vue/dist/vue.runtime.compat.esm.js
+++ b/packages/uni-h5-vue/dist/vue.runtime.compat.esm.js
@@ -40,7 +40,9 @@ function normalizeStyle(value) {
         const res = {};
         for (let i = 0; i < value.length; i++) {
             const item = value[i];
-            const normalized = normalizeStyle(isString(item) ? parseStringStyle(item) : item);
+            const normalized = isString(item)
+                ? parseStringStyle(item)
+                : normalizeStyle(item);
             if (normalized) {
                 for (const key in normalized) {
                     res[key] = normalized[key];
@@ -49,6 +51,9 @@ function normalizeStyle(value) {
         }
         return res;
     }
+    else if (isString(value)) {
+        return value;
+    }
     else if (isObject(value)) {
         return value;
     }
@@ -86,14 +91,26 @@ function normalizeClass(value) {
         }
     }
     return res.trim();
+}
+function normalizeProps(props) {
+    if (!props)
+        return null;
+    let { class: klass, style } = props;
+    if (klass && !isString(klass)) {
+        props.class = normalizeClass(klass);
+    }
+    if (style) {
+        props.style = normalizeStyle(style);
+    }
+    return props;
 }
 
 // These tag configs are shared between compiler-dom and runtime-dom, so they
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' +
-    'header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,' +
+    'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
     'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' +
-    'data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,' +
+    'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' +
     'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' +
     'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' +
     'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' +
@@ -170,12 +187,16 @@ function looseIndexOf(arr, val) {
 const toDisplayString = (val) => {
     return val == null
         ? ''
-        : isObject(val)
+        : isArray(val) || (isObject(val) && val.toString === objectToString)
             ? JSON.stringify(val, replacer, 2)
             : String(val);
 };
 const replacer = (_key, val) => {
-    if (isMap(val)) {
+    // can't use isRef here since @vue/shared has no deps
+    if (val && val.__v_isRef) {
+        return replacer(_key, val.value);
+    }
+    else if (isMap(val)) {
         return {
             [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => {
                 entries[`${key} =>`] = val;
@@ -269,9 +290,9 @@ const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + st
 /**
  * @private
  */
-const toHandlerKey = cacheStringFunction((str) => (str ? `on${capitalize(str)}` : ``));
+const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``);
 // compare whether a value has changed, accounting for NaN.
-const hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 const invokeArrayFns = (fns, arg) => {
     for (let i = 0; i < fns.length; i++) {
         fns[i](arg);
@@ -303,64 +324,188 @@ const getGlobalThis = () => {
                             : {}));
 };
 
-const targetMap = new WeakMap();
-const effectStack = [];
-let activeEffect;
-const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
-const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
-function isEffect(fn) {
-    return fn && fn._isEffect === true;
-}
-function effect(fn, options = EMPTY_OBJ) {
-    if (isEffect(fn)) {
-        fn = fn.raw;
+function warn(msg, ...args) {
+    console.warn(`[Vue warn] ${msg}`, ...args);
+}
+
+let activeEffectScope;
+const effectScopeStack = [];
+class EffectScope {
+    constructor(detached = false) {
+        this.active = true;
+        this.effects = [];
+        this.cleanups = [];
+        if (!detached && activeEffectScope) {
+            this.parent = activeEffectScope;
+            this.index =
+                (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+        }
+    }
+    run(fn) {
+        if (this.active) {
+            try {
+                this.on();
+                return fn();
+            }
+            finally {
+                this.off();
+            }
+        }
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn(`cannot run an inactive effect scope.`);
+        }
     }
-    const effect = createReactiveEffect(fn, options);
-    if (!options.lazy) {
-        effect();
+    on() {
+        if (this.active) {
+            effectScopeStack.push(this);
+            activeEffectScope = this;
+        }
     }
-    return effect;
-}
-function stop(effect) {
-    if (effect.active) {
-        cleanup(effect);
-        if (effect.options.onStop) {
-            effect.options.onStop();
+    off() {
+        if (this.active) {
+            effectScopeStack.pop();
+            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+        }
+    }
+    stop(fromParent) {
+        if (this.active) {
+            this.effects.forEach(e => e.stop());
+            this.cleanups.forEach(cleanup => cleanup());
+            if (this.scopes) {
+                this.scopes.forEach(e => e.stop(true));
+            }
+            // nested scope, dereference from parent to avoid memory leaks
+            if (this.parent && !fromParent) {
+                // optimized O(1) removal
+                const last = this.parent.scopes.pop();
+                if (last && last !== this) {
+                    this.parent.scopes[this.index] = last;
+                    last.index = this.index;
+                }
+            }
+            this.active = false;
         }
-        effect.active = false;
     }
 }
-let uid = 0;
-function createReactiveEffect(fn, options) {
-    const effect = function reactiveEffect() {
-        if (!effect.active) {
-            return fn();
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+    }
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn(`onDispose() is called when there is no active effect scope` +
+            ` to be associated with.`);
+    }
+}
+
+const createDep = (effects) => {
+    const dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+    if (deps.length) {
+        for (let i = 0; i < deps.length; i++) {
+            deps[i].w |= trackOpBit; // set was tracked
+        }
+    }
+};
+const finalizeDepMarkers = (effect) => {
+    const { deps } = effect;
+    if (deps.length) {
+        let ptr = 0;
+        for (let i = 0; i < deps.length; i++) {
+            const dep = deps[i];
+            if (wasTracked(dep) && !newTracked(dep)) {
+                dep.delete(effect);
+            }
+            else {
+                deps[ptr++] = dep;
+            }
+            // clear bits
+            dep.w &= ~trackOpBit;
+            dep.n &= ~trackOpBit;
         }
-        if (!effectStack.includes(effect)) {
-            cleanup(effect);
+        deps.length = ptr;
+    }
+};
+
+const targetMap = new WeakMap();
+// The number of effects currently being tracked recursively.
+let effectTrackDepth = 0;
+let trackOpBit = 1;
+/**
+ * The bitwise track markers support at most 30 levels op recursion.
+ * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+ * When recursion depth is greater, fall back to using a full cleanup.
+ */
+const maxMarkerBits = 30;
+const effectStack = [];
+let activeEffect;
+const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
+const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
+class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+        this.fn = fn;
+        this.scheduler = scheduler;
+        this.active = true;
+        this.deps = [];
+        recordEffectScope(this, scope);
+    }
+    run() {
+        if (!this.active) {
+            return this.fn();
+        }
+        if (!effectStack.includes(this)) {
             try {
+                effectStack.push((activeEffect = this));
                 enableTracking();
-                effectStack.push(effect);
-                activeEffect = effect;
-                return fn();
+                trackOpBit = 1 << ++effectTrackDepth;
+                if (effectTrackDepth <= maxMarkerBits) {
+                    initDepMarkers(this);
+                }
+                else {
+                    cleanupEffect(this);
+                }
+                return this.fn();
             }
             finally {
-                effectStack.pop();
+                if (effectTrackDepth <= maxMarkerBits) {
+                    finalizeDepMarkers(this);
+                }
+                trackOpBit = 1 << --effectTrackDepth;
                 resetTracking();
-                activeEffect = effectStack[effectStack.length - 1];
+                effectStack.pop();
+                const n = effectStack.length;
+                activeEffect = n > 0 ? effectStack[n - 1] : undefined;
             }
         }
-    };
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
-}
-function cleanup(effect) {
+    }
+    stop() {
+        if (this.active) {
+            cleanupEffect(this);
+            if (this.onStop) {
+                this.onStop();
+            }
+            this.active = false;
+        }
+    }
+}
+function cleanupEffect(effect) {
     const { deps } = effect;
     if (deps.length) {
         for (let i = 0; i < deps.length; i++) {
@@ -369,6 +514,26 @@ function cleanup(effect) {
         deps.length = 0;
     }
 }
+function effect(fn, options) {
+    if (fn.effect) {
+        fn = fn.effect.fn;
+    }
+    const _effect = new ReactiveEffect(fn);
+    if (options) {
+        extend(_effect, options);
+        if (options.scope)
+            recordEffectScope(_effect, options.scope);
+    }
+    if (!options || !options.lazy) {
+        _effect.run();
+    }
+    const runner = _effect.run.bind(_effect);
+    runner.effect = _effect;
+    return runner;
+}
+function stop(runner) {
+    runner.effect.stop();
+}
 let shouldTrack = true;
 const trackStack = [];
 function pauseTracking() {
@@ -384,7 +549,7 @@ function resetTracking() {
     shouldTrack = last === undefined ? true : last;
 }
 function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
         return;
     }
     let depsMap = targetMap.get(target);
@@ -393,18 +558,35 @@ function track(target, type, key) {
     }
     let dep = depsMap.get(key);
     if (!dep) {
-        depsMap.set(key, (dep = new Set()));
+        depsMap.set(key, (dep = createDep()));
+    }
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { effect: activeEffect, target, type, key }
+        : undefined;
+    trackEffects(dep, eventInfo);
+}
+function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+}
+function trackEffects(dep, debuggerEventExtraInfo) {
+    let shouldTrack = false;
+    if (effectTrackDepth <= maxMarkerBits) {
+        if (!newTracked(dep)) {
+            dep.n |= trackOpBit; // set newly tracked
+            shouldTrack = !wasTracked(dep);
+        }
     }
-    if (!dep.has(activeEffect)) {
+    else {
+        // Full cleanup mode.
+        shouldTrack = !dep.has(activeEffect);
+    }
+    if (shouldTrack) {
         dep.add(activeEffect);
         activeEffect.deps.push(dep);
-        if ((process.env.NODE_ENV !== 'production') && activeEffect.options.onTrack) {
-            activeEffect.options.onTrack({
-                effect: activeEffect,
-                target,
-                type,
-                key
-            });
+        if ((process.env.NODE_ENV !== 'production') && activeEffect.onTrack) {
+            activeEffect.onTrack(Object.assign({
+                effect: activeEffect
+            }, debuggerEventExtraInfo));
         }
     }
 }
@@ -414,82 +596,96 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         // never been tracked
         return;
     }
-    const effects = new Set();
-    const add = (effectsToAdd) => {
-        if (effectsToAdd) {
-            effectsToAdd.forEach(effect => {
-                if (effect !== activeEffect || effect.allowRecurse) {
-                    effects.add(effect);
-                }
-            });
-        }
-    };
+    let deps = [];
     if (type === "clear" /* CLEAR */) {
         // collection being cleared
         // trigger all effects for target
-        depsMap.forEach(add);
+        deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newValue) {
-                add(dep);
+                deps.push(dep);
             }
         });
     }
     else {
         // schedule runs for SET | ADD | DELETE
         if (key !== void 0) {
-            add(depsMap.get(key));
+            deps.push(depsMap.get(key));
         }
         // also run for iteration key on ADD | DELETE | Map.SET
         switch (type) {
             case "add" /* ADD */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 else if (isIntegerKey(key)) {
                     // new index added to array -> length changes
-                    add(depsMap.get('length'));
+                    deps.push(depsMap.get('length'));
                 }
                 break;
             case "delete" /* DELETE */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 break;
             case "set" /* SET */:
                 if (isMap(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                 }
                 break;
         }
     }
-    const run = (effect) => {
-        if ((process.env.NODE_ENV !== 'production') && effect.options.onTrigger) {
-            effect.options.onTrigger({
-                effect,
-                target,
-                key,
-                type,
-                newValue,
-                oldValue,
-                oldTarget
-            });
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { target, type, key, newValue, oldValue, oldTarget }
+        : undefined;
+    if (deps.length === 1) {
+        if (deps[0]) {
+            if ((process.env.NODE_ENV !== 'production')) {
+                triggerEffects(deps[0], eventInfo);
+            }
+            else {
+                triggerEffects(deps[0]);
+            }
+        }
+    }
+    else {
+        const effects = [];
+        for (const dep of deps) {
+            if (dep) {
+                effects.push(...dep);
+            }
         }
-        if (effect.options.scheduler) {
-            effect.options.scheduler(effect);
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(createDep(effects), eventInfo);
         }
         else {
-            effect();
+            triggerEffects(createDep(effects));
         }
-    };
-    effects.forEach(run);
+    }
+}
+function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (const effect of isArray(dep) ? dep : [...dep]) {
+        if (effect !== activeEffect || effect.allowRecurse) {
+            if ((process.env.NODE_ENV !== 'production') && effect.onTrigger) {
+                effect.onTrigger(extend({ effect }, debuggerEventExtraInfo));
+            }
+            if (effect.scheduler) {
+                effect.scheduler();
+            }
+            else {
+                effect.run();
+            }
+        }
+    }
 }
 
 const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -504,17 +700,16 @@ const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
 function createArrayInstrumentations() {
     const instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             const arr = toRaw(this);
             for (let i = 0, l = this.length; i < l; i++) {
                 track(arr, "get" /* GET */, i + '');
             }
             // we run the method using the original args first (which may be reactive)
-            const res = method.apply(arr, args);
+            const res = arr[key](...args);
             if (res === -1 || res === false) {
                 // if that didn't work, run it again using raw values.
-                return method.apply(arr, args.map(toRaw));
+                return arr[key](...args.map(toRaw));
             }
             else {
                 return res;
@@ -522,10 +717,9 @@ function createArrayInstrumentations() {
         };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             pauseTracking();
-            const res = method.apply(this, args);
+            const res = toRaw(this)[key].apply(this, args);
             resetTracking();
             return res;
         };
@@ -1045,13 +1239,48 @@ function isProxy(value) {
     return isReactive(value) || isReadonly(value);
 }
 function toRaw(observed) {
-    return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
+    const raw = observed && observed["__v_raw" /* RAW */];
+    return raw ? toRaw(raw) : observed;
 }
 function markRaw(value) {
     def(value, "__v_skip" /* SKIP */, true);
     return value;
 }
 
+function trackRefValue(ref) {
+    if (isTracking()) {
+        ref = toRaw(ref);
+        if (!ref.dep) {
+            ref.dep = createDep();
+        }
+        if ((process.env.NODE_ENV !== 'production')) {
+            trackEffects(ref.dep, {
+                target: ref,
+                type: "get" /* GET */,
+                key: 'value'
+            });
+        }
+        else {
+            trackEffects(ref.dep);
+        }
+    }
+}
+function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+    if (ref.dep) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(ref.dep, {
+                target: ref,
+                type: "set" /* SET */,
+                key: 'value',
+                newValue: newVal
+            });
+        }
+        else {
+            triggerEffects(ref.dep);
+        }
+    }
+}
 const convert = (val) => isObject(val) ? reactive(val) : val;
 function isRef(r) {
     return Boolean(r && r.__v_isRef === true);
@@ -1063,21 +1292,23 @@ function shallowRef(value) {
     return createRef(value, true);
 }
 class RefImpl {
-    constructor(_rawValue, _shallow) {
-        this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
         this._shallow = _shallow;
+        this.dep = undefined;
         this.__v_isRef = true;
-        this._value = _shallow ? _rawValue : convert(_rawValue);
+        this._rawValue = _shallow ? value : toRaw(value);
+        this._value = _shallow ? value : convert(value);
     }
     get value() {
-        track(toRaw(this), "get" /* GET */, 'value');
+        trackRefValue(this);
         return this._value;
     }
     set value(newVal) {
-        if (hasChanged(toRaw(newVal), this._rawValue)) {
+        newVal = this._shallow ? newVal : toRaw(newVal);
+        if (hasChanged(newVal, this._rawValue)) {
             this._rawValue = newVal;
             this._value = this._shallow ? newVal : convert(newVal);
-            trigger(toRaw(this), "set" /* SET */, 'value', newVal);
+            triggerRefValue(this, newVal);
         }
     }
 }
@@ -1088,7 +1319,7 @@ function createRef(rawValue, shallow = false) {
     return new RefImpl(rawValue, shallow);
 }
 function triggerRef(ref) {
-    trigger(toRaw(ref), "set" /* SET */, 'value', (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
+    triggerRefValue(ref, (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
 }
 function unref(ref) {
     return isRef(ref) ? ref.value : ref;
@@ -1113,8 +1344,9 @@ function proxyRefs(objectWithRefs) {
 }
 class CustomRefImpl {
     constructor(factory) {
+        this.dep = undefined;
         this.__v_isRef = true;
-        const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
+        const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
         this._get = get;
         this._set = set;
     }
@@ -1160,15 +1392,13 @@ function toRef(object, key) {
 class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
         this._setter = _setter;
+        this.dep = undefined;
         this._dirty = true;
         this.__v_isRef = true;
-        this.effect = effect(getter, {
-            lazy: true,
-            scheduler: () => {
-                if (!this._dirty) {
-                    this._dirty = true;
-                    trigger(toRaw(this), "set" /* SET */, 'value');
-                }
+        this.effect = new ReactiveEffect(getter, () => {
+            if (!this._dirty) {
+                this._dirty = true;
+                triggerRefValue(this);
             }
         });
         this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
@@ -1176,18 +1406,18 @@ class ComputedRefImpl {
     get value() {
         // the computed ref may get wrapped by other proxies e.g. readonly() #3376
         const self = toRaw(this);
+        trackRefValue(self);
         if (self._dirty) {
-            self._value = this.effect();
             self._dirty = false;
+            self._value = self.effect.run();
         }
-        track(self, "get" /* GET */, 'value');
         return self._value;
     }
     set value(newValue) {
         this._setter(newValue);
     }
 }
-function computed(getterOrOptions) {
+function computed(getterOrOptions, debugOptions) {
     let getter;
     let setter;
     if (isFunction(getterOrOptions)) {
@@ -1202,581 +1432,180 @@ function computed(getterOrOptions) {
         getter = getterOrOptions.get;
         setter = getterOrOptions.set;
     }
-    return new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    if ((process.env.NODE_ENV !== 'production') && debugOptions) {
+        cRef.effect.onTrack = debugOptions.onTrack;
+        cRef.effect.onTrigger = debugOptions.onTrigger;
+    }
+    return cRef;
 }
 
-const stack = [];
-function pushWarningContext(vnode) {
-    stack.push(vnode);
-}
-function popWarningContext() {
-    stack.pop();
+/* eslint-disable no-restricted-globals */
+let isHmrUpdating = false;
+const hmrDirtyComponents = new Set();
+// Expose the HMR runtime on the global object
+// This makes it entirely tree-shakable without polluting the exports and makes
+// it easier to be used in toolings like vue-loader
+// Note: for a component to be eligible for HMR it also needs the __hmrId option
+// to be set so that its instances can be registered / removed.
+if ((process.env.NODE_ENV !== 'production')) {
+    const globalObject = typeof global !== 'undefined'
+        ? global
+        : typeof self !== 'undefined'
+            ? self
+            : typeof window !== 'undefined'
+                ? window
+                : {};
+    globalObject.__VUE_HMR_RUNTIME__ = {
+        createRecord: tryWrap(createRecord),
+        rerender: tryWrap(rerender),
+        reload: tryWrap(reload)
+    };
 }
-function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    const instance = stack.length ? stack[stack.length - 1].component : null;
-    const appWarnHandler = instance && instance.appContext.config.warnHandler;
-    const trace = getComponentTrace();
-    if (appWarnHandler) {
-        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
-            msg + args.join(''),
-            instance && instance.proxy,
-            trace
-                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
-                .join('\n'),
-            trace
-        ]);
-    }
-    else {
-        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-        /* istanbul ignore if */
-        if (trace.length &&
-            // avoid spamming console during tests
-            !false) {
-            warnArgs.push(`\n`, ...formatTrace(trace));
-        }
-        console.warn(...warnArgs);
+const map = new Map();
+function registerHMR(instance) {
+    const id = instance.type.__hmrId;
+    let record = map.get(id);
+    if (!record) {
+        createRecord(id, instance.type);
+        record = map.get(id);
     }
-    resetTracking();
+    record.instances.add(instance);
 }
-function getComponentTrace() {
-    let currentVNode = stack[stack.length - 1];
-    if (!currentVNode) {
-        return [];
+function unregisterHMR(instance) {
+    map.get(instance.type.__hmrId).instances.delete(instance);
+}
+function createRecord(id, component) {
+    if (!component) {
+        warn$1(`HMR API usage is out of date.\n` +
+            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
+            `dependency that handles Vue SFC compilation.`);
+        component = {};
     }
-    // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
-    const normalizedStack = [];
-    while (currentVNode) {
-        const last = normalizedStack[0];
-        if (last && last.vnode === currentVNode) {
-            last.recurseCount++;
-        }
-        else {
-            normalizedStack.push({
-                vnode: currentVNode,
-                recurseCount: 0
-            });
-        }
-        const parentInstance = currentVNode.component && currentVNode.component.parent;
-        currentVNode = parentInstance && parentInstance.vnode;
+    if (map.has(id)) {
+        return false;
     }
-    return normalizedStack;
+    map.set(id, {
+        component: isClassComponent(component) ? component.__vccOpts : component,
+        instances: new Set()
+    });
+    return true;
 }
-/* istanbul ignore next */
-function formatTrace(trace) {
-    const logs = [];
-    trace.forEach((entry, i) => {
-        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+function rerender(id, newRender) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    if (newRender)
+        record.component.render = newRender;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    Array.from(record.instances).forEach(instance => {
+        if (newRender) {
+            instance.render = newRender;
+        }
+        instance.renderCache = [];
+        // this flag forces child components with slot content to update
+        isHmrUpdating = true;
+        instance.update();
+        isHmrUpdating = false;
     });
-    return logs;
 }
-function formatTraceEntry({ vnode, recurseCount }) {
-    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-    const isRoot = vnode.component ? vnode.component.parent == null : false;
-    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
-    const close = `>` + postfix;
-    return vnode.props
-        ? [open, ...formatProps(vnode.props), close]
-        : [open + close];
-}
-/* istanbul ignore next */
-function formatProps(props) {
-    const res = [];
-    const keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-        res.push(...formatProp(key, props[key]));
-    });
-    if (keys.length > 3) {
-        res.push(` ...`);
-    }
-    return res;
-}
-/* istanbul ignore next */
-function formatProp(key, value, raw) {
-    if (isString(value)) {
-        value = JSON.stringify(value);
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (typeof value === 'number' ||
-        typeof value === 'boolean' ||
-        value == null) {
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (isRef(value)) {
-        value = formatProp(key, toRaw(value.value), true);
-        return raw ? value : [`${key}=Ref<`, value, `>`];
-    }
-    else if (isFunction(value)) {
-        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-    }
-    else {
-        value = toRaw(value);
-        return raw ? value : [`${key}=`, value];
-    }
-}
-
-const ErrorTypeStrings = {
-    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
-    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
-    ["c" /* CREATED */]: 'created hook',
-    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
-    ["m" /* MOUNTED */]: 'mounted hook',
-    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
-    ["u" /* UPDATED */]: 'updated',
-    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
-    ["um" /* UNMOUNTED */]: 'unmounted hook',
-    ["a" /* ACTIVATED */]: 'activated hook',
-    ["da" /* DEACTIVATED */]: 'deactivated hook',
-    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
-    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
-    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
-    [0 /* SETUP_FUNCTION */]: 'setup function',
-    [1 /* RENDER_FUNCTION */]: 'render function',
-    [2 /* WATCH_GETTER */]: 'watcher getter',
-    [3 /* WATCH_CALLBACK */]: 'watcher callback',
-    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
-    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
-    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
-    [7 /* VNODE_HOOK */]: 'vnode hook',
-    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
-    [9 /* TRANSITION_HOOK */]: 'transition hook',
-    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
-    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
-    [12 /* FUNCTION_REF */]: 'ref function',
-    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
-    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-};
-function callWithErrorHandling(fn, instance, type, args) {
-    let res;
-    try {
-        res = args ? fn(...args) : fn();
-    }
-    catch (err) {
-        handleError(err, instance, type);
-    }
-    return res;
-}
-function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction(fn)) {
-        const res = callWithErrorHandling(fn, instance, type, args);
-        if (res && isPromise(res)) {
-            res.catch(err => {
-                handleError(err, instance, type);
-            });
+function reload(id, newComp) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    const { component, instances } = record;
+    if (!hmrDirtyComponents.has(component)) {
+        // 1. Update existing comp definition to match new one
+        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+        extend(component, newComp);
+        for (const key in component) {
+            if (key !== '__file' && !(key in newComp)) {
+                delete component[key];
+            }
         }
-        return res;
-    }
-    const values = [];
-    for (let i = 0; i < fn.length; i++) {
-        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+        // 2. Mark component dirty. This forces the renderer to replace the component
+        // on patch.
+        hmrDirtyComponents.add(component);
+        // 3. Make sure to unmark the component after the reload.
+        queuePostFlushCb(() => {
+            hmrDirtyComponents.delete(component);
+        });
     }
-    return values;
-}
-function handleError(err, instance, type, throwInDev = true) {
-    const contextVNode = instance ? instance.vnode : null;
-    if (instance) {
-        let cur = instance.parent;
-        // the exposed instance is the render proxy to keep it consistent with 2.x
-        const exposedInstance = instance.proxy;
-        // in production the hook receives only the error code
-        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
-        while (cur) {
-            const errorCapturedHooks = cur.ec;
-            if (errorCapturedHooks) {
-                for (let i = 0; i < errorCapturedHooks.length; i++) {
-                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-                        return;
-                    }
-                }
+    Array.from(instances).forEach(instance => {
+        // invalidate options resolution cache
+        instance.appContext.optionsCache.delete(instance.type);
+        if (instance.ceReload) {
+            // custom element
+            hmrDirtyComponents.add(component);
+            instance.ceReload(newComp.styles);
+            hmrDirtyComponents.delete(component);
+        }
+        else if (instance.parent) {
+            // 4. Force the parent instance to re-render. This will cause all updated
+            // components to be unmounted and re-mounted. Queue the update so that we
+            // don't end up forcing the same parent to re-render multiple times.
+            queueJob(instance.parent.update);
+            // instance is the inner component of an async custom element
+            // invoke to reset styles
+            if (instance.parent.type.__asyncLoader &&
+                instance.parent.ceReload) {
+                instance.parent.ceReload(newComp.styles);
             }
-            cur = cur.parent;
         }
-        // app-level handling
-        const appErrorHandler = instance.appContext.config.errorHandler;
-        if (appErrorHandler) {
-            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
-            return;
+        else if (instance.appContext.reload) {
+            // root instance mounted via createApp() has a reload method
+            instance.appContext.reload();
         }
-    }
-    logError(err, type, contextVNode, throwInDev);
-}
-function logError(err, type, contextVNode, throwInDev = true) {
-    if ((process.env.NODE_ENV !== 'production')) {
-        const info = ErrorTypeStrings[type];
-        if (contextVNode) {
-            pushWarningContext(contextVNode);
+        else if (typeof window !== 'undefined') {
+            // root instance inside tree created via raw render(). Force reload.
+            window.location.reload();
         }
-        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-        if (contextVNode) {
-            popWarningContext();
+        else {
+            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
         }
-        // crash in dev by default so it's more noticeable
-        if (throwInDev) {
-            throw err;
+    });
+}
+function tryWrap(fn) {
+    return (id, arg) => {
+        try {
+            return fn(id, arg);
         }
-        else {
-            console.error(err);
+        catch (e) {
+            console.error(e);
+            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
+                `Full reload required.`);
         }
-    }
-    else {
-        // recover in prod to reduce the impact on end-user
-        console.error(err);
-    }
+    };
 }
 
-let isFlushing = false;
-let isFlushPending = false;
-const queue = [];
-let flushIndex = 0;
-const pendingPreFlushCbs = [];
-let activePreFlushCbs = null;
-let preFlushIndex = 0;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
-let postFlushIndex = 0;
-const resolvedPromise = Promise.resolve();
-let currentFlushPromise = null;
-let currentPreFlushParentJob = null;
-const RECURSION_LIMIT = 100;
-function nextTick(fn) {
-    const p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+let devtools;
+function setDevtoolsHook(hook) {
+    devtools = hook;
 }
-// #2768
-// Use binary-search to find a suitable position in the queue,
-// so that the queue maintains the increasing order of job's id,
-// which can prevent the job from being skipped and also can avoid repeated patching.
-function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    let start = flushIndex + 1;
-    let end = queue.length;
-    const jobId = getId(job);
-    while (start < end) {
-        const middle = (start + end) >>> 1;
-        const middleJobId = getId(queue[middle]);
-        middleJobId < jobId ? (start = middle + 1) : (end = middle);
-    }
-    return start;
+function devtoolsInitApp(app, version) {
+    // TODO queue if devtools is undefined
+    if (!devtools)
+        return;
+    devtools.emit("app:init" /* APP_INIT */, app, version, {
+        Fragment,
+        Text,
+        Comment: Comment$1,
+        Static
+    });
 }
-function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length ||
-        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
-        job !== currentPreFlushParentJob) {
-        const pos = findInsertionIndex(job);
-        if (pos > -1) {
-            queue.splice(pos, 0, job);
-        }
-        else {
-            queue.push(job);
-        }
-        queueFlush();
-    }
-}
-function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-        isFlushPending = true;
-        currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
-}
-function invalidateJob(job) {
-    const i = queue.indexOf(job);
-    if (i > flushIndex) {
-        queue.splice(i, 1);
-    }
-}
-function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!isArray(cb)) {
-        if (!activeQueue ||
-            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-            pendingQueue.push(cb);
-        }
-    }
-    else {
-        // if cb is an array, it is a component lifecycle hook which can only be
-        // triggered by a job, which is already deduped in the main queue, so
-        // we can skip duplicate check here to improve perf
-        pendingQueue.push(...cb);
-    }
-    queueFlush();
-}
-function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-}
-function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-}
-function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-        currentPreFlushParentJob = parentJob;
-        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-        pendingPreFlushCbs.length = 0;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
-                continue;
-            }
-            activePreFlushCbs[preFlushIndex]();
-        }
-        activePreFlushCbs = null;
-        preFlushIndex = 0;
-        currentPreFlushParentJob = null;
-        // recursively flush until it drains
-        flushPreFlushCbs(seen, parentJob);
-    }
-}
-function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-        const deduped = [...new Set(pendingPostFlushCbs)];
-        pendingPostFlushCbs.length = 0;
-        // #1947 already has active queue, nested flushPostFlushCbs call
-        if (activePostFlushCbs) {
-            activePostFlushCbs.push(...deduped);
-            return;
-        }
-        activePostFlushCbs = deduped;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
-                continue;
-            }
-            activePostFlushCbs[postFlushIndex]();
-        }
-        activePostFlushCbs = null;
-        postFlushIndex = 0;
-    }
-}
-const getId = (job) => job.id == null ? Infinity : job.id;
-function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    if ((process.env.NODE_ENV !== 'production')) {
-        seen = seen || new Map();
-    }
-    flushPreFlushCbs(seen);
-    // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
-    queue.sort((a, b) => getId(a) - getId(b));
-    try {
-        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
-            if (job && job.active !== false) {
-                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
-                    continue;
-                }
-                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
-            }
-        }
-    }
-    finally {
-        flushIndex = 0;
-        queue.length = 0;
-        flushPostFlushCbs(seen);
-        isFlushing = false;
-        currentFlushPromise = null;
-        // some postFlushCb queued jobs!
-        // keep flushing until it drains.
-        if (queue.length ||
-            pendingPreFlushCbs.length ||
-            pendingPostFlushCbs.length) {
-            flushJobs(seen);
-        }
-    }
-}
-function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-        seen.set(fn, 1);
-    }
-    else {
-        const count = seen.get(fn);
-        if (count > RECURSION_LIMIT) {
-            const instance = fn.ownerInstance;
-            const componentName = instance && getComponentName(instance.type);
-            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
-                `This means you have a reactive effect that is mutating its own ` +
-                `dependencies and thus recursively triggering itself. Possible sources ` +
-                `include component template, render function, updated hook or ` +
-                `watcher source function.`);
-            return true;
-        }
-        else {
-            seen.set(fn, count + 1);
-        }
-    }
-}
-
-/* eslint-disable no-restricted-globals */
-let isHmrUpdating = false;
-const hmrDirtyComponents = new Set();
-// Expose the HMR runtime on the global object
-// This makes it entirely tree-shakable without polluting the exports and makes
-// it easier to be used in toolings like vue-loader
-// Note: for a component to be eligible for HMR it also needs the __hmrId option
-// to be set so that its instances can be registered / removed.
-if ((process.env.NODE_ENV !== 'production')) {
-    const globalObject = typeof global !== 'undefined'
-        ? global
-        : typeof self !== 'undefined'
-            ? self
-            : typeof window !== 'undefined'
-                ? window
-                : {};
-    globalObject.__VUE_HMR_RUNTIME__ = {
-        createRecord: tryWrap(createRecord),
-        rerender: tryWrap(rerender),
-        reload: tryWrap(reload)
-    };
-}
-const map = new Map();
-function registerHMR(instance) {
-    const id = instance.type.__hmrId;
-    let record = map.get(id);
-    if (!record) {
-        createRecord(id, instance.type);
-        record = map.get(id);
-    }
-    record.instances.add(instance);
-}
-function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-}
-function createRecord(id, component) {
-    if (!component) {
-        warn(`HMR API usage is out of date.\n` +
-            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-            `dependency that handles Vue SFC compilation.`);
-        component = {};
-    }
-    if (map.has(id)) {
-        return false;
-    }
-    map.set(id, {
-        component: isClassComponent(component) ? component.__vccOpts : component,
-        instances: new Set()
-    });
-    return true;
-}
-function rerender(id, newRender) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    if (newRender)
-        record.component.render = newRender;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    Array.from(record.instances).forEach(instance => {
-        if (newRender) {
-            instance.render = newRender;
-        }
-        instance.renderCache = [];
-        // this flag forces child components with slot content to update
-        isHmrUpdating = true;
-        instance.update();
-        isHmrUpdating = false;
-    });
-}
-function reload(id, newComp) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    const { component, instances } = record;
-    if (!hmrDirtyComponents.has(component)) {
-        // 1. Update existing comp definition to match new one
-        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-        extend(component, newComp);
-        for (const key in component) {
-            if (key !== '__file' && !(key in newComp)) {
-                delete component[key];
-            }
-        }
-        // 2. Mark component dirty. This forces the renderer to replace the component
-        // on patch.
-        hmrDirtyComponents.add(component);
-        // 3. Make sure to unmark the component after the reload.
-        queuePostFlushCb(() => {
-            hmrDirtyComponents.delete(component);
-        });
-    }
-    Array.from(instances).forEach(instance => {
-        if (instance.parent) {
-            // 4. Force the parent instance to re-render. This will cause all updated
-            // components to be unmounted and re-mounted. Queue the update so that we
-            // don't end up forcing the same parent to re-render multiple times.
-            queueJob(instance.parent.update);
-        }
-        else if (instance.appContext.reload) {
-            // root instance mounted via createApp() has a reload method
-            instance.appContext.reload();
-        }
-        else if (typeof window !== 'undefined') {
-            // root instance inside tree created via raw render(). Force reload.
-            window.location.reload();
-        }
-        else {
-            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
-        }
-    });
-}
-function tryWrap(fn) {
-    return (id, arg) => {
-        try {
-            return fn(id, arg);
-        }
-        catch (e) {
-            console.error(e);
-            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
-                `Full reload required.`);
-        }
-    };
-}
-
-let devtools;
-function setDevtoolsHook(hook) {
-    devtools = hook;
-}
-function devtoolsInitApp(app, version) {
-    // TODO queue if devtools is undefined
-    if (!devtools)
-        return;
-    devtools.emit("app:init" /* APP_INIT */, app, version, {
-        Fragment,
-        Text,
-        Comment: Comment$1,
-        Static
-    });
-}
-function devtoolsUnmountApp(app) {
-    if (!devtools)
-        return;
-    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
+function devtoolsUnmountApp(app) {
+    if (!devtools)
+        return;
+    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
 }
 const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-const devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
+const devtoolsComponentUpdated = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
+const devtoolsComponentRemoved = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
 function createDevtoolsComponentHook(hook) {
     return (component) => {
         if (!devtools)
@@ -1923,8 +1752,7 @@ const deprecationData = {
         link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
     },
     ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
-        message: componentName => `Component <${componentName ||
-            'Anonymous'}> has \`inheritAttrs: false\` but is ` +
+        message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
             `relying on class/style fallthrough from parent. In Vue 3, class/style ` +
             `are now included in $attrs and will no longer fallthrough when ` +
             `inheritAttrs is false. If you are already using v-bind="$attrs" on ` +
@@ -2093,12 +1921,12 @@ function warnDeprecation(key, instance, ...args) {
     // same warning, but different component. skip the long message and just
     // log the key and count.
     if (dupKey in warnCount) {
-        warn(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
+        warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
         return;
     }
     warnCount[dupKey] = 0;
     const { message, link } = deprecationData[key];
-    warn(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
+    warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
     if (!isCompatEnabled(key, instance, true)) {
         console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
             `lead to runtime errors.`);
@@ -2127,21 +1955,20 @@ function validateCompatConfig(config, instance) {
             !(key in warnedInvalidKeys)) {
             if (key.startsWith('COMPILER_')) {
                 if (isRuntimeOnly()) {
-                    warn(`Deprecation config "${key}" is compiler-specific and you are ` +
+                    warn$1(`Deprecation config "${key}" is compiler-specific and you are ` +
                         `running a runtime-only build of Vue. This deprecation should be ` +
-                        `configured via compiler options in your build setup instead.`
-                    // TODO link to migration build docs on build setup
-                    );
+                        `configured via compiler options in your build setup instead.\n` +
+                        `Details: https://v3.vuejs.org/guide/migration/migration-build.html`);
                 }
             }
             else {
-                warn(`Invalid deprecation config "${key}".`);
+                warn$1(`Invalid deprecation config "${key}".`);
             }
             warnedInvalidKeys[key] = true;
         }
     }
     if (instance && config["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */] != null) {
-        warn(`Deprecation config "${"OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */}" can only be configured globally.`);
+        warn$1(`Deprecation config "${"OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */}" can only be configured globally.`);
     }
 }
 function getCompatConfigForKey(key, instance) {
@@ -2323,7 +2150,7 @@ function emit$1(instance, event, ...rawArgs) {
                 !((event.startsWith('hook:') ||
                         event.startsWith(compatModelEventPrefix)))) {
                 if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                    warn(`Component emitted event "${event}" but it is neither declared in ` +
+                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
                         `the emits option nor as an "${toHandlerKey(event)}" prop.`);
                 }
             }
@@ -2332,7 +2159,7 @@ function emit$1(instance, event, ...rawArgs) {
                 if (isFunction(validator)) {
                     const isValid = validator(...rawArgs);
                     if (!isValid) {
-                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
+                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
                     }
                 }
             }
@@ -2358,7 +2185,7 @@ function emit$1(instance, event, ...rawArgs) {
     if ((process.env.NODE_ENV !== 'production')) {
         const lowerCaseEvent = event.toLowerCase();
         if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-            warn(`Event "${lowerCaseEvent}" is emitted in component ` +
+            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
                 `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
                 `Note that HTML attributes are case-insensitive and you cannot use ` +
                 `v-on to listen to camelCase events when using in-DOM templates. ` +
@@ -2636,13 +2463,13 @@ function renderComponentRoot(instance) {
                         }
                     }
                     if (extraAttrs.length) {
-                        warn(`Extraneous non-props attributes (` +
+                        warn$1(`Extraneous non-props attributes (` +
                             `${extraAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes.`);
                     }
                     if (eventAttrs.length) {
-                        warn(`Extraneous non-emits event listeners (` +
+                        warn$1(`Extraneous non-emits event listeners (` +
                             `${eventAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes. ` +
@@ -2671,7 +2498,7 @@ function renderComponentRoot(instance) {
         // inherit directives
         if (vnode.dirs) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Runtime directive used on component with non-element root node. ` +
+                warn$1(`Runtime directive used on component with non-element root node. ` +
                     `The directives will not function as intended.`);
             }
             root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
@@ -2679,7 +2506,7 @@ function renderComponentRoot(instance) {
         // inherit transition data
         if (vnode.transition) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Component inside <Transition> renders non-element root node ` +
+                warn$1(`Component inside <Transition> renders non-element root node ` +
                     `that cannot be animated.`);
             }
             root.transition = vnode.transition;
@@ -2880,8 +2707,7 @@ const SuspenseImpl = {
     normalize: normalizeSuspenseChildren
 };
 // Force-casted public typing for h and TSX props inference
-const Suspense = (SuspenseImpl
-    );
+const Suspense = (SuspenseImpl );
 function triggerEvent(vnode, name) {
     const eventListener = vnode.props && vnode.props[name];
     if (isFunction(eventListener)) {
@@ -3241,341 +3067,97 @@ function normalizeSuspenseSlot(s) {
         }
         s = s();
         if (isCompiledSlot) {
-            s._d = true;
-            block = currentBlock;
-            closeBlock();
-        }
-    }
-    if (isArray(s)) {
-        const singleChild = filterSingleRoot(s);
-        if ((process.env.NODE_ENV !== 'production') && !singleChild) {
-            warn(`<Suspense> slots expect a single root node.`);
-        }
-        s = singleChild;
-    }
-    s = normalizeVNode(s);
-    if (block) {
-        s.dynamicChildren = block.filter(c => c !== s);
-    }
-    return s;
-}
-function queueEffectWithSuspense(fn, suspense) {
-    if (suspense && suspense.pendingBranch) {
-        if (isArray(fn)) {
-            suspense.effects.push(...fn);
-        }
-        else {
-            suspense.effects.push(fn);
-        }
-    }
-    else {
-        queuePostFlushCb(fn);
-    }
-}
-function setActiveBranch(suspense, branch) {
-    suspense.activeBranch = branch;
-    const { vnode, parentComponent } = suspense;
-    const el = (vnode.el = branch.el);
-    // in case suspense is the root node of a component,
-    // recursively update the HOC el
-    if (parentComponent && parentComponent.subTree === vnode) {
-        parentComponent.vnode.el = el;
-        updateHOCHostEl(parentComponent, el);
-    }
-}
-
-function provide(key, value) {
-    if (!currentInstance) {
-        if ((process.env.NODE_ENV !== 'production')) {
-            warn(`provide() can only be used inside setup().`);
-        }
-    }
-    else {
-        let provides = currentInstance.provides;
-        // by default an instance inherits its parent's provides object
-        // but when it needs to provide values of its own, it creates its
-        // own provides object using parent provides object as prototype.
-        // this way in `inject` we can simply look up injections from direct
-        // parent and let the prototype chain do the work.
-        const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-        if (parentProvides === provides) {
-            provides = currentInstance.provides = Object.create(parentProvides);
-        }
-        // TS doesn't allow symbol as index type
-        provides[key] = value;
-    }
-}
-function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    // fallback to `currentRenderingInstance` so that this can be called in
-    // a functional component
-    const instance = currentInstance || currentRenderingInstance;
-    if (instance) {
-        // #2400
-        // to support `app.use` plugins,
-        // fallback to appContext's `provides` if the intance is at root
-        const provides = instance.parent == null
-            ? instance.vnode.appContext && instance.vnode.appContext.provides
-            : instance.parent.provides;
-        if (provides && key in provides) {
-            // TS doesn't allow symbol as index type
-            return provides[key];
-        }
-        else if (arguments.length > 1) {
-            return treatDefaultAsFactory && isFunction(defaultValue)
-                ? defaultValue.call(instance.proxy)
-                : defaultValue;
-        }
-        else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`injection "${String(key)}" not found.`);
-        }
-    }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`inject() can only be used inside setup() or functional components.`);
-    }
-}
-
-// Simple effect.
-function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-}
-// initial value for watchers to trigger on undefined initial values
-const INITIAL_WATCHER_VALUE = {};
-// implementation
-function watch(source, cb, options) {
-    if ((process.env.NODE_ENV !== 'production') && !isFunction(cb)) {
-        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
-            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-            `supports \`watch(source, cb, options?) signature.`);
-    }
-    return doWatch(source, cb, options);
-}
-function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ, instance = currentInstance) {
-    if ((process.env.NODE_ENV !== 'production') && !cb) {
-        if (immediate !== undefined) {
-            warn(`watch() "immediate" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-        if (deep !== undefined) {
-            warn(`watch() "deep" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-    }
-    const warnInvalidSource = (s) => {
-        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
-            `a reactive object, or an array of these types.`);
-    };
-    let getter;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef(source)) {
-        getter = () => source.value;
-        forceTrigger = !!source._shallow;
-    }
-    else if (isReactive(source)) {
-        getter = () => source;
-        deep = true;
-    }
-    else if (isArray(source)) {
-        isMultiSource = true;
-        forceTrigger = source.some(isReactive);
-        getter = () => source.map(s => {
-            if (isRef(s)) {
-                return s.value;
-            }
-            else if (isReactive(s)) {
-                return traverse(s);
-            }
-            else if (isFunction(s)) {
-                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
-            }
-            else {
-                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
-            }
-        });
-    }
-    else if (isFunction(source)) {
-        if (cb) {
-            // getter with cb
-            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
-        }
-        else {
-            // no cb -> simple effect
-            getter = () => {
-                if (instance && instance.isUnmounted) {
-                    return;
-                }
-                if (cleanup) {
-                    cleanup();
-                }
-                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
-            };
-        }
-    }
-    else {
-        getter = NOOP;
-        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
-    }
-    // 2.x array mutation watch compat
-    if (cb && !deep) {
-        const baseGetter = getter;
-        getter = () => {
-            const val = baseGetter();
-            if (isArray(val) &&
-                checkCompatEnabled("WATCH_ARRAY" /* WATCH_ARRAY */, instance)) {
-                traverse(val);
-            }
-            return val;
-        };
-    }
-    if (cb && deep) {
-        const baseGetter = getter;
-        getter = () => traverse(baseGetter());
-    }
-    let cleanup;
-    let onInvalidate = (fn) => {
-        cleanup = runner.options.onStop = () => {
-            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
-        };
-    };
-    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
-    const job = () => {
-        if (!runner.active) {
-            return;
-        }
-        if (cb) {
-            // watch(source, cb)
-            const newValue = runner();
-            if (deep ||
-                forceTrigger ||
-                (isMultiSource
-                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
-                    : hasChanged(newValue, oldValue)) ||
-                (isArray(newValue) &&
-                    isCompatEnabled("WATCH_ARRAY" /* WATCH_ARRAY */, instance))) {
-                // cleanup before running cb again
-                if (cleanup) {
-                    cleanup();
-                }
-                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                    newValue,
-                    // pass undefined as the old value when it's changed for the first time
-                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
-                    onInvalidate
-                ]);
-                oldValue = newValue;
-            }
-        }
-        else {
-            // watchEffect
-            runner();
+            s._d = true;
+            block = currentBlock;
+            closeBlock();
         }
-    };
-    // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
-    job.allowRecurse = !!cb;
-    let scheduler;
-    if (flush === 'sync') {
-        scheduler = job; // the scheduler function gets called directly
     }
-    else if (flush === 'post') {
-        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
+    if (isArray(s)) {
+        const singleChild = filterSingleRoot(s);
+        if ((process.env.NODE_ENV !== 'production') && !singleChild) {
+            warn$1(`<Suspense> slots expect a single root node.`);
+        }
+        s = singleChild;
     }
-    else {
-        // default: 'pre'
-        scheduler = () => {
-            if (!instance || instance.isMounted) {
-                queuePreFlushCb(job);
-            }
-            else {
-                // with 'pre' option, the first call must happen before
-                // the component is mounted so it is called synchronously.
-                job();
-            }
-        };
+    s = normalizeVNode(s);
+    if (block && !s.dynamicChildren) {
+        s.dynamicChildren = block.filter(c => c !== s);
     }
-    const runner = effect(getter, {
-        lazy: true,
-        onTrack,
-        onTrigger,
-        scheduler
-    });
-    recordInstanceBoundEffect(runner, instance);
-    // initial run
-    if (cb) {
-        if (immediate) {
-            job();
+    return s;
+}
+function queueEffectWithSuspense(fn, suspense) {
+    if (suspense && suspense.pendingBranch) {
+        if (isArray(fn)) {
+            suspense.effects.push(...fn);
         }
         else {
-            oldValue = runner();
+            suspense.effects.push(fn);
         }
     }
-    else if (flush === 'post') {
-        queuePostRenderEffect(runner, instance && instance.suspense);
-    }
     else {
-        runner();
+        queuePostFlushCb(fn);
     }
-    return () => {
-        stop(runner);
-        if (instance) {
-            remove(instance.effects, runner);
-        }
-    };
 }
-// this.$watch
-function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source)
-        ? source.includes('.')
-            ? createPathGetter(publicThis, source)
-            : () => publicThis[source]
-        : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction(value)) {
-        cb = value;
+function setActiveBranch(suspense, branch) {
+    suspense.activeBranch = branch;
+    const { vnode, parentComponent } = suspense;
+    const el = (vnode.el = branch.el);
+    // in case suspense is the root node of a component,
+    // recursively update the HOC el
+    if (parentComponent && parentComponent.subTree === vnode) {
+        parentComponent.vnode.el = el;
+        updateHOCHostEl(parentComponent, el);
+    }
+}
+
+function provide(key, value) {
+    if (!currentInstance) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            warn$1(`provide() can only be used inside setup().`);
+        }
     }
     else {
-        cb = value.handler;
-        options = value;
+        let provides = currentInstance.provides;
+        // by default an instance inherits its parent's provides object
+        // but when it needs to provide values of its own, it creates its
+        // own provides object using parent provides object as prototype.
+        // this way in `inject` we can simply look up injections from direct
+        // parent and let the prototype chain do the work.
+        const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+        if (parentProvides === provides) {
+            provides = currentInstance.provides = Object.create(parentProvides);
+        }
+        // TS doesn't allow symbol as index type
+        provides[key] = value;
     }
-    return doWatch(getter, cb.bind(publicThis), options, this);
 }
-function createPathGetter(ctx, path) {
-    const segments = path.split('.');
-    return () => {
-        let cur = ctx;
-        for (let i = 0; i < segments.length && cur; i++) {
-            cur = cur[segments[i]];
+function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    // fallback to `currentRenderingInstance` so that this can be called in
+    // a functional component
+    const instance = currentInstance || currentRenderingInstance;
+    if (instance) {
+        // #2400
+        // to support `app.use` plugins,
+        // fallback to appContext's `provides` if the intance is at root
+        const provides = instance.parent == null
+            ? instance.vnode.appContext && instance.vnode.appContext.provides
+            : instance.parent.provides;
+        if (provides && key in provides) {
+            // TS doesn't allow symbol as index type
+            return provides[key];
         }
-        return cur;
-    };
-}
-function traverse(value, seen = new Set()) {
-    if (!isObject(value) ||
-        seen.has(value) ||
-        value["__v_skip" /* SKIP */]) {
-        return value;
-    }
-    seen.add(value);
-    if (isRef(value)) {
-        traverse(value.value, seen);
-    }
-    else if (isArray(value)) {
-        for (let i = 0; i < value.length; i++) {
-            traverse(value[i], seen);
+        else if (arguments.length > 1) {
+            return treatDefaultAsFactory && isFunction(defaultValue)
+                ? defaultValue.call(instance.proxy)
+                : defaultValue;
         }
-    }
-    else if (isSet(value) || isMap(value)) {
-        value.forEach((v) => {
-            traverse(v, seen);
-        });
-    }
-    else if (isPlainObject(value)) {
-        for (const key in value) {
-            traverse(value[key], seen);
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn$1(`injection "${String(key)}" not found.`);
         }
     }
-    return value;
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1(`inject() can only be used inside setup() or functional components.`);
+    }
 }
 
 function useTransitionState() {
@@ -3627,7 +3209,7 @@ const BaseTransitionImpl = {
             }
             // warn multiple elements
             if ((process.env.NODE_ENV !== 'production') && children.length > 1) {
-                warn('<transition> can only be used on a single element or component. Use ' +
+                warn$1('<transition> can only be used on a single element or component. Use ' +
                     '<transition-group> for lists.');
             }
             // there's no need to track reactivity for these props so use the raw
@@ -3636,7 +3218,7 @@ const BaseTransitionImpl = {
             const { mode } = rawProps;
             // check mode
             if ((process.env.NODE_ENV !== 'production') && mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-                warn(`invalid <transition> mode: ${mode}`);
+                warn$1(`invalid <transition> mode: ${mode}`);
             }
             // at this point children has a guaranteed length of 1.
             const child = children[0];
@@ -3916,39 +3498,40 @@ function defineAsyncComponent(source) {
     const load = () => {
         let thisRequest;
         return (pendingRequest ||
-            (thisRequest = pendingRequest = loader()
-                .catch(err => {
-                err = err instanceof Error ? err : new Error(String(err));
-                if (userOnError) {
-                    return new Promise((resolve, reject) => {
-                        const userRetry = () => resolve(retry());
-                        const userFail = () => reject(err);
-                        userOnError(err, userRetry, userFail, retries + 1);
-                    });
-                }
-                else {
-                    throw err;
-                }
-            })
-                .then((comp) => {
-                if (thisRequest !== pendingRequest && pendingRequest) {
-                    return pendingRequest;
-                }
-                if ((process.env.NODE_ENV !== 'production') && !comp) {
-                    warn(`Async component loader resolved to undefined. ` +
-                        `If you are using retry(), make sure to return its return value.`);
-                }
-                // interop module default
-                if (comp &&
-                    (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-                    comp = comp.default;
-                }
-                if ((process.env.NODE_ENV !== 'production') && comp && !isObject(comp) && !isFunction(comp)) {
-                    throw new Error(`Invalid async component load result: ${comp}`);
-                }
-                resolvedComp = comp;
-                return comp;
-            })));
+            (thisRequest = pendingRequest =
+                loader()
+                    .catch(err => {
+                    err = err instanceof Error ? err : new Error(String(err));
+                    if (userOnError) {
+                        return new Promise((resolve, reject) => {
+                            const userRetry = () => resolve(retry());
+                            const userFail = () => reject(err);
+                            userOnError(err, userRetry, userFail, retries + 1);
+                        });
+                    }
+                    else {
+                        throw err;
+                    }
+                })
+                    .then((comp) => {
+                    if (thisRequest !== pendingRequest && pendingRequest) {
+                        return pendingRequest;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && !comp) {
+                        warn$1(`Async component loader resolved to undefined. ` +
+                            `If you are using retry(), make sure to return its return value.`);
+                    }
+                    // interop module default
+                    if (comp &&
+                        (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                        comp = comp.default;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && comp && !isObject(comp) && !isFunction(comp)) {
+                        throw new Error(`Invalid async component load result: ${comp}`);
+                    }
+                    resolvedComp = comp;
+                    return comp;
+                })));
     };
     return defineComponent({
         name: 'AsyncComponentWrapper',
@@ -4104,7 +3687,7 @@ const KeepAliveImpl = {
         }
         if ((process.env.NODE_ENV !== 'production') && props.cache && props.max) {
             // fixed by xxxxxx
-            warn('The `max` prop will be ignored if you provide a custom caching strategy');
+            warn$1('The `max` prop will be ignored if you provide a custom caching strategy');
         }
         const cache = props.cache || new Cache(props.max);
         cache.pruneCacheEntry = pruneCacheEntry;
@@ -4235,7 +3818,7 @@ const KeepAliveImpl = {
             const rawVNode = children[0];
             if (children.length > 1) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`KeepAlive should contain exactly one component child.`);
+                    warn$1(`KeepAlive should contain exactly one component child.`);
                 }
                 current = null;
                 return children;
@@ -4416,9 +3999,9 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
                 // Set currentInstance during hook invocation.
                 // This assumes the hook does not synchronously trigger other hooks, which
                 // can only be false when the user does something really funky.
-                setCurrentInstance(target);
+                setCurrentInstance(target); // fixed by xxxxxx
                 const res = callWithAsyncErrorHandling(hook, target, type, args);
-                setCurrentInstance(null);
+                unsetCurrentInstance();
                 resetTracking();
                 return res;
             });
@@ -4432,7 +4015,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else if ((process.env.NODE_ENV !== 'production')) {
         const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn(`${apiName} is called when there is no active component instance to be ` +
+        warn$1(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -4476,7 +4059,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -4521,14 +4104,15 @@ function applyOptions(instance) {
     // - computed
     // - watch (deferred since it relies on `this` access)
     if (injectOptions) {
-        resolveInjections(injectOptions, ctx, checkDuplicateProperties);
+        resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
     }
     if (methods) {
         for (const key in methods) {
             const methodHandler = methods[key];
             if (isFunction(methodHandler)) {
-                // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-                // and those are read-only but reconfigurable, so it needs to be redefined here
+                // In dev mode, we use the `createRenderContext` function to define
+                // methods to the proxy target, and those are read-only but
+                // reconfigurable, so it needs to be redefined here
                 if ((process.env.NODE_ENV !== 'production')) {
                     Object.defineProperty(ctx, key, {
                         value: methodHandler.bind(publicThis),
@@ -4545,24 +4129,24 @@ function applyOptions(instance) {
                 }
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if ((process.env.NODE_ENV !== 'production') && !isFunction(dataOptions)) {
-            warn(`The data option must be a function. ` +
+            warn$1(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if ((process.env.NODE_ENV !== 'production') && isPromise(data)) {
-            warn(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!isObject(data)) {
-            (process.env.NODE_ENV !== 'production') && warn(`data() should return an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -4593,16 +4177,16 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : NOOP;
             if ((process.env.NODE_ENV !== 'production') && get === NOOP) {
-                warn(`Computed property "${key}" has no getter.`);
+                warn$1(`Computed property "${key}" has no getter.`);
             }
             const set = !isFunction(opt) && isFunction(opt.set)
                 ? opt.set.bind(publicThis)
                 : (process.env.NODE_ENV !== 'production')
                     ? () => {
-                        warn(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     : NOOP;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -4701,22 +4285,47 @@ function applyOptions(instance) {
         customApplyOptions(options, instance, publicThis);
     }
 }
-function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
+function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
     if (isArray(injectOptions)) {
         injectOptions = normalizeInject(injectOptions);
     }
     for (const key in injectOptions) {
         const opt = injectOptions[key];
+        let injected;
         if (isObject(opt)) {
             if ('default' in opt) {
-                ctx[key] = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+                injected = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+            }
+            else {
+                injected = inject(opt.from || key);
+            }
+        }
+        else {
+            injected = inject(opt);
+        }
+        if (isRef(injected)) {
+            // TODO remove the check in 3.3
+            if (unwrapRef) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    get: () => injected.value,
+                    set: v => (injected.value = v)
+                });
             }
             else {
-                ctx[key] = inject(opt.from || key);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                        `and no longer needs \`.value\` in the next minor release. ` +
+                        `To opt-in to the new behavior now, ` +
+                        `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
+                        `temporary and will not be needed in the future.)`);
+                }
+                ctx[key] = injected;
             }
         }
         else {
-            ctx[key] = inject(opt);
+            ctx[key] = injected;
         }
         if ((process.env.NODE_ENV !== 'production')) {
             checkDuplicateProperties("Inject" /* INJECT */, key);
@@ -4738,7 +4347,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (isFunction(raw)) {
@@ -4756,12 +4365,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid watch option: "${key}"`, raw);
+        warn$1(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -4812,7 +4421,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     for (const key in from) {
         if (asMixin && key === 'expose') {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`"expose" option is ignored when declared in mixins or extends. ` +
+                warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -5156,7 +4765,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
                     value = propsDefaults[key] = defaultValue.call(isCompatEnabled("PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */, instance)
                         ? createPropsDefaultThis(instance, props, key)
                         : null, props);
-                    setCurrentInstance(null);
+                    unsetCurrentInstance();
                 }
             }
             else {
@@ -5215,7 +4824,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if ((process.env.NODE_ENV !== 'production') && !isString(raw[i])) {
-                warn(`props must be strings when using array syntax.`, raw[i]);
+                warn$1(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -5225,7 +4834,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if ((process.env.NODE_ENV !== 'production') && !isObject(raw)) {
-            warn(`invalid props options`, raw);
+            warn$1(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = camelize(key);
@@ -5256,7 +4865,7 @@ function validatePropName(key) {
         return true;
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid prop name: "${key}" is a reserved property.`);
+        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
@@ -5264,7 +4873,7 @@ function validatePropName(key) {
 // so that it works across vms / iframes.
 function getType(ctor) {
     const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
+    return match ? match[1] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -5298,7 +4907,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn('Missing required prop: "' + name + '"');
+        warn$1('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -5317,13 +4926,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn(getInvalidTypeMessage(name, value, expectedTypes));
+            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -5347,6 +4956,9 @@ function assertType(value, type) {
     else if (expectedType === 'Array') {
         valid = isArray(value);
     }
+    else if (expectedType === 'null') {
+        valid = value === null;
+    }
     else {
         valid = value instanceof type;
     }
@@ -5360,7 +4972,7 @@ function assertType(value, type) {
  */
 function getInvalidTypeMessage(name, value, expectedTypes) {
     let message = `Invalid prop: type check failed for prop "${name}".` +
-        ` Expected ${expectedTypes.map(capitalize).join(', ')}`;
+        ` Expected ${expectedTypes.map(capitalize).join(' | ')}`;
     const expectedType = expectedTypes[0];
     const receivedType = toRawType(value);
     const expectedValue = styleValue(value, expectedType);
@@ -5413,7 +5025,7 @@ const normalizeSlotValue = (value) => isArray(value)
 const normalizeSlot = (key, rawSlot, ctx) => {
     const normalized = withCtx((props) => {
         if ((process.env.NODE_ENV !== 'production') && currentInstance) {
-            warn(`Slot "${key}" invoked outside of the render function: ` +
+            warn$1(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -5434,7 +5046,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
         else if (value != null) {
             if ((process.env.NODE_ENV !== 'production') &&
                 !(isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, instance))) {
-                warn(`Non-function value encountered for slot "${key}". ` +
+                warn$1(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -5446,7 +5058,7 @@ const normalizeVNodeSlots = (instance, children) => {
     if ((process.env.NODE_ENV !== 'production') &&
         !isKeepAlive(instance.vnode) &&
         !(isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, instance))) {
-        warn(`Non-function value encountered for default slot. ` +
+        warn$1(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -5570,7 +5182,7 @@ return withDirectives(h(comp), [
 const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn('Do not use built-in directive ids as custom directive id: ' + name);
+        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 /**
@@ -5579,7 +5191,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-        (process.env.NODE_ENV !== 'production') && warn(`withDirectives can only be used inside render functions.`);
+        (process.env.NODE_ENV !== 'production') && warn$1(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
     const instance = internalInstance.proxy;
@@ -5592,6 +5204,9 @@ function withDirectives(vnode, directives) {
                 updated: dir
             };
         }
+        if (dir.deep) {
+            traverse(value);
+        }
         bindings.push({
             dir,
             instance,
@@ -5699,7 +5314,7 @@ function createCompatVue(createApp, createSingletonApp) {
             return vm;
         }
     }
-    Vue.version = "3.1.4";
+    Vue.version = "3.2.2";
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
         if (p && isFunction(p.install)) {
@@ -5801,7 +5416,7 @@ function createCompatVue(createApp, createSingletonApp) {
     });
     // internal utils - these are technically internal but some plugins use it.
     const util = {
-        warn: (process.env.NODE_ENV !== 'production') ? warn : NOOP,
+        warn: (process.env.NODE_ENV !== 'production') ? warn$1 : NOOP,
         extend,
         mergeOptions: (parent, child, vm) => mergeOptions(parent, child, vm ? undefined : internalOptionMergeStrats),
         defineReactive
@@ -5837,7 +5452,7 @@ function installFilterMethod(app, context) {
             return context.filters[name];
         }
         if ((process.env.NODE_ENV !== 'production') && context.filters[name]) {
-            warn(`Filter "${name}" has already been registered.`);
+            warn$1(`Filter "${name}" has already been registered.`);
         }
         context.filters[name] = filter;
         return app;
@@ -5946,7 +5561,7 @@ function installCompatMount(app, context, render) {
         // both runtime-core AND runtime-dom.
         instance.ctx._compat_mount = (selectorOrEl) => {
             if (isMounted) {
-                (process.env.NODE_ENV !== 'production') && warn(`Root instance is already mounted.`);
+                (process.env.NODE_ENV !== 'production') && warn$1(`Root instance is already mounted.`);
                 return;
             }
             let container;
@@ -5955,7 +5570,7 @@ function installCompatMount(app, context, render) {
                 const result = document.querySelector(selectorOrEl);
                 if (!result) {
                     (process.env.NODE_ENV !== 'production') &&
-                        warn(`Failed to mount root instance: selector "${selectorOrEl}" returned null.`);
+                        warn$1(`Failed to mount root instance: selector "${selectorOrEl}" returned null.`);
                     return;
                 }
                 container = result;
@@ -6017,7 +5632,7 @@ function installCompatMount(app, context, render) {
                 delete app._container.__vue_app__;
             }
             else {
-                const { bum, effects, um } = instance;
+                const { bum, scope, um } = instance;
                 // beforeDestroy hooks
                 if (bum) {
                     invokeArrayFns(bum);
@@ -6026,10 +5641,8 @@ function installCompatMount(app, context, render) {
                     instance.emit('hook:beforeDestroy');
                 }
                 // stop effects
-                if (effects) {
-                    for (let i = 0; i < effects.length; i++) {
-                        stop(effects[i]);
-                    }
+                if (scope) {
+                    scope.stop();
                 }
                 // unmounted hook
                 if (um) {
@@ -6127,18 +5740,18 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid$1 = 0;
+let uid = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (rootProps != null && !isObject(rootProps)) {
-            (process.env.NODE_ENV !== 'production') && warn(`root props passed to app.mount() must be an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid$1++,
+            _uid: uid++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -6150,12 +5763,12 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    (process.env.NODE_ENV !== 'production') && warn(`Plugin has already been applied to target app.`);
+                    (process.env.NODE_ENV !== 'production') && warn$1(`Plugin has already been applied to target app.`);
                 }
                 else if (plugin && isFunction(plugin.install)) {
                     installedPlugins.add(plugin);
@@ -6166,7 +5779,7 @@ function createAppAPI(render, hydrate) {
                     plugin(app, ...options);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`A plugin must either be a function or an object with an "install" ` +
+                    warn$1(`A plugin must either be a function or an object with an "install" ` +
                         `function.`);
                 }
                 return app;
@@ -6177,12 +5790,12 @@ function createAppAPI(render, hydrate) {
                         context.mixins.push(mixin);
                     }
                     else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Mixin has already been applied to target app' +
+                        warn$1('Mixin has already been applied to target app' +
                             (mixin.name ? `: ${mixin.name}` : ''));
                     }
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Mixins are only available in builds supporting Options API');
+                    warn$1('Mixins are only available in builds supporting Options API');
                 }
                 return app;
             },
@@ -6194,7 +5807,7 @@ function createAppAPI(render, hydrate) {
                     return context.components[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.components[name]) {
-                    warn(`Component "${name}" has already been registered in target app.`);
+                    warn$1(`Component "${name}" has already been registered in target app.`);
                 }
                 context.components[name] = component;
                 return app;
@@ -6207,7 +5820,7 @@ function createAppAPI(render, hydrate) {
                     return context.directives[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.directives[name]) {
-                    warn(`Directive "${name}" has already been registered in target app.`);
+                    warn$1(`Directive "${name}" has already been registered in target app.`);
                 }
                 context.directives[name] = directive;
                 return app;
@@ -6240,7 +5853,7 @@ function createAppAPI(render, hydrate) {
                     return vnode.component.proxy;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`App has already been mounted.\n` +
+                    warn$1(`App has already been mounted.\n` +
                         `If you want to remount the same app, move your app creation logic ` +
                         `into a factory function and create fresh app instances for each ` +
                         `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -6256,12 +5869,12 @@ function createAppAPI(render, hydrate) {
                     delete app._container.__vue_app__;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`Cannot unmount an app that is not mounted.`);
+                    warn$1(`Cannot unmount an app that is not mounted.`);
                 }
             },
             provide(key, value) {
                 if ((process.env.NODE_ENV !== 'production') && key in context.provides) {
-                    warn(`App already provides property with key "${String(key)}". ` +
+                    warn$1(`App already provides property with key "${String(key)}". ` +
                         `It will be overwritten with the new value.`);
                 }
                 // TypeScript doesn't allow symbols as index type
@@ -6290,7 +5903,7 @@ function createHydrationFunctions(rendererInternals) {
     const hydrate = (vnode, container) => {
         if (!container.hasChildNodes()) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to hydrate existing markup but container is empty. ` +
+                warn$1(`Attempting to hydrate existing markup but container is empty. ` +
                     `Performing full mount instead.`);
             patch(null, vnode, container);
             flushPostFlushCbs();
@@ -6320,7 +5933,7 @@ function createHydrationFunctions(rendererInternals) {
                     if (node.data !== vnode.children) {
                         hasMismatch = true;
                         (process.env.NODE_ENV !== 'production') &&
-                            warn(`Hydration text mismatch:` +
+                            warn$1(`Hydration text mismatch:` +
                                 `\n- Client: ${JSON.stringify(node.data)}` +
                                 `\n- Server: ${JSON.stringify(vnode.children)}`);
                         node.data = vnode.children;
@@ -6421,7 +6034,7 @@ function createHydrationFunctions(rendererInternals) {
                     nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid HostVNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
                 }
         }
         if (ref != null) {
@@ -6444,8 +6057,8 @@ function createHydrationFunctions(rendererInternals) {
             if (props) {
                 if (forcePatchValue ||
                     !optimized ||
-                    (patchFlag & 16 /* FULL_PROPS */ ||
-                        patchFlag & 32 /* HYDRATE_EVENTS */)) {
+                    patchFlag & 16 /* FULL_PROPS */ ||
+                    patchFlag & 32 /* HYDRATE_EVENTS */) {
                     for (const key in props) {
                         if ((forcePatchValue && key.endsWith('value')) ||
                             (isOn(key) && !isReservedProp(key))) {
@@ -6482,7 +6095,7 @@ function createHydrationFunctions(rendererInternals) {
                 while (next) {
                     hasMismatch = true;
                     if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                        warn(`Hydration children mismatch in <${vnode.type}>: ` +
+                        warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
                             `server rendered element contains more child nodes than client vdom.`);
                         hasWarned = true;
                     }
@@ -6496,7 +6109,7 @@ function createHydrationFunctions(rendererInternals) {
                 if (el.textContent !== vnode.children) {
                     hasMismatch = true;
                     (process.env.NODE_ENV !== 'production') &&
-                        warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                        warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
                             `- Client: ${el.textContent}\n` +
                             `- Server: ${vnode.children}`);
                     el.textContent = vnode.children;
@@ -6523,7 +6136,7 @@ function createHydrationFunctions(rendererInternals) {
             else {
                 hasMismatch = true;
                 if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                    warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                    warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
                         `server rendered element contains fewer child nodes than client vdom.`);
                     hasWarned = true;
                 }
@@ -6557,7 +6170,7 @@ function createHydrationFunctions(rendererInternals) {
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
         hasMismatch = true;
         (process.env.NODE_ENV !== 'production') &&
-            warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
+            warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
                 ? `(text)`
                 : isComment(node) && node.data === '['
                     ? `(start of fragment)`
@@ -6671,133 +6284,43 @@ function initFeatureFlags() {
 function convertLegacyRefInFor(vnode) {
     // refInFor
     if (vnode.props && vnode.props.refInFor) {
-        delete vnode.props.refInFor;
-        if (vnode.ref) {
-            if (isArray(vnode.ref)) {
-                vnode.ref.forEach(r => (r.f = true));
-            }
-            else {
-                vnode.ref.f = true;
-            }
-        }
-    }
-}
-function registerLegacyRef(refs, key, value, owner, isInFor, isUnmount) {
-    const existing = refs[key];
-    if (isUnmount) {
-        if (isArray(existing)) {
-            remove(existing, value);
-        }
-        else {
-            refs[key] = null;
-        }
-    }
-    else if (isInFor) {
-        (process.env.NODE_ENV !== 'production') && warnDeprecation("V_FOR_REF" /* V_FOR_REF */, owner);
-        if (!isArray(existing)) {
-            refs[key] = [value];
-        }
-        else if (!existing.includes(value)) {
-            existing.push(value);
-        }
-    }
-    else {
-        refs[key] = value;
-    }
-}
-
-const prodEffectOptions = {
-    scheduler: queueJob,
-    // #1801, #2043 component render effects should allow recursive updates
-    allowRecurse: true
-};
-function createDevEffectOptions(instance) {
-    return {
-        scheduler: queueJob,
-        allowRecurse: true,
-        onTrack: instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0,
-        onTrigger: instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0
-    };
-}
-const queuePostRenderEffect = queueEffectWithSuspense
-    ;
-const setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (isArray(rawRef)) {
-        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-        return;
-    }
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-        // when mounting async components, nothing needs to be done,
-        // because the template ref is forwarded to inner component
-        return;
-    }
-    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
-        ? getExposeProxy(vnode.component) || vnode.component.proxy
-        : vnode.el;
-    const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref } = rawRef;
-    if ((process.env.NODE_ENV !== 'production') && !owner) {
-        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-            `A vnode with ref must be created inside the render function.`);
-        return;
-    }
-    const oldRef = oldRawRef && oldRawRef.r;
-    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
-    const setupState = owner.setupState;
-    // dynamic ref changed. unset old ref
-    if (oldRef != null && oldRef !== ref) {
-        if (isString(oldRef)) {
-            refs[oldRef] = null;
-            if (hasOwn(setupState, oldRef)) {
-                setupState[oldRef] = null;
-            }
-        }
-        else if (isRef(oldRef)) {
-            oldRef.value = null;
-        }
-    }
-    if (isString(ref)) {
-        const doSet = () => {
-            if (isCompatEnabled("V_FOR_REF" /* V_FOR_REF */, owner)) {
-                registerLegacyRef(refs, ref, refValue, owner, rawRef.f, isUnmount);
+        delete vnode.props.refInFor;
+        if (vnode.ref) {
+            if (isArray(vnode.ref)) {
+                vnode.ref.forEach(r => (r.f = true));
             }
             else {
-                refs[ref] = value;
-            }
-            if (hasOwn(setupState, ref)) {
-                setupState[ref] = value;
+                vnode.ref.f = true;
             }
-        };
-        // #1789: for non-null values, set them after render
-        // null values means this is unmount and it should not overwrite another
-        // ref with the same key
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
         }
     }
-    else if (isRef(ref)) {
-        const doSet = () => {
-            ref.value = value;
-        };
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
+}
+function registerLegacyRef(refs, key, value, owner, isInFor, isUnmount) {
+    const existing = refs[key];
+    if (isUnmount) {
+        if (isArray(existing)) {
+            remove(existing, value);
         }
         else {
-            doSet();
+            refs[key] = null;
         }
     }
-    else if (isFunction(ref)) {
-        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+    else if (isInFor) {
+        (process.env.NODE_ENV !== 'production') && warnDeprecation("V_FOR_REF" /* V_FOR_REF */, owner);
+        if (!isArray(existing)) {
+            refs[key] = [value];
+        }
+        else if (!existing.includes(value)) {
+            existing.push(value);
+        }
     }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn('Invalid template ref type:', value, `(${typeof value})`);
+    else {
+        refs[key] = value;
     }
-};
+}
+
+const queuePostRenderEffect = queueEffectWithSuspense
+    ;
 /**
  * The createRenderer function accepts two generic arguments:
  * HostNode and HostElement, corresponding to Node and Element types in the
@@ -6833,10 +6356,14 @@ function baseCreateRenderer(options, createHydrationFns) {
         target.__VUE__ = true;
         setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
     }
-    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, // fixed by xxxxx
+    createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
     // Note: functions inside this closure should use `const xxx = () => {}`
     // style in order to prevent being inlined by minifiers.
-    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
+    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = (process.env.NODE_ENV !== 'production') && isHmrUpdating ? false : !!n2.dynamicChildren) => {
+        if (n1 === n2) {
+            return;
+        }
         // patching & not same type, unmount old tree
         if (n1 && !isSameVNodeType(n1, n2)) {
             anchor = getNextHostNode(n1);
@@ -6880,7 +6407,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid VNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
                 }
         }
         // set ref
@@ -6909,19 +6436,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const mountStaticNode = (n2, container, anchor, isSVG) => {
-        // static nodes are only present when used with compiler-dom/runtime-dom
-        // which guarantees presence of hostInsertStaticContent.
-        const nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, 
-        // pass cached nodes if the static node is being mounted multiple times
-        // so that runtime-dom can simply cloneNode() instead of inserting new
-        // HTML
-        n2.staticCache);
-        // first mount - this is the orignal hoisted vnode. cache nodes.
-        if (!n2.el) {
-            n2.staticCache = nodes;
-        }
-        n2.el = nodes[0];
-        n2.anchor = nodes[nodes.length - 1];
+        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
     };
     /**
      * Dev / HMR only
@@ -6988,7 +6503,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 hostSetElementText(el, vnode.children);
             }
             else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
             }
             if (dirs) {
                 invokeDirectiveHook(vnode, null, parentComponent, 'created');
@@ -6996,10 +6511,22 @@ function baseCreateRenderer(options, createHydrationFns) {
             // props
             if (props) {
                 for (const key in props) {
-                    if (!isReservedProp(key)) {
+                    if (key !== 'value' && !isReservedProp(key)) {
                         hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                     }
                 }
+                /**
+                 * Special case for setting value on DOM elements:
+                 * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+                 * - it needs to be forced (#1471)
+                 * #2353 proposes adding another renderer option to configure this, but
+                 * the properties affects are so finite it is worth special casing it
+                 * here to reduce the complexity. (Special casing it also should not
+                 * affect non-DOM renderers)
+                 */
+                if ('value' in props) {
+                    hostPatchProp(el, 'value', null, props.value);
+                }
                 if ((vnodeHook = props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parentComponent, vnode);
                 }
@@ -7127,7 +6654,9 @@ function baseCreateRenderer(options, createHydrationFns) {
                         const key = propsToUpdate[i];
                         const prev = oldProps[key];
                         const next = newProps[key];
+                        // #1471 force patch value
                         if (next !== prev ||
+                            key === 'value' ||
                             (hostForcePatchProp && hostForcePatchProp(el, key))) {
                             hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
                         }
@@ -7198,8 +6727,10 @@ function baseCreateRenderer(options, createHydrationFns) {
                     continue;
                 const next = newProps[key];
                 const prev = oldProps[key];
-                if (next !== prev ||
-                    (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                // defer patching value
+                if ((next !== prev && key !== 'value') ||
+                    (hostForcePatchProp && hostForcePatchProp(el, key)) // fixed by xxxxx
+                ) {
                     hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                 }
             }
@@ -7210,14 +6741,20 @@ function baseCreateRenderer(options, createHydrationFns) {
                     }
                 }
             }
+            if ('value' in newProps) {
+                hostPatchProp(el, 'value', oldProps.value, newProps.value);
+            }
         }
     };
     const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
         const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
         const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
         let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-        if (dynamicChildren) {
-            optimized = true;
+        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
+            // HMR updated, force full diff
+            patchFlag = 0;
+            optimized = false;
+            dynamicChildren = null;
         }
         // check if this is a slot fragment with :slotted scope ids
         if (fragmentSlotScopeIds) {
@@ -7225,12 +6762,6 @@ function baseCreateRenderer(options, createHydrationFns) {
                 ? slotScopeIds.concat(fragmentSlotScopeIds)
                 : fragmentSlotScopeIds;
         }
-        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
-            // HMR updated, force full diff
-            patchFlag = 0;
-            optimized = false;
-            dynamicChildren = null;
-        }
         if (n1 == null) {
             hostInsert(fragmentStartAnchor, container, anchor);
             hostInsert(fragmentEndAnchor, container, anchor);
@@ -7352,7 +6883,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 // in case the child component is also queued, remove it to avoid
                 // double updating the same child component in the same flush.
                 invalidateJob(instance.update);
-                // instance.update is the reactive effect runner.
+                // instance.update is the reactive effect.
                 instance.update();
             }
         }
@@ -7364,12 +6895,12 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-        // create reactive effect for rendering
-        instance.update = effect(function componentEffect() {
+        const componentUpdateFn = () => {
             if (!instance.isMounted) {
                 let vnodeHook;
                 const { el, props } = initialVNode;
                 const { bm, m, parent } = instance;
+                effect.allowRecurse = false;
                 // beforeMount hook
                 if (bm) {
                     invokeArrayFns(bm);
@@ -7381,6 +6912,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
                     instance.emit('hook:beforeMount');
                 }
+                effect.allowRecurse = true;
                 if (el && hydrateNode) {
                     // vnode has adopted host node - perform hydration instead of mount.
                     const hydrateSubTree = () => {
@@ -7477,6 +7009,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                 else {
                     next = vnode;
                 }
+                // Disallow component effect recursion during pre-lifecycle hooks.
+                effect.allowRecurse = false;
                 // beforeUpdate hook
                 if (bu) {
                     invokeArrayFns(bu);
@@ -7488,6 +7022,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
                     instance.emit('hook:beforeUpdate');
                 }
+                effect.allowRecurse = true;
                 // render
                 if ((process.env.NODE_ENV !== 'production')) {
                     startMeasure(instance, `render`);
@@ -7534,11 +7069,26 @@ function baseCreateRenderer(options, createHydrationFns) {
                     popWarningContext();
                 }
             }
-        }, (process.env.NODE_ENV !== 'production') ? createDevEffectOptions(instance) : prodEffectOptions);
+        };
+        // create reactive effect for rendering
+        const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+        );
+        const update = (instance.update = effect.run.bind(effect));
+        update.id = instance.uid;
+        // allowRecurse
+        // #1801, #2043 component render effects should allow recursive updates
+        effect.allowRecurse = update.allowRecurse = true;
         if ((process.env.NODE_ENV !== 'production')) {
-            // @ts-ignore
-            instance.update.ownerInstance = instance;
-        }
+            effect.onTrack = instance.rtc
+                ? e => invokeArrayFns(instance.rtc, e)
+                : void 0;
+            effect.onTrigger = instance.rtg
+                ? e => invokeArrayFns(instance.rtg, e)
+                : void 0;
+            // @ts-ignore (for scheduler)
+            update.ownerInstance = instance;
+        }
+        update();
     };
     const updateComponentPreRender = (instance, nextVNode, optimized) => {
         nextVNode.component = instance;
@@ -7715,7 +7265,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     : normalizeVNode(c2[i]));
                 if (nextChild.key != null) {
                     if ((process.env.NODE_ENV !== 'production') && keyToNewIndexMap.has(nextChild.key)) {
-                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                     }
                     keyToNewIndexMap.set(nextChild.key, i);
                 }
@@ -7959,7 +7509,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         if ((process.env.NODE_ENV !== 'production') && instance.type.__hmrId) {
             unregisterHMR(instance);
         }
-        const { bum, effects, update, subTree, um } = instance;
+        const { bum, scope, update, subTree, um } = instance;
         // beforeUnmount hook
         if (bum) {
             invokeArrayFns(bum);
@@ -7967,15 +7517,13 @@ function baseCreateRenderer(options, createHydrationFns) {
         if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */, instance)) {
             instance.emit('hook:beforeDestroy');
         }
-        if (effects) {
-            for (let i = 0; i < effects.length; i++) {
-                stop(effects[i]);
-            }
-        }
+        // stop effects in component scope
+        scope.stop();
         // update may be null if a component is unmounted before its async
         // setup has resolved.
         if (update) {
-            stop(update);
+            // so that scheduler will no longer invoke it
+            update.active = false;
             unmount(subTree, instance, parentSuspense, doRemove);
         }
         // unmounted hook
@@ -8055,6 +7603,83 @@ function baseCreateRenderer(options, createHydrationFns) {
         createApp: createAppAPI(render, hydrate)
     };
 }
+function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (isArray(rawRef)) {
+        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+        return;
+    }
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+        // when mounting async components, nothing needs to be done,
+        // because the template ref is forwarded to inner component
+        return;
+    }
+    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
+        ? getExposeProxy(vnode.component) || vnode.component.proxy
+        : vnode.el;
+    const value = isUnmount ? null : refValue;
+    const { i: owner, r: ref } = rawRef;
+    if ((process.env.NODE_ENV !== 'production') && !owner) {
+        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+            `A vnode with ref must be created inside the render function.`);
+        return;
+    }
+    const oldRef = oldRawRef && oldRawRef.r;
+    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
+    const setupState = owner.setupState;
+    // dynamic ref changed. unset old ref
+    if (oldRef != null && oldRef !== ref) {
+        if (isString(oldRef)) {
+            refs[oldRef] = null;
+            if (hasOwn(setupState, oldRef)) {
+                setupState[oldRef] = null;
+            }
+        }
+        else if (isRef(oldRef)) {
+            oldRef.value = null;
+        }
+    }
+    if (isString(ref)) {
+        const doSet = () => {
+            if (isCompatEnabled("V_FOR_REF" /* V_FOR_REF */, owner)) {
+                registerLegacyRef(refs, ref, refValue, owner, rawRef.f, isUnmount);
+            }
+            else {
+                refs[ref] = value;
+            }
+            if (hasOwn(setupState, ref)) {
+                setupState[ref] = value;
+            }
+        };
+        // #1789: for non-null values, set them after render
+        // null values means this is unmount and it should not overwrite another
+        // ref with the same key
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isRef(ref)) {
+        const doSet = () => {
+            ref.value = value;
+        };
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
+        }
+        else {
+            doSet();
+        }
+    }
+    else if (isFunction(ref)) {
+        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1('Invalid template ref type:', value, `(${typeof value})`);
+    }
+}
 function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
     callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
         vnode,
@@ -8115,7 +7740,7 @@ function getSequence(arr) {
             u = 0;
             v = result.length - 1;
             while (u < v) {
-                c = ((u + v) / 2) | 0;
+                c = (u + v) >> 1;
                 if (arr[result[c]] < arrI) {
                     u = c + 1;
                 }
@@ -8148,7 +7773,7 @@ const resolveTarget = (props, select) => {
     if (isString(targetSelector)) {
         if (!select) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Current renderer does not support string target for Teleports. ` +
+                warn$1(`Current renderer does not support string target for Teleports. ` +
                     `(missing querySelector renderer option)`);
             return null;
         }
@@ -8156,7 +7781,7 @@ const resolveTarget = (props, select) => {
             const target = select(targetSelector);
             if (!target) {
                 (process.env.NODE_ENV !== 'production') &&
-                    warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                    warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
                         `Note the target element must exist before the component is mounted - ` +
                         `i.e. the target cannot be rendered by the component itself, and ` +
                         `ideally should be outside of the entire Vue component tree.`);
@@ -8166,7 +7791,7 @@ const resolveTarget = (props, select) => {
     }
     else {
         if ((process.env.NODE_ENV !== 'production') && !targetSelector && !isTeleportDisabled(props)) {
-            warn(`Invalid Teleport target: ${targetSelector}`);
+            warn$1(`Invalid Teleport target: ${targetSelector}`);
         }
         return targetSelector;
     }
@@ -8201,7 +7826,7 @@ const TeleportImpl = {
                 isSVG = isSVG || isTargetSVG(target);
             }
             else if ((process.env.NODE_ENV !== 'production') && !disabled) {
-                warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
+                warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
             }
             const mount = (container, anchor) => {
                 // Teleport *always* has Array children. This is enforced in both the
@@ -8253,7 +7878,7 @@ const TeleportImpl = {
                         moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
                     }
                     else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Invalid Teleport target on update:', target, `(${typeof target})`);
+                        warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
                     }
                 }
                 else if (wasDisabled) {
@@ -8395,12 +8020,12 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
             return Component;
         }
         if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
-            warn(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+            warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
         }
         return res;
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`resolve${capitalize(type.slice(0, -1))} ` +
+        warn$1(`resolve${capitalize(type.slice(0, -1))} ` +
             `can only be used in render() or setup().`);
     }
 }
@@ -8462,7 +8087,6 @@ function getCompatListeners(instance) {
     return listeners;
 }
 
-const v3CompiledRenderFnRE = /^(?:function \w*)?\(_ctx, _cache/;
 function convertLegacyRenderFn(instance) {
     const Component = instance.type;
     const render = Component.render;
@@ -8470,8 +8094,10 @@ function convertLegacyRenderFn(instance) {
     if (!render || render._rc || render._compatChecked || render._compatWrapped) {
         return;
     }
-    if (v3CompiledRenderFnRE.test(render.toString())) {
-        // v3 pre-compiled function
+    if (render.length >= 2) {
+        // v3 pre-compiled function, since v2 render functions never need more than
+        // 2 arguments, and v2 functional render functions would have already been
+        // normalized into v3 functional components
         render._compatChecked = true;
         return;
     }
@@ -8795,15 +8421,7 @@ let isBlockTreeEnabled = 1;
 function setBlockTracking(value) {
     isBlockTreeEnabled += value;
 }
-/**
- * Create a block root vnode. Takes the same exact arguments as `createVNode`.
- * A block root keeps track of dynamic nodes within the block in the
- * `dynamicChildren` array.
- *
- * @private
- */
-function createBlock(type, props, children, patchFlag, dynamicProps) {
-    const vnode = createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */);
+function setupBlock(vnode) {
     // save current block children on the block vnode
     vnode.dynamicChildren =
         isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
@@ -8816,6 +8434,22 @@ function createBlock(type, props, children, patchFlag, dynamicProps) {
     }
     return vnode;
 }
+/**
+ * @private
+ */
+function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */));
+}
+/**
+ * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+ * A block root keeps track of dynamic nodes within the block in the
+ * `dynamicChildren` array.
+ *
+ * @private
+ */
+function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */));
+}
 function isVNode(value) {
     return value ? value.__v_isVNode === true : false;
 }
@@ -8852,72 +8486,7 @@ const normalizeRef = ({ ref }) => {
             : ref
         : null);
 };
-const createVNode = ((process.env.NODE_ENV !== 'production')
-    ? createVNodeWithArgsTransform
-    : _createVNode);
-function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-        if ((process.env.NODE_ENV !== 'production') && !type) {
-            warn(`Invalid vnode type when creating vnode: ${type}.`);
-        }
-        type = Comment$1;
-    }
-    if (isVNode(type)) {
-        // createVNode receiving an existing vnode. This happens in cases like
-        // <component :is="vnode"/>
-        // #2078 make sure to merge refs during the clone instead of overwriting it
-        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
-        if (children) {
-            normalizeChildren(cloned, children);
-        }
-        return cloned;
-    }
-    // class component normalization.
-    if (isClassComponent(type)) {
-        type = type.__vccOpts;
-    }
-    // 2.x async/functional component compat
-    {
-        type = convertLegacyComponent(type, currentRenderingInstance);
-    }
-    // class & style normalization.
-    if (props) {
-        // for reactive or proxy objects, we need to clone it to enable mutation.
-        if (isProxy(props) || InternalObjectKey in props) {
-            props = extend({}, props);
-        }
-        let { class: klass, style } = props;
-        if (klass && !isString(klass)) {
-            props.class = normalizeClass(klass);
-        }
-        if (isObject(style)) {
-            // reactive state objects need to be cloned since they are likely to be
-            // mutated
-            if (isProxy(style) && !isArray(style)) {
-                style = extend({}, style);
-            }
-            props.style = normalizeStyle(style);
-        }
-    }
-    // encode the vnode type information into a bitmap
-    const shapeFlag = isString(type)
-        ? 1 /* ELEMENT */
-        : isSuspense(type)
-            ? 128 /* SUSPENSE */
-            : isTeleport(type)
-                ? 64 /* TELEPORT */
-                : isObject(type)
-                    ? 4 /* STATEFUL_COMPONENT */
-                    : isFunction(type)
-                        ? 2 /* FUNCTIONAL_COMPONENT */
-                        : 0;
-    if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
-        type = toRaw(type);
-        warn(`Vue received a Component which was made a reactive object. This can ` +
-            `lead to unnecessary performance overhead, and should be avoided by ` +
-            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
-            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
-    }
+function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) {
     const vnode = {
         __v_isVNode: true,
         __v_skip: true,
@@ -8927,7 +8496,7 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
         ref: props && normalizeRef(props),
         scopeId: currentScopeId,
         slotScopeIds: null,
-        children: null,
+        children,
         component: null,
         suspense: null,
         ssContent: null,
@@ -8938,21 +8507,32 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
         anchor: null,
         target: null,
         targetAnchor: null,
+        staticCount: 0,
         shapeFlag,
         patchFlag,
         dynamicProps,
         dynamicChildren: null,
         appContext: null
     };
+    if (needFullChildrenNormalization) {
+        normalizeChildren(vnode, children);
+        // normalize suspense children
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            type.normalize(vnode);
+        }
+    }
+    else if (children) {
+        // compiled element vnode - if children is passed, only possible types are
+        // string or Array.
+        vnode.shapeFlag |= isString(children)
+            ? 8 /* TEXT_CHILDREN */
+            : 16 /* ARRAY_CHILDREN */;
+    }
     // validate key
     if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
-        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
-    }
-    normalizeChildren(vnode, children);
-    // normalize suspense children
-    if (shapeFlag & 128 /* SUSPENSE */) {
-        type.normalize(vnode);
+        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
     }
+    // track vnode for block tree
     if (isBlockTreeEnabled > 0 &&
         // avoid a block node from tracking itself
         !isBlockNode &&
@@ -8962,18 +8542,89 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
         // component nodes also should always be patched, because even if the
         // component doesn't need to update, it needs to persist the instance on to
         // the next vnode so that it can be properly unmounted later.
-        (patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
+        (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
         // the EVENTS flag is only for hydration and if it is the only flag, the
         // vnode should not be considered dynamic due to handler caching.
-        patchFlag !== 32 /* HYDRATE_EVENTS */) {
+        vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) {
         currentBlock.push(vnode);
     }
     {
-        convertLegacyVModelProps(vnode);
-        convertLegacyRefInFor(vnode);
-        defineLegacyVNodeProperties(vnode);
+        convertLegacyVModelProps(vnode);
+        convertLegacyRefInFor(vnode);
+        defineLegacyVNodeProperties(vnode);
+    }
+    return vnode;
+}
+const createVNode = ((process.env.NODE_ENV !== 'production') ? createVNodeWithArgsTransform : _createVNode);
+function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
+    if (!type || type === NULL_DYNAMIC_COMPONENT) {
+        if ((process.env.NODE_ENV !== 'production') && !type) {
+            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
+        }
+        type = Comment$1;
+    }
+    if (isVNode(type)) {
+        // createVNode receiving an existing vnode. This happens in cases like
+        // <component :is="vnode"/>
+        // #2078 make sure to merge refs during the clone instead of overwriting it
+        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
+        if (children) {
+            normalizeChildren(cloned, children);
+        }
+        return cloned;
+    }
+    // class component normalization.
+    if (isClassComponent(type)) {
+        type = type.__vccOpts;
+    }
+    // 2.x async/functional component compat
+    {
+        type = convertLegacyComponent(type, currentRenderingInstance);
     }
-    return vnode;
+    // class & style normalization.
+    if (props) {
+        // for reactive or proxy objects, we need to clone it to enable mutation.
+        props = guardReactiveProps(props);
+        let { class: klass, style } = props;
+        if (klass && !isString(klass)) {
+            props.class = normalizeClass(klass);
+        }
+        if (isObject(style)) {
+            // reactive state objects need to be cloned since they are likely to be
+            // mutated
+            if (isProxy(style) && !isArray(style)) {
+                style = extend({}, style);
+            }
+            props.style = normalizeStyle(style);
+        }
+    }
+    // encode the vnode type information into a bitmap
+    const shapeFlag = isString(type)
+        ? 1 /* ELEMENT */
+        : isSuspense(type)
+            ? 128 /* SUSPENSE */
+            : isTeleport(type)
+                ? 64 /* TELEPORT */
+                : isObject(type)
+                    ? 4 /* STATEFUL_COMPONENT */
+                    : isFunction(type)
+                        ? 2 /* FUNCTIONAL_COMPONENT */
+                        : 0;
+    if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
+        type = toRaw(type);
+        warn$1(`Vue received a Component which was made a reactive object. This can ` +
+            `lead to unnecessary performance overhead, and should be avoided by ` +
+            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
+            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
+    }
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+}
+function guardReactiveProps(props) {
+    if (!props)
+        return null;
+    return isProxy(props) || InternalObjectKey in props
+        ? extend({}, props)
+        : props;
 }
 function cloneVNode(vnode, extraProps, mergeRef = false) {
     // This is intentionally NOT using spread or extend to avoid the runtime
@@ -9004,7 +8655,6 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
         target: vnode.target,
         targetAnchor: vnode.targetAnchor,
         staticCount: vnode.staticCount,
-        staticCache: vnode.staticCache,
         shapeFlag: vnode.shapeFlag,
         // if the vnode is cloned with extra props, we can no longer assume its
         // existing patch flag to be reliable and need to add the FULL_PROPS flag.
@@ -9045,1185 +8695,1889 @@ function deepCloneVNode(vnode) {
     if (isArray(vnode.children)) {
         cloned.children = vnode.children.map(deepCloneVNode);
     }
-    return cloned;
-}
+    return cloned;
+}
+/**
+ * @private
+ */
+function createTextVNode(text = ' ', flag = 0) {
+    return createVNode(Text, null, text, flag);
+}
+/**
+ * @private
+ */
+function createStaticVNode(content, numberOfNodes) {
+    // A static vnode can contain multiple stringified elements, and the number
+    // of elements is necessary for hydration.
+    const vnode = createVNode(Static, null, content);
+    vnode.staticCount = numberOfNodes;
+    return vnode;
+}
+/**
+ * @private
+ */
+function createCommentVNode(text = '', 
+// when used as the v-else branch, the comment node must be created as a
+// block to ensure correct updates.
+asBlock = false) {
+    return asBlock
+        ? (openBlock(), createBlock(Comment$1, null, text))
+        : createVNode(Comment$1, null, text);
+}
+function normalizeVNode(child) {
+    if (child == null || typeof child === 'boolean') {
+        // empty placeholder
+        return createVNode(Comment$1);
+    }
+    else if (isArray(child)) {
+        // fragment
+        return createVNode(Fragment, null, 
+        // #3666, avoid reference pollution when reusing vnode
+        child.slice());
+    }
+    else if (typeof child === 'object') {
+        // already vnode, this should be the most common since compiled templates
+        // always produce all-vnode children arrays
+        return cloneIfMounted(child);
+    }
+    else {
+        // strings and numbers
+        return createVNode(Text, null, String(child));
+    }
+}
+// optimized normalization for template-compiled render fns
+function cloneIfMounted(child) {
+    return child.el === null || child.memo ? child : cloneVNode(child);
+}
+function normalizeChildren(vnode, children) {
+    let type = 0;
+    const { shapeFlag } = vnode;
+    if (children == null) {
+        children = null;
+    }
+    else if (isArray(children)) {
+        type = 16 /* ARRAY_CHILDREN */;
+    }
+    else if (typeof children === 'object') {
+        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
+            // Normalize slot to plain children for plain element and Teleport
+            const slot = children.default;
+            if (slot) {
+                // _c marker is added by withCtx() indicating this is a compiled slot
+                slot._c && (slot._d = false);
+                normalizeChildren(vnode, slot());
+                slot._c && (slot._d = true);
+            }
+            return;
+        }
+        else {
+            type = 32 /* SLOTS_CHILDREN */;
+            const slotFlag = children._;
+            if (!slotFlag && !(InternalObjectKey in children)) {
+                children._ctx = currentRenderingInstance;
+            }
+            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
+                // a child component receives forwarded slots from the parent.
+                // its slot type is determined by its parent's slot type.
+                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
+                    children._ = 1 /* STABLE */;
+                }
+                else {
+                    children._ = 2 /* DYNAMIC */;
+                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                }
+            }
+        }
+    }
+    else if (isFunction(children)) {
+        children = { default: children, _ctx: currentRenderingInstance };
+        type = 32 /* SLOTS_CHILDREN */;
+    }
+    else {
+        children = String(children);
+        // force teleport children to array so it can be moved around
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type = 16 /* ARRAY_CHILDREN */;
+            children = [createTextVNode(children)];
+        }
+        else {
+            type = 8 /* TEXT_CHILDREN */;
+        }
+    }
+    vnode.children = children;
+    vnode.shapeFlag |= type;
+}
+function mergeProps(...args) {
+    const ret = {};
+    for (let i = 0; i < args.length; i++) {
+        const toMerge = args[i];
+        for (const key in toMerge) {
+            if (key === 'class') {
+                if (ret.class !== toMerge.class) {
+                    ret.class = normalizeClass([ret.class, toMerge.class]);
+                }
+            }
+            else if (key === 'style') {
+                ret.style = normalizeStyle([ret.style, toMerge.style]);
+            }
+            else if (isOn(key)) {
+                const existing = ret[key];
+                const incoming = toMerge[key];
+                if (existing !== incoming) {
+                    ret[key] = existing
+                        ? [].concat(existing, incoming)
+                        : incoming;
+                }
+            }
+            else if (key !== '') {
+                ret[key] = toMerge[key];
+            }
+        }
+    }
+    return ret;
+}
+
+function getCompatChildren(instance) {
+    assertCompatEnabled("INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */, instance);
+    const root = instance.subTree;
+    const children = [];
+    if (root) {
+        walk(root, children);
+    }
+    return children;
+}
+function walk(vnode, children) {
+    if (vnode.component) {
+        children.push(vnode.component.proxy);
+    }
+    else if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
+        const vnodes = vnode.children;
+        for (let i = 0; i < vnodes.length; i++) {
+            walk(vnodes[i], children);
+        }
+    }
+}
+
+/**
+ * Actual implementation
+ */
+function renderList(source, renderItem, cache, index) {
+    let ret;
+    const cached = (cache && cache[index]);
+    if (isArray(source) || isString(source)) {
+        ret = new Array(source.length);
+        for (let i = 0, l = source.length; i < l; i++) {
+            ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
+        }
+    }
+    else if (typeof source === 'number') {
+        if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
+            warn$1(`The v-for range expect an integer value but got ${source}.`);
+            return [];
+        }
+        ret = new Array(source);
+        for (let i = 0; i < source; i++) {
+            ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
+        }
+    }
+    else if (isObject(source)) {
+        if (source[Symbol.iterator]) {
+            ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
+        }
+        else {
+            const keys = Object.keys(source);
+            ret = new Array(keys.length);
+            for (let i = 0, l = keys.length; i < l; i++) {
+                const key = keys[i];
+                ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+            }
+        }
+    }
+    else {
+        ret = [];
+    }
+    if (cache) {
+        cache[index] = ret;
+    }
+    return ret;
+}
+
+/**
+ * Compiler runtime helper for creating dynamic slots object
+ * @private
+ */
+function createSlots(slots, dynamicSlots) {
+    for (let i = 0; i < dynamicSlots.length; i++) {
+        const slot = dynamicSlots[i];
+        // array of dynamic slot generated by <template v-for="..." #[...]>
+        if (isArray(slot)) {
+            for (let j = 0; j < slot.length; j++) {
+                slots[slot[j].name] = slot[j].fn;
+            }
+        }
+        else if (slot) {
+            // conditional single slot generated by <template v-if="..." #foo>
+            slots[slot.name] = slot.fn;
+        }
+    }
+    return slots;
+}
+
 /**
+ * Compiler runtime helper for rendering `<slot/>`
  * @private
  */
-function createTextVNode(text = ' ', flag = 0) {
-    return createVNode(Text, null, text, flag);
+function renderSlot(slots, name, props = {}, 
+// this is not a user-facing function, so the fallback is always generated by
+// the compiler and guaranteed to be a function returning an array
+fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+    }
+    let slot = slots[name];
+    if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
+        warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+            `function. You need to mark this component with $dynamic-slots in the ` +
+            `parent template.`);
+        slot = () => [];
+    }
+    // a compiled slot disables block tracking by default to avoid manual
+    // invocation interfering with template-based block tracking, but in
+    // `renderSlot` we can be sure that it's template-based so we can force
+    // enable it.
+    if (slot && slot._c) {
+        slot._d = false;
+    }
+    openBlock();
+    const validSlotContent = slot && ensureValidVNode(slot(props));
+    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
+        ? 64 /* STABLE_FRAGMENT */
+        : -2 /* BAIL */);
+    if (!noSlotted && rendered.scopeId) {
+        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    }
+    if (slot && slot._c) {
+        slot._d = true;
+    }
+    return rendered;
 }
+function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+        if (!isVNode(child))
+            return true;
+        if (child.type === Comment$1)
+            return false;
+        if (child.type === Fragment &&
+            !ensureValidVNode(child.children))
+            return false;
+        return true;
+    })
+        ? vnodes
+        : null;
+}
+
 /**
+ * For prefixing keys in v-on="obj" with "on"
  * @private
  */
-function createStaticVNode(content, numberOfNodes) {
-    // A static vnode can contain multiple stringified elements, and the number
-    // of elements is necessary for hydration.
-    const vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
+function toHandlers(obj) {
+    const ret = {};
+    if ((process.env.NODE_ENV !== 'production') && !isObject(obj)) {
+        warn$1(`v-on with no argument expects an object value.`);
+        return ret;
+    }
+    for (const key in obj) {
+        ret[toHandlerKey(key)] = obj[key];
+    }
+    return ret;
+}
+
+function toObject(arr) {
+    const res = {};
+    for (let i = 0; i < arr.length; i++) {
+        if (arr[i]) {
+            extend(res, arr[i]);
+        }
+    }
+    return res;
 }
-/**
- * @private
- */
-function createCommentVNode(text = '', 
-// when used as the v-else branch, the comment node must be created as a
-// block to ensure correct updates.
-asBlock = false) {
-    return asBlock
-        ? (openBlock(), createBlock(Comment$1, null, text))
-        : createVNode(Comment$1, null, text);
+function legacyBindObjectProps(data, _tag, value, _asProp, isSync) {
+    if (value && isObject(value)) {
+        if (isArray(value)) {
+            value = toObject(value);
+        }
+        for (const key in value) {
+            if (isReservedProp(key)) {
+                data[key] = value[key];
+            }
+            else if (key === 'class') {
+                data.class = normalizeClass([data.class, value.class]);
+            }
+            else if (key === 'style') {
+                data.style = normalizeClass([data.style, value.style]);
+            }
+            else {
+                const attrs = data.attrs || (data.attrs = {});
+                const camelizedKey = camelize(key);
+                const hyphenatedKey = hyphenate(key);
+                if (!(camelizedKey in attrs) && !(hyphenatedKey in attrs)) {
+                    attrs[key] = value[key];
+                    if (isSync) {
+                        const on = data.on || (data.on = {});
+                        on[`update:${key}`] = function ($event) {
+                            value[key] = $event;
+                        };
+                    }
+                }
+            }
+        }
+    }
+    return data;
 }
-function normalizeVNode(child) {
-    if (child == null || typeof child === 'boolean') {
-        // empty placeholder
-        return createVNode(Comment$1);
+function legacyBindObjectListeners(props, listeners) {
+    return mergeProps(props, toHandlers(listeners));
+}
+function legacyRenderSlot(instance, name, fallback, props, bindObject) {
+    if (bindObject) {
+        props = mergeProps(props, bindObject);
     }
-    else if (isArray(child)) {
-        // fragment
-        return createVNode(Fragment, null, 
-        // #3666, avoid reference pollution when reusing vnode
-        child.slice());
+    return renderSlot(instance.slots, name, props, fallback && (() => fallback));
+}
+function legacyresolveScopedSlots(fns, raw, 
+// the following are added in 2.6
+hasDynamicKeys) {
+    // v2 default slot doesn't have name
+    return createSlots(raw || { $stable: !hasDynamicKeys }, mapKeyToName(fns));
+}
+function mapKeyToName(slots) {
+    for (let i = 0; i < slots.length; i++) {
+        const fn = slots[i];
+        if (fn) {
+            if (isArray(fn)) {
+                mapKeyToName(fn);
+            }
+            else {
+                fn.name = fn.key || 'default';
+            }
+        }
     }
-    else if (typeof child === 'object') {
-        // already vnode, this should be the most common since compiled templates
-        // always produce all-vnode children arrays
-        return cloneIfMounted(child);
+    return slots;
+}
+const staticCacheMap = /*#__PURE__*/ new WeakMap();
+function legacyRenderStatic(instance, index) {
+    let cache = staticCacheMap.get(instance);
+    if (!cache) {
+        staticCacheMap.set(instance, (cache = []));
     }
-    else {
-        // strings and numbers
-        return createVNode(Text, null, String(child));
+    if (cache[index]) {
+        return cache[index];
     }
+    const fn = instance.type.staticRenderFns[index];
+    const ctx = instance.proxy;
+    return (cache[index] = fn.call(ctx, null, ctx));
 }
-// optimized normalization for template-compiled render fns
-function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
+function legacyCheckKeyCodes(instance, eventKeyCode, key, builtInKeyCode, eventKeyName, builtInKeyName) {
+    const config = instance.appContext.config;
+    const configKeyCodes = config.keyCodes || {};
+    const mappedKeyCode = configKeyCodes[key] || builtInKeyCode;
+    if (builtInKeyName && eventKeyName && !configKeyCodes[key]) {
+        return isKeyNotMatch(builtInKeyName, eventKeyName);
+    }
+    else if (mappedKeyCode) {
+        return isKeyNotMatch(mappedKeyCode, eventKeyCode);
+    }
+    else if (eventKeyName) {
+        return hyphenate(eventKeyName) !== key;
+    }
 }
-function normalizeChildren(vnode, children) {
-    let type = 0;
-    const { shapeFlag } = vnode;
-    if (children == null) {
-        children = null;
+function isKeyNotMatch(expect, actual) {
+    if (isArray(expect)) {
+        return expect.indexOf(actual) === -1;
     }
-    else if (isArray(children)) {
-        type = 16 /* ARRAY_CHILDREN */;
+    else {
+        return expect !== actual;
     }
-    else if (typeof children === 'object') {
-        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
-            // Normalize slot to plain children for plain element and Teleport
-            const slot = children.default;
-            if (slot) {
-                // _c marker is added by withCtx() indicating this is a compiled slot
-                slot._c && (slot._d = false);
-                normalizeChildren(vnode, slot());
-                slot._c && (slot._d = true);
-            }
-            return;
+}
+function legacyMarkOnce(tree) {
+    return tree;
+}
+function legacyBindDynamicKeys(props, values) {
+    for (let i = 0; i < values.length; i += 2) {
+        const key = values[i];
+        if (typeof key === 'string' && key) {
+            props[values[i]] = values[i + 1];
         }
-        else {
-            type = 32 /* SLOTS_CHILDREN */;
-            const slotFlag = children._;
-            if (!slotFlag && !(InternalObjectKey in children)) {
-                children._ctx = currentRenderingInstance;
+    }
+    return props;
+}
+function legacyPrependModifier(value, symbol) {
+    return typeof value === 'string' ? symbol + value : value;
+}
+
+function installCompatInstanceProperties(map) {
+    const set = (target, key, val) => {
+        target[key] = val;
+    };
+    const del = (target, key) => {
+        delete target[key];
+    };
+    extend(map, {
+        $set: i => {
+            assertCompatEnabled("INSTANCE_SET" /* INSTANCE_SET */, i);
+            return set;
+        },
+        $delete: i => {
+            assertCompatEnabled("INSTANCE_DELETE" /* INSTANCE_DELETE */, i);
+            return del;
+        },
+        $mount: i => {
+            assertCompatEnabled("GLOBAL_MOUNT" /* GLOBAL_MOUNT */, null /* this warning is global */);
+            // root mount override from ./global.ts in installCompatMount
+            return i.ctx._compat_mount || NOOP;
+        },
+        $destroy: i => {
+            assertCompatEnabled("INSTANCE_DESTROY" /* INSTANCE_DESTROY */, i);
+            // root destroy override from ./global.ts in installCompatMount
+            return i.ctx._compat_destroy || NOOP;
+        },
+        // overrides existing accessor
+        $slots: i => {
+            if (isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, i) &&
+                i.render &&
+                i.render._compatWrapped) {
+                return new Proxy(i.slots, legacySlotProxyHandlers);
             }
-            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
-                // a child component receives forwarded slots from the parent.
-                // its slot type is determined by its parent's slot type.
-                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
-                    children._ = 1 /* STABLE */;
-                }
-                else {
-                    children._ = 2 /* DYNAMIC */;
-                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+            return (process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots;
+        },
+        $scopedSlots: i => {
+            assertCompatEnabled("INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */, i);
+            const res = {};
+            for (const key in i.slots) {
+                const fn = i.slots[key];
+                if (!fn._ns /* non-scoped slot */) {
+                    res[key] = fn;
                 }
             }
-        }
-    }
-    else if (isFunction(children)) {
-        children = { default: children, _ctx: currentRenderingInstance };
-        type = 32 /* SLOTS_CHILDREN */;
+            return res;
+        },
+        $on: i => on.bind(null, i),
+        $once: i => once.bind(null, i),
+        $off: i => off.bind(null, i),
+        $children: getCompatChildren,
+        $listeners: getCompatListeners
+    });
+    /* istanbul ignore if */
+    if (isCompatEnabled("PRIVATE_APIS" /* PRIVATE_APIS */, null)) {
+        extend(map, {
+            // needed by many libs / render fns
+            $vnode: i => i.vnode,
+            // inject addtional properties into $options for compat
+            // e.g. vuex needs this.$options.parent
+            $options: i => {
+                const res = extend({}, resolveMergedOptions(i));
+                res.parent = i.proxy.$parent;
+                res.propsData = i.vnode.props;
+                return res;
+            },
+            // some private properties that are likely accessed...
+            _self: i => i.proxy,
+            _uid: i => i.uid,
+            _data: i => i.data,
+            _isMounted: i => i.isMounted,
+            _isDestroyed: i => i.isUnmounted,
+            // v2 render helpers
+            $createElement: () => compatH,
+            _c: () => compatH,
+            _o: () => legacyMarkOnce,
+            _n: () => toNumber,
+            _s: () => toDisplayString,
+            _l: () => renderList,
+            _t: i => legacyRenderSlot.bind(null, i),
+            _q: () => looseEqual,
+            _i: () => looseIndexOf,
+            _m: i => legacyRenderStatic.bind(null, i),
+            _f: () => resolveFilter,
+            _k: i => legacyCheckKeyCodes.bind(null, i),
+            _b: () => legacyBindObjectProps,
+            _v: () => createTextVNode,
+            _e: () => createCommentVNode,
+            _u: () => legacyresolveScopedSlots,
+            _g: () => legacyBindObjectListeners,
+            _d: () => legacyBindDynamicKeys,
+            _p: () => legacyPrependModifier
+        });
     }
-    else {
-        children = String(children);
-        // force teleport children to array so it can be moved around
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type = 16 /* ARRAY_CHILDREN */;
-            children = [createTextVNode(children)];
+}
+
+/**
+ * #2437 In Vue 3, functional components do not have a public instance proxy but
+ * they exist in the internal parent chain. For code that relies on traversing
+ * public $parent chains, skip functional ones and go to the parent instead.
+ */
+const getPublicInstance = (i) => {
+    if (!i)
+        return null;
+    if (isStatefulComponent(i))
+        return getExposeProxy(i) || i.proxy;
+    return getPublicInstance(i.parent);
+};
+const publicPropertiesMap = extend(Object.create(null), {
+    $: i => i,
+    $el: i => i.vnode.el,
+    $data: i => i.data,
+    $props: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.props) : i.props),
+    $attrs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.attrs) : i.attrs),
+    $slots: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots),
+    $refs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.refs) : i.refs),
+    $parent: i => getPublicInstance(i.parent),
+    $root: i => getPublicInstance(i.root),
+    $emit: i => i.emit,
+    $options: i => (__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
+    $forceUpdate: i => () => queueJob(i.update),
+    $nextTick: i => nextTick.bind(i.proxy),
+    $watch: i => (__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
+});
+{
+    installCompatInstanceProperties(publicPropertiesMap);
+}
+const PublicInstanceProxyHandlers = {
+    get({ _: instance }, key) {
+        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
+        // for internal formatters to know that this is a Vue instance
+        if ((process.env.NODE_ENV !== 'production') && key === '__isVue') {
+            return true;
         }
-        else {
-            type = 8 /* TEXT_CHILDREN */;
+        // prioritize <script setup> bindings during dev.
+        // this allows even properties that start with _ or $ to be used - so that
+        // it aligns with the production behavior where the render fn is inlined and
+        // indeed has access to all declared variables.
+        if ((process.env.NODE_ENV !== 'production') &&
+            setupState !== EMPTY_OBJ &&
+            setupState.__isScriptSetup &&
+            hasOwn(setupState, key)) {
+            return setupState[key];
         }
-    }
-    vnode.children = children;
-    vnode.shapeFlag |= type;
-}
-function mergeProps(...args) {
-    const ret = extend({}, args[0]);
-    for (let i = 1; i < args.length; i++) {
-        const toMerge = args[i];
-        for (const key in toMerge) {
-            if (key === 'class') {
-                if (ret.class !== toMerge.class) {
-                    ret.class = normalizeClass([ret.class, toMerge.class]);
+        // data / props / ctx
+        // This getter gets called for every property access on the render context
+        // during render and is a major hotspot. The most expensive part of this
+        // is the multiple hasOwn() calls. It's much faster to do a simple property
+        // access on a plain object, so we use an accessCache object (with null
+        // prototype) to memoize what access type a key corresponds to.
+        let normalizedProps;
+        if (key[0] !== '$') {
+            const n = accessCache[key];
+            if (n !== undefined) {
+                switch (n) {
+                    case 0 /* SETUP */:
+                        return setupState[key];
+                    case 1 /* DATA */:
+                        return data[key];
+                    case 3 /* CONTEXT */:
+                        return ctx[key];
+                    case 2 /* PROPS */:
+                        return props[key];
+                    // default: just fallthrough
                 }
             }
-            else if (key === 'style') {
-                ret.style = normalizeStyle([ret.style, toMerge.style]);
+            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+                accessCache[key] = 0 /* SETUP */;
+                return setupState[key];
             }
-            else if (isOn(key)) {
-                const existing = ret[key];
-                const incoming = toMerge[key];
-                if (existing !== incoming) {
-                    ret[key] = existing
-                        ? [].concat(existing, incoming)
-                        : incoming;
-                }
+            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+                accessCache[key] = 1 /* DATA */;
+                return data[key];
             }
-            else if (key !== '') {
-                ret[key] = toMerge[key];
+            else if (
+            // only cache other properties when instance has declared (thus stable)
+            // props
+            (normalizedProps = instance.propsOptions[0]) &&
+                hasOwn(normalizedProps, key)) {
+                accessCache[key] = 2 /* PROPS */;
+                return props[key];
+            }
+            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+                accessCache[key] = 3 /* CONTEXT */;
+                return ctx[key];
+            }
+            else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {
+                accessCache[key] = 4 /* OTHER */;
             }
         }
-    }
-    return ret;
-}
-
-function getCompatChildren(instance) {
-    assertCompatEnabled("INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */, instance);
-    const root = instance.subTree;
-    const children = [];
-    if (root) {
-        walk(root, children);
-    }
-    return children;
-}
-function walk(vnode, children) {
-    if (vnode.component) {
-        children.push(vnode.component.proxy);
-    }
-    else if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
-        const vnodes = vnode.children;
-        for (let i = 0; i < vnodes.length; i++) {
-            walk(vnodes[i], children);
+        const publicGetter = publicPropertiesMap[key];
+        let cssModule, globalProperties;
+        // public $xxx properties
+        if (publicGetter) {
+            if (key === '$attrs') {
+                track(instance, "get" /* GET */, key);
+                (process.env.NODE_ENV !== 'production') && markAttrsAccessed();
+            }
+            return publicGetter(instance);
+        }
+        else if (
+        // css module (injected by vue-loader)
+        (cssModule = type.__cssModules) &&
+            (cssModule = cssModule[key])) {
+            return cssModule;
+        }
+        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+            // user may set custom properties to `this` that start with `$`
+            accessCache[key] = 3 /* CONTEXT */;
+            return ctx[key];
+        }
+        else if (
+        // global properties
+        ((globalProperties = appContext.config.globalProperties),
+            hasOwn(globalProperties, key))) {
+            {
+                const desc = Object.getOwnPropertyDescriptor(globalProperties, key);
+                if (desc.get) {
+                    return desc.get.call(instance.proxy);
+                }
+                else {
+                    const val = globalProperties[key];
+                    return isFunction(val) ? val.bind(instance.proxy) : val;
+                }
+            }
         }
-    }
-}
-
-/**
- * Actual implementation
- */
-function renderList(source, renderItem) {
-    let ret;
-    if (isArray(source) || isString(source)) {
-        ret = new Array(source.length);
-        for (let i = 0, l = source.length; i < l; i++) {
-            ret[i] = renderItem(source[i], i);
+        else if ((process.env.NODE_ENV !== 'production') &&
+            currentRenderingInstance &&
+            (!isString(key) ||
+                // #1091 avoid internal isRef/isVNode checks on component instance leading
+                // to infinite warning loop
+                key.indexOf('__v') !== 0)) {
+            if (data !== EMPTY_OBJ &&
+                (key[0] === '$' || key[0] === '_') &&
+                hasOwn(data, key)) {
+                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                    `character ("$" or "_") and is not proxied on the render context.`);
+            }
+            else if (instance === currentRenderingInstance) {
+                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
+                    `but is not defined on instance.`);
+            }
         }
-    }
-    else if (typeof source === 'number') {
-        if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
-            warn(`The v-for range expect an integer value but got ${source}.`);
-            return [];
+    },
+    set({ _: instance }, key, value) {
+        const { data, setupState, ctx } = instance;
+        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+            setupState[key] = value;
         }
-        ret = new Array(source);
-        for (let i = 0; i < source; i++) {
-            ret[i] = renderItem(i + 1, i);
+        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+            data[key] = value;
         }
-    }
-    else if (isObject(source)) {
-        if (source[Symbol.iterator]) {
-            ret = Array.from(source, renderItem);
+        else if (hasOwn(instance.props, key)) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+            return false;
+        }
+        if (key[0] === '$' && key.slice(1) in instance) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Attempting to mutate public property "${key}". ` +
+                    `Properties starting with $ are reserved and readonly.`, instance);
+            return false;
         }
         else {
-            const keys = Object.keys(source);
-            ret = new Array(keys.length);
-            for (let i = 0, l = keys.length; i < l; i++) {
-                const key = keys[i];
-                ret[i] = renderItem(source[key], key, i);
+            if ((process.env.NODE_ENV !== 'production') && key in instance.appContext.config.globalProperties) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    value
+                });
+            }
+            else {
+                ctx[key] = value;
             }
         }
+        return true;
+    },
+    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
+        let normalizedProps;
+        return (accessCache[key] !== undefined ||
+            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
+            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
+            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
+            hasOwn(ctx, key) ||
+            hasOwn(publicPropertiesMap, key) ||
+            hasOwn(appContext.config.globalProperties, key));
     }
-    else {
-        ret = [];
-    }
-    return ret;
-}
-
-/**
- * Compiler runtime helper for creating dynamic slots object
- * @private
- */
-function createSlots(slots, dynamicSlots) {
-    for (let i = 0; i < dynamicSlots.length; i++) {
-        const slot = dynamicSlots[i];
-        // array of dynamic slot generated by <template v-for="..." #[...]>
-        if (isArray(slot)) {
-            for (let j = 0; j < slot.length; j++) {
-                slots[slot[j].name] = slot[j].fn;
-            }
+};
+if ((process.env.NODE_ENV !== 'production') && !false) {
+    PublicInstanceProxyHandlers.ownKeys = (target) => {
+        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+            `The keys will be empty in production mode to avoid performance overhead.`);
+        return Reflect.ownKeys(target);
+    };
+}
+const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
+    get(target, key) {
+        // fast path for unscopables when using `with` block
+        if (key === Symbol.unscopables) {
+            return;
         }
-        else if (slot) {
-            // conditional single slot generated by <template v-if="..." #foo>
-            slots[slot.name] = slot.fn;
+        return PublicInstanceProxyHandlers.get(target, key, target);
+    },
+    has(_, key) {
+        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
+        if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
+            warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
         }
+        return has;
     }
-    return slots;
+});
+// dev only
+// In dev mode, the proxy target exposes the same properties as seen on `this`
+// for easier console inspection. In prod mode it will be an empty object so
+// these properties definitions can be skipped.
+function createDevRenderContext(instance) {
+    const target = {};
+    // expose internal instance for proxy handlers
+    Object.defineProperty(target, `_`, {
+        configurable: true,
+        enumerable: false,
+        get: () => instance
+    });
+    // expose public properties
+    Object.keys(publicPropertiesMap).forEach(key => {
+        Object.defineProperty(target, key, {
+            configurable: true,
+            enumerable: false,
+            get: () => publicPropertiesMap[key](instance),
+            // intercepted by the proxy so no need for implementation,
+            // but needed to prevent set errors
+            set: NOOP
+        });
+    });
+    return target;
+}
+// dev only
+function exposePropsOnRenderContext(instance) {
+    const { ctx, propsOptions: [propsOptions] } = instance;
+    if (propsOptions) {
+        Object.keys(propsOptions).forEach(key => {
+            Object.defineProperty(ctx, key, {
+                enumerable: true,
+                configurable: true,
+                get: () => instance.props[key],
+                set: NOOP
+            });
+        });
+    }
+}
+// dev only
+function exposeSetupStateOnRenderContext(instance) {
+    const { ctx, setupState } = instance;
+    Object.keys(toRaw(setupState)).forEach(key => {
+        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
+            warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                `which are reserved prefixes for Vue internals.`);
+            return;
+        }
+        Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => setupState[key],
+            set: NOOP
+        });
+    });
 }
 
-/**
- * Compiler runtime helper for rendering `<slot/>`
- * @private
- */
-function renderSlot(slots, name, props = {}, 
-// this is not a user-facing function, so the fallback is always generated by
-// the compiler and guaranteed to be a function returning an array
-fallback, noSlotted) {
-    let slot = slots[name];
-    if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
-        warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
-            `function. You need to mark this component with $dynamic-slots in the ` +
-            `parent template.`);
-        slot = () => [];
-    }
-    // a compiled slot disables block tracking by default to avoid manual
-    // invocation interfering with template-based block tracking, but in
-    // `renderSlot` we can be sure that it's template-based so we can force
-    // enable it.
-    if (slot && slot._c) {
-        slot._d = false;
+const emptyAppContext = createAppContext();
+let uid$1 = 0;
+function createComponentInstance(vnode, parent, suspense) {
+    const type = vnode.type;
+    // inherit parent app context - or - if root, adopt from root vnode
+    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
+    const instance = {
+        uid: uid$1++,
+        vnode,
+        type,
+        parent,
+        appContext,
+        root: null,
+        next: null,
+        subTree: null,
+        update: null,
+        scope: new EffectScope(true /* detached */),
+        render: null,
+        proxy: null,
+        exposed: null,
+        exposeProxy: null,
+        withProxy: null,
+        provides: parent ? parent.provides : Object.create(appContext.provides),
+        accessCache: null,
+        renderCache: [],
+        // local resovled assets
+        components: null,
+        directives: null,
+        // resolved props and emits options
+        propsOptions: normalizePropsOptions(type, appContext),
+        emitsOptions: normalizeEmitsOptions(type, appContext),
+        // emit
+        emit: null,
+        emitted: null,
+        // props default value
+        propsDefaults: EMPTY_OBJ,
+        // inheritAttrs
+        inheritAttrs: type.inheritAttrs,
+        // state
+        ctx: EMPTY_OBJ,
+        data: EMPTY_OBJ,
+        props: EMPTY_OBJ,
+        attrs: EMPTY_OBJ,
+        slots: EMPTY_OBJ,
+        refs: EMPTY_OBJ,
+        setupState: EMPTY_OBJ,
+        setupContext: null,
+        // suspense related
+        suspense,
+        suspenseId: suspense ? suspense.pendingId : 0,
+        asyncDep: null,
+        asyncResolved: false,
+        // lifecycle hooks
+        // not using enums here because it results in computed properties
+        isMounted: false,
+        isUnmounted: false,
+        isDeactivated: false,
+        bc: null,
+        c: null,
+        bm: null,
+        m: null,
+        bu: null,
+        u: null,
+        um: null,
+        bum: null,
+        bda: null,
+        da: null,
+        ba: null,
+        a: null,
+        rtg: null,
+        rtc: null,
+        ec: null,
+        sp: null
+    };
+    if ((process.env.NODE_ENV !== 'production')) {
+        instance.ctx = createDevRenderContext(instance);
     }
-    openBlock();
-    const validSlotContent = slot && ensureValidVNode(slot(props));
-    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
-        ? 64 /* STABLE_FRAGMENT */
-        : -2 /* BAIL */);
-    if (!noSlotted && rendered.scopeId) {
-        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    else {
+        instance.ctx = { _: instance };
     }
-    if (slot && slot._c) {
-        slot._d = true;
+    instance.root = parent ? parent.root : instance;
+    instance.emit = emit$1.bind(null, instance);
+    // apply custom element special handling
+    if (vnode.ce) {
+        vnode.ce(instance);
     }
-    return rendered;
+    return instance;
 }
-function ensureValidVNode(vnodes) {
-    return vnodes.some(child => {
-        if (!isVNode(child))
-            return true;
-        if (child.type === Comment$1)
-            return false;
-        if (child.type === Fragment &&
-            !ensureValidVNode(child.children))
-            return false;
-        return true;
-    })
-        ? vnodes
-        : null;
-}
-
-/**
- * For prefixing keys in v-on="obj" with "on"
- * @private
- */
-function toHandlers(obj) {
-    const ret = {};
-    if ((process.env.NODE_ENV !== 'production') && !isObject(obj)) {
-        warn(`v-on with no argument expects an object value.`);
-        return ret;
-    }
-    for (const key in obj) {
-        ret[toHandlerKey(key)] = obj[key];
-    }
-    return ret;
-}
-
-function toObject(arr) {
-    const res = {};
-    for (let i = 0; i < arr.length; i++) {
-        if (arr[i]) {
-            extend(res, arr[i]);
-        }
+let currentInstance = null;
+const getCurrentInstance = () => currentInstance || currentRenderingInstance;
+const setCurrentInstance = (instance) => {
+    currentInstance = instance;
+    instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
+};
+const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
+function validateComponentName(name, config) {
+    const appIsNativeTag = config.isNativeTag || NO;
+    if (isBuiltInTag(name) || appIsNativeTag(name)) {
+        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
-    return res;
 }
-function legacyBindObjectProps(data, _tag, value, _asProp, isSync) {
-    if (value && isObject(value)) {
-        if (isArray(value)) {
-            value = toObject(value);
+function isStatefulComponent(instance) {
+    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
+}
+let isInSSRComponentSetup = false;
+function setupComponent(instance, isSSR = false) {
+    isInSSRComponentSetup = isSSR;
+    const { props, children } = instance.vnode;
+    const isStateful = isStatefulComponent(instance);
+    initProps(instance, props, isStateful, isSSR);
+    initSlots(instance, children);
+    const setupResult = isStateful
+        ? setupStatefulComponent(instance, isSSR)
+        : undefined;
+    isInSSRComponentSetup = false;
+    return setupResult;
+}
+function setupStatefulComponent(instance, isSSR) {
+    const Component = instance.type;
+    if ((process.env.NODE_ENV !== 'production')) {
+        if (Component.name) {
+            validateComponentName(Component.name, instance.appContext.config);
         }
-        for (const key in value) {
-            if (isReservedProp(key)) {
-                data[key] = value[key];
-            }
-            else if (key === 'class') {
-                data.class = normalizeClass([data.class, value.class]);
-            }
-            else if (key === 'style') {
-                data.style = normalizeClass([data.style, value.style]);
+        if (Component.components) {
+            const names = Object.keys(Component.components);
+            for (let i = 0; i < names.length; i++) {
+                validateComponentName(names[i], instance.appContext.config);
             }
-            else {
-                const attrs = data.attrs || (data.attrs = {});
-                const camelizedKey = camelize(key);
-                const hyphenatedKey = hyphenate(key);
-                if (!(camelizedKey in attrs) && !(hyphenatedKey in attrs)) {
-                    attrs[key] = value[key];
-                    if (isSync) {
-                        const on = data.on || (data.on = {});
-                        on[`update:${key}`] = function ($event) {
-                            value[key] = $event;
-                        };
-                    }
-                }
+        }
+        if (Component.directives) {
+            const names = Object.keys(Component.directives);
+            for (let i = 0; i < names.length; i++) {
+                validateDirectiveName(names[i]);
             }
         }
+        if (Component.compilerOptions && isRuntimeOnly()) {
+            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+                `includes the runtime compiler. Since you are using a runtime-only ` +
+                `build, the options should be passed via your build tool config instead.`);
+        }
     }
-    return data;
-}
-function legacyBindObjectListeners(props, listeners) {
-    return mergeProps(props, toHandlers(listeners));
-}
-function legacyRenderSlot(instance, name, fallback, props, bindObject) {
-    if (bindObject) {
-        props = mergeProps(props, bindObject);
+    // 0. create render proxy property access cache
+    instance.accessCache = Object.create(null);
+    // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    if ((process.env.NODE_ENV !== 'production')) {
+        exposePropsOnRenderContext(instance);
     }
-    return renderSlot(instance.slots, name, props, fallback && (() => fallback));
-}
-function legacyresolveScopedSlots(fns, raw, 
-// the following are added in 2.6
-hasDynamicKeys) {
-    // v2 default slot doesn't have name
-    return createSlots(raw || { $stable: !hasDynamicKeys }, mapKeyToName(fns));
-}
-function mapKeyToName(slots) {
-    for (let i = 0; i < slots.length; i++) {
-        const fn = slots[i];
-        if (fn) {
-            if (isArray(fn)) {
-                mapKeyToName(fn);
+    // 2. call setup()
+    const { setup } = Component;
+    if (setup) {
+        const setupContext = (instance.setupContext =
+            setup.length > 1 ? createSetupContext(instance) : null);
+        setCurrentInstance(instance);
+        pauseTracking();
+        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
+        resetTracking();
+        unsetCurrentInstance();
+        if (isPromise(setupResult)) {
+            setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+            if (isSSR) {
+                // return the promise so server-renderer can wait on it
+                return setupResult
+                    .then((resolvedResult) => {
+                    handleSetupResult(instance, resolvedResult, isSSR);
+                })
+                    .catch(e => {
+                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
+                });
             }
             else {
-                fn.name = fn.key || 'default';
+                // async setup returned Promise.
+                // bail here and wait for re-entry.
+                instance.asyncDep = setupResult;
             }
         }
+        else {
+            handleSetupResult(instance, setupResult, isSSR);
+        }
     }
-    return slots;
-}
-const staticCacheMap = /*#__PURE__*/ new WeakMap();
-function legacyRenderStatic(instance, index) {
-    let cache = staticCacheMap.get(instance);
-    if (!cache) {
-        staticCacheMap.set(instance, (cache = []));
-    }
-    if (cache[index]) {
-        return cache[index];
+    else {
+        finishComponentSetup(instance, isSSR);
     }
-    const fn = instance.type.staticRenderFns[index];
-    const ctx = instance.proxy;
-    return (cache[index] = fn.call(ctx, null, ctx));
 }
-function legacyCheckKeyCodes(instance, eventKeyCode, key, builtInKeyCode, eventKeyName, builtInKeyName) {
-    const config = instance.appContext.config;
-    const configKeyCodes = config.keyCodes || {};
-    const mappedKeyCode = configKeyCodes[key] || builtInKeyCode;
-    if (builtInKeyName && eventKeyName && !configKeyCodes[key]) {
-        return isKeyNotMatch(builtInKeyName, eventKeyName);
+function handleSetupResult(instance, setupResult, isSSR) {
+    if (isFunction(setupResult)) {
+        // setup returned an inline render function
+        {
+            instance.render = setupResult;
+        }
     }
-    else if (mappedKeyCode) {
-        return isKeyNotMatch(mappedKeyCode, eventKeyCode);
+    else if (isObject(setupResult)) {
+        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
+            warn$1(`setup() should not return VNodes directly - ` +
+                `return a render function instead.`);
+        }
+        // setup returned bindings.
+        // assuming a render function compiled from template is present.
+        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
+            instance.devtoolsRawSetupState = setupResult;
+        }
+        instance.setupState = proxyRefs(setupResult);
+        if ((process.env.NODE_ENV !== 'production')) {
+            exposeSetupStateOnRenderContext(instance);
+        }
     }
-    else if (eventKeyName) {
-        return hyphenate(eventKeyName) !== key;
+    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
+        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
     }
+    finishComponentSetup(instance, isSSR);
 }
-function isKeyNotMatch(expect, actual) {
-    if (isArray(expect)) {
-        return expect.indexOf(actual) === -1;
+let compile;
+let installWithProxy;
+/**
+ * For runtime-dom to register the compiler.
+ * Note the exported method uses any to avoid d.ts relying on the compiler types.
+ */
+function registerRuntimeCompiler(_compile) {
+    compile = _compile;
+    installWithProxy = i => {
+        if (i.render._rc) {
+            i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
+        }
+    };
+}
+// dev only
+const isRuntimeOnly = () => !compile;
+function finishComponentSetup(instance, isSSR, skipOptions) {
+    const Component = instance.type;
+    {
+        convertLegacyRenderFn(instance);
+        if ((process.env.NODE_ENV !== 'production') && Component.compatConfig) {
+            validateCompatConfig(Component.compatConfig);
+        }
+    }
+    // template / render function normalization
+    if (!instance.render) {
+        // could be set from setup()
+        if (compile && !Component.render) {
+            const template = (instance.vnode.props &&
+                instance.vnode.props['inline-template']) ||
+                Component.template;
+            if (template) {
+                if ((process.env.NODE_ENV !== 'production')) {
+                    startMeasure(instance, `compile`);
+                }
+                const { isCustomElement, compilerOptions } = instance.appContext.config;
+                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
+                const finalCompilerOptions = extend(extend({
+                    isCustomElement,
+                    delimiters
+                }, compilerOptions), componentCompilerOptions);
+                {
+                    // pass runtime compat config into the compiler
+                    finalCompilerOptions.compatConfig = Object.create(globalCompatConfig);
+                    if (Component.compatConfig) {
+                        extend(finalCompilerOptions.compatConfig, Component.compatConfig);
+                    }
+                }
+                Component.render = compile(template, finalCompilerOptions);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    endMeasure(instance, `compile`);
+                }
+            }
+        }
+        instance.render = (Component.render || NOOP);
+        // for runtime-compiled render functions using `with` blocks, the render
+        // proxy used needs a different `has` handler which is more performant and
+        // also only allows a whitelist of globals to fallthrough.
+        if (installWithProxy) {
+            installWithProxy(instance);
+        }
     }
-    else {
-        return expect !== actual;
+    // support for 2.x options
+    if (__VUE_OPTIONS_API__ && !(skipOptions)) {
+        setCurrentInstance(instance);
+        pauseTracking();
+        applyOptions(instance);
+        resetTracking();
+        unsetCurrentInstance();
     }
-}
-function legacyMarkOnce(tree) {
-    return tree;
-}
-function legacyBindDynamicKeys(props, values) {
-    for (let i = 0; i < values.length; i += 2) {
-        const key = values[i];
-        if (typeof key === 'string' && key) {
-            props[values[i]] = values[i + 1];
+    // warn missing template/render
+    // the runtime compilation of template in SSR is done by server-render
+    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
+        /* istanbul ignore if */
+        if (!compile && Component.template) {
+            warn$1(`Component provided template option but ` +
+                `runtime compilation is not supported in this build of Vue.` +
+                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
+                    ) /* should not happen */);
+        }
+        else {
+            warn$1(`Component is missing template or render function.`);
         }
     }
-    return props;
 }
-function legacyPrependModifier(value, symbol) {
-    return typeof value === 'string' ? symbol + value : value;
-}
-
-function installCompatInstanceProperties(map) {
-    const set = (target, key, val) => {
-        target[key] = val;
-    };
-    const del = (target, key) => {
-        delete target[key];
-    };
-    extend(map, {
-        $set: i => {
-            assertCompatEnabled("INSTANCE_SET" /* INSTANCE_SET */, i);
-            return set;
-        },
-        $delete: i => {
-            assertCompatEnabled("INSTANCE_DELETE" /* INSTANCE_DELETE */, i);
-            return del;
-        },
-        $mount: i => {
-            assertCompatEnabled("GLOBAL_MOUNT" /* GLOBAL_MOUNT */, null /* this warning is global */);
-            // root mount override from ./global.ts in installCompatMount
-            return i.ctx._compat_mount || NOOP;
-        },
-        $destroy: i => {
-            assertCompatEnabled("INSTANCE_DESTROY" /* INSTANCE_DESTROY */, i);
-            // root destroy override from ./global.ts in installCompatMount
-            return i.ctx._compat_destroy || NOOP;
-        },
-        // overrides existing accessor
-        $slots: i => {
-            if (isCompatEnabled("RENDER_FUNCTION" /* RENDER_FUNCTION */, i) &&
-                i.render &&
-                i.render._compatWrapped) {
-                return new Proxy(i.slots, legacySlotProxyHandlers);
+function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, (process.env.NODE_ENV !== 'production')
+        ? {
+            get(target, key) {
+                markAttrsAccessed();
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            },
+            set() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            },
+            deleteProperty() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
             }
-            return (process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots;
-        },
-        $scopedSlots: i => {
-            assertCompatEnabled("INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */, i);
-            const res = {};
-            for (const key in i.slots) {
-                const fn = i.slots[key];
-                if (!fn._ns /* non-scoped slot */) {
-                    res[key] = fn;
-                }
+        }
+        : {
+            get(target, key) {
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
             }
-            return res;
-        },
-        $on: i => on.bind(null, i),
-        $once: i => once.bind(null, i),
-        $off: i => off.bind(null, i),
-        $children: getCompatChildren,
-        $listeners: getCompatListeners
-    });
-    /* istanbul ignore if */
-    if (isCompatEnabled("PRIVATE_APIS" /* PRIVATE_APIS */, null)) {
-        extend(map, {
-            // needed by many libs / render fns
-            $vnode: i => i.vnode,
-            // inject addtional properties into $options for compat
-            // e.g. vuex needs this.$options.parent
-            $options: i => {
-                const res = extend({}, resolveMergedOptions(i));
-                res.parent = i.proxy.$parent;
-                res.propsData = i.vnode.props;
-                return res;
-            },
-            // some private properties that are likely accessed...
-            _self: i => i.proxy,
-            _uid: i => i.uid,
-            _data: i => i.data,
-            _isMounted: i => i.isMounted,
-            _isDestroyed: i => i.isUnmounted,
-            // v2 render helpers
-            $createElement: () => compatH,
-            _c: () => compatH,
-            _o: () => legacyMarkOnce,
-            _n: () => toNumber,
-            _s: () => toDisplayString,
-            _l: () => renderList,
-            _t: i => legacyRenderSlot.bind(null, i),
-            _q: () => looseEqual,
-            _i: () => looseIndexOf,
-            _m: i => legacyRenderStatic.bind(null, i),
-            _f: () => resolveFilter,
-            _k: i => legacyCheckKeyCodes.bind(null, i),
-            _b: () => legacyBindObjectProps,
-            _v: () => createTextVNode,
-            _e: () => createCommentVNode,
-            _u: () => legacyresolveScopedSlots,
-            _g: () => legacyBindObjectListeners,
-            _d: () => legacyBindDynamicKeys,
-            _p: () => legacyPrependModifier
         });
-    }
-}
-
-/**
- * #2437 In Vue 3, functional components do not have a public instance proxy but
- * they exist in the internal parent chain. For code that relies on traversing
- * public $parent chains, skip functional ones and go to the parent instead.
- */
-const getPublicInstance = (i) => {
-    if (!i)
-        return null;
-    if (isStatefulComponent(i))
-        return getExposeProxy(i) || i.proxy;
-    return getPublicInstance(i.parent);
-};
-const publicPropertiesMap = extend(Object.create(null), {
-    $: i => i,
-    $el: i => i.vnode.el,
-    $data: i => i.data,
-    $props: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.props) : i.props),
-    $attrs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.attrs) : i.attrs),
-    $slots: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots),
-    $refs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.refs) : i.refs),
-    $parent: i => getPublicInstance(i.parent),
-    $root: i => getPublicInstance(i.root),
-    $emit: i => i.emit,
-    $options: i => (__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
-    $forceUpdate: i => () => queueJob(i.update),
-    $nextTick: i => nextTick.bind(i.proxy),
-    $watch: i => (__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
-});
-{
-    installCompatInstanceProperties(publicPropertiesMap);
 }
-const PublicInstanceProxyHandlers = {
-    get({ _: instance }, key) {
-        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-        // for internal formatters to know that this is a Vue instance
-        if ((process.env.NODE_ENV !== 'production') && key === '__isVue') {
-            return true;
-        }
-        // prioritize <script setup> bindings during dev.
-        // this allows even properties that start with _ or $ to be used - so that
-        // it aligns with the production behavior where the render fn is inlined and
-        // indeed has access to all declared variables.
-        if ((process.env.NODE_ENV !== 'production') &&
-            setupState !== EMPTY_OBJ &&
-            setupState.__isScriptSetup &&
-            hasOwn(setupState, key)) {
-            return setupState[key];
+function createSetupContext(instance) {
+    const expose = exposed => {
+        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
+            warn$1(`expose() should be called only once per setup().`);
         }
-        // data / props / ctx
-        // This getter gets called for every property access on the render context
-        // during render and is a major hotspot. The most expensive part of this
-        // is the multiple hasOwn() calls. It's much faster to do a simple property
-        // access on a plain object, so we use an accessCache object (with null
-        // prototype) to memoize what access type a key corresponds to.
-        let normalizedProps;
-        if (key[0] !== '$') {
-            const n = accessCache[key];
-            if (n !== undefined) {
-                switch (n) {
-                    case 0 /* SETUP */:
-                        return setupState[key];
-                    case 1 /* DATA */:
-                        return data[key];
-                    case 3 /* CONTEXT */:
-                        return ctx[key];
-                    case 2 /* PROPS */:
-                        return props[key];
-                    // default: just fallthrough
+        instance.exposed = exposed || {};
+    };
+    let attrs;
+    if ((process.env.NODE_ENV !== 'production')) {
+        // We use getters in dev in case libs like test-utils overwrite instance
+        // properties (overwrites should not be done in prod)
+        return Object.freeze({
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            get slots() {
+                return shallowReadonly(instance.slots);
+            },
+            get emit() {
+                return (event, ...args) => instance.emit(event, ...args);
+            },
+            expose
+        });
+    }
+    else {
+        return {
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            slots: instance.slots,
+            emit: instance.emit,
+            expose
+        };
+    }
+}
+function getExposeProxy(instance) {
+    if (instance.exposed) {
+        return (instance.exposeProxy ||
+            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+                get(target, key) {
+                    if (key in target) {
+                        return target[key];
+                    }
+                    else if (key in publicPropertiesMap) {
+                        return publicPropertiesMap[key](instance);
+                    }
                 }
-            }
-            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-                accessCache[key] = 0 /* SETUP */;
-                return setupState[key];
-            }
-            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-                accessCache[key] = 1 /* DATA */;
-                return data[key];
-            }
-            else if (
-            // only cache other properties when instance has declared (thus stable)
-            // props
-            (normalizedProps = instance.propsOptions[0]) &&
-                hasOwn(normalizedProps, key)) {
-                accessCache[key] = 2 /* PROPS */;
-                return props[key];
-            }
-            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-                accessCache[key] = 3 /* CONTEXT */;
-                return ctx[key];
-            }
-            else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {
-                accessCache[key] = 4 /* OTHER */;
-            }
+            })));
+    }
+}
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return isFunction(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
+}
+/* istanbul ignore next */
+function formatComponentName(instance, Component, isRoot = false) {
+    let name = getComponentName(Component);
+    if (!name && Component.__file) {
+        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
+        if (match) {
+            name = match[1];
         }
-        const publicGetter = publicPropertiesMap[key];
-        let cssModule, globalProperties;
-        // public $xxx properties
-        if (publicGetter) {
-            if (key === '$attrs') {
-                track(instance, "get" /* GET */, key);
-                (process.env.NODE_ENV !== 'production') && markAttrsAccessed();
+    }
+    if (!name && instance && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
+                }
             }
-            return publicGetter(instance);
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    }
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+}
+function isClassComponent(value) {
+    return isFunction(value) && '__vccOpts' in value;
+}
+
+const stack = [];
+function pushWarningContext(vnode) {
+    stack.push(vnode);
+}
+function popWarningContext() {
+    stack.pop();
+}
+function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    const instance = stack.length ? stack[stack.length - 1].component : null;
+    const appWarnHandler = instance && instance.appContext.config.warnHandler;
+    const trace = getComponentTrace();
+    if (appWarnHandler) {
+        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
+            msg + args.join(''),
+            instance && instance.proxy,
+            trace
+                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
+                .join('\n'),
+            trace
+        ]);
+    }
+    else {
+        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
+        /* istanbul ignore if */
+        if (trace.length &&
+            // avoid spamming console during tests
+            !false) {
+            warnArgs.push(`\n`, ...formatTrace(trace));
         }
-        else if (
-        // css module (injected by vue-loader)
-        (cssModule = type.__cssModules) &&
-            (cssModule = cssModule[key])) {
-            return cssModule;
+        console.warn(...warnArgs);
+    }
+    resetTracking();
+}
+function getComponentTrace() {
+    let currentVNode = stack[stack.length - 1];
+    if (!currentVNode) {
+        return [];
+    }
+    // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
+    const normalizedStack = [];
+    while (currentVNode) {
+        const last = normalizedStack[0];
+        if (last && last.vnode === currentVNode) {
+            last.recurseCount++;
         }
-        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-            // user may set custom properties to `this` that start with `$`
-            accessCache[key] = 3 /* CONTEXT */;
-            return ctx[key];
+        else {
+            normalizedStack.push({
+                vnode: currentVNode,
+                recurseCount: 0
+            });
         }
-        else if (
-        // global properties
-        ((globalProperties = appContext.config.globalProperties),
-            hasOwn(globalProperties, key))) {
-            {
-                const desc = Object.getOwnPropertyDescriptor(globalProperties, key);
-                if (desc.get) {
-                    return desc.get.call(instance.proxy);
-                }
-                else {
-                    const val = globalProperties[key];
-                    return isFunction(val) ? val.bind(instance.proxy) : val;
-                }
-            }
+        const parentInstance = currentVNode.component && currentVNode.component.parent;
+        currentVNode = parentInstance && parentInstance.vnode;
+    }
+    return normalizedStack;
+}
+/* istanbul ignore next */
+function formatTrace(trace) {
+    const logs = [];
+    trace.forEach((entry, i) => {
+        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    });
+    return logs;
+}
+function formatTraceEntry({ vnode, recurseCount }) {
+    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
+    const isRoot = vnode.component ? vnode.component.parent == null : false;
+    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
+    const close = `>` + postfix;
+    return vnode.props
+        ? [open, ...formatProps(vnode.props), close]
+        : [open + close];
+}
+/* istanbul ignore next */
+function formatProps(props) {
+    const res = [];
+    const keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+        res.push(...formatProp(key, props[key]));
+    });
+    if (keys.length > 3) {
+        res.push(` ...`);
+    }
+    return res;
+}
+/* istanbul ignore next */
+function formatProp(key, value, raw) {
+    if (isString(value)) {
+        value = JSON.stringify(value);
+        return raw ? value : [`${key}=${value}`];
+    }
+    else if (typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        value == null) {
+        return raw ? value : [`${key}=${value}`];
+    }
+    else if (isRef(value)) {
+        value = formatProp(key, toRaw(value.value), true);
+        return raw ? value : [`${key}=Ref<`, value, `>`];
+    }
+    else if (isFunction(value)) {
+        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
+    }
+    else {
+        value = toRaw(value);
+        return raw ? value : [`${key}=`, value];
+    }
+}
+
+const ErrorTypeStrings = {
+    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
+    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
+    ["c" /* CREATED */]: 'created hook',
+    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
+    ["m" /* MOUNTED */]: 'mounted hook',
+    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
+    ["u" /* UPDATED */]: 'updated',
+    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
+    ["um" /* UNMOUNTED */]: 'unmounted hook',
+    ["a" /* ACTIVATED */]: 'activated hook',
+    ["da" /* DEACTIVATED */]: 'deactivated hook',
+    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
+    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
+    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
+    [0 /* SETUP_FUNCTION */]: 'setup function',
+    [1 /* RENDER_FUNCTION */]: 'render function',
+    [2 /* WATCH_GETTER */]: 'watcher getter',
+    [3 /* WATCH_CALLBACK */]: 'watcher callback',
+    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
+    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
+    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
+    [7 /* VNODE_HOOK */]: 'vnode hook',
+    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
+    [9 /* TRANSITION_HOOK */]: 'transition hook',
+    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
+    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
+    [12 /* FUNCTION_REF */]: 'ref function',
+    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
+    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+};
+function callWithErrorHandling(fn, instance, type, args) {
+    let res;
+    try {
+        res = args ? fn(...args) : fn();
+    }
+    catch (err) {
+        handleError(err, instance, type);
+    }
+    return res;
+}
+function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (isFunction(fn)) {
+        const res = callWithErrorHandling(fn, instance, type, args);
+        if (res && isPromise(res)) {
+            res.catch(err => {
+                handleError(err, instance, type);
+            });
         }
-        else if ((process.env.NODE_ENV !== 'production') &&
-            currentRenderingInstance &&
-            (!isString(key) ||
-                // #1091 avoid internal isRef/isVNode checks on component instance leading
-                // to infinite warning loop
-                key.indexOf('__v') !== 0)) {
-            if (data !== EMPTY_OBJ &&
-                (key[0] === '$' || key[0] === '_') &&
-                hasOwn(data, key)) {
-                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
-                    `character ("$" or "_") and is not proxied on the render context.`);
-            }
-            else if (instance === currentRenderingInstance) {
-                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
-                    `but is not defined on instance.`);
+        return res;
+    }
+    const values = [];
+    for (let i = 0; i < fn.length; i++) {
+        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    }
+    return values;
+}
+function handleError(err, instance, type, throwInDev = true) {
+    const contextVNode = instance ? instance.vnode : null;
+    if (instance) {
+        let cur = instance.parent;
+        // the exposed instance is the render proxy to keep it consistent with 2.x
+        const exposedInstance = instance.proxy;
+        // in production the hook receives only the error code
+        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
+        while (cur) {
+            const errorCapturedHooks = cur.ec;
+            if (errorCapturedHooks) {
+                for (let i = 0; i < errorCapturedHooks.length; i++) {
+                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+                        return;
+                    }
+                }
             }
+            cur = cur.parent;
         }
-    },
-    set({ _: instance }, key, value) {
-        const { data, setupState, ctx } = instance;
-        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-            setupState[key] = value;
+        // app-level handling
+        const appErrorHandler = instance.appContext.config.errorHandler;
+        if (appErrorHandler) {
+            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
+            return;
         }
-        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-            data[key] = value;
+    }
+    logError(err, type, contextVNode, throwInDev);
+}
+function logError(err, type, contextVNode, throwInDev = true) {
+    if ((process.env.NODE_ENV !== 'production')) {
+        const info = ErrorTypeStrings[type];
+        if (contextVNode) {
+            pushWarningContext(contextVNode);
         }
-        else if (hasOwn(instance.props, key)) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
-            return false;
+        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        if (contextVNode) {
+            popWarningContext();
         }
-        if (key[0] === '$' && key.slice(1) in instance) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate public property "${key}". ` +
-                    `Properties starting with $ are reserved and readonly.`, instance);
-            return false;
+        // crash in dev by default so it's more noticeable
+        if (throwInDev) {
+            throw err;
         }
         else {
-            if ((process.env.NODE_ENV !== 'production') && key in instance.appContext.config.globalProperties) {
-                Object.defineProperty(ctx, key, {
-                    enumerable: true,
-                    configurable: true,
-                    value
-                });
-            }
-            else {
-                ctx[key] = value;
-            }
-        }
-        return true;
-    },
-    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
-        let normalizedProps;
-        return (accessCache[key] !== undefined ||
-            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
-            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
-            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
-            hasOwn(ctx, key) ||
-            hasOwn(publicPropertiesMap, key) ||
-            hasOwn(appContext.config.globalProperties, key));
-    }
-};
-if ((process.env.NODE_ENV !== 'production') && !false) {
-    PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
-            `The keys will be empty in production mode to avoid performance overhead.`);
-        return Reflect.ownKeys(target);
-    };
-}
-const RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-        // fast path for unscopables when using `with` block
-        if (key === Symbol.unscopables) {
-            return;
-        }
-        return PublicInstanceProxyHandlers.get(target, key, target);
-    },
-    has(_, key) {
-        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
-        if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
-            warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+            console.error(err);
         }
-        return has;
     }
-});
-// In dev mode, the proxy target exposes the same properties as seen on `this`
-// for easier console inspection. In prod mode it will be an empty object so
-// these properties definitions can be skipped.
-function createRenderContext(instance) {
-    const target = {};
-    // expose internal instance for proxy handlers
-    Object.defineProperty(target, `_`, {
-        configurable: true,
-        enumerable: false,
-        get: () => instance
-    });
-    // expose public properties
-    Object.keys(publicPropertiesMap).forEach(key => {
-        Object.defineProperty(target, key, {
-            configurable: true,
-            enumerable: false,
-            get: () => publicPropertiesMap[key](instance),
-            // intercepted by the proxy so no need for implementation,
-            // but needed to prevent set errors
-            set: NOOP
-        });
-    });
-    return target;
-}
-// dev only
-function exposePropsOnRenderContext(instance) {
-    const { ctx, propsOptions: [propsOptions] } = instance;
-    if (propsOptions) {
-        Object.keys(propsOptions).forEach(key => {
-            Object.defineProperty(ctx, key, {
-                enumerable: true,
-                configurable: true,
-                get: () => instance.props[key],
-                set: NOOP
-            });
-        });
+    else {
+        // recover in prod to reduce the impact on end-user
+        console.error(err);
     }
-}
-// dev only
-function exposeSetupStateOnRenderContext(instance) {
-    const { ctx, setupState } = instance;
-    Object.keys(toRaw(setupState)).forEach(key => {
-        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-            warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
-                `which are reserved prefixes for Vue internals.`);
-            return;
-        }
-        Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            get: () => setupState[key],
-            set: NOOP
-        });
-    });
 }
 
-const emptyAppContext = createAppContext();
-let uid$2 = 0;
-function createComponentInstance(vnode, parent, suspense) {
-    const type = vnode.type;
-    // inherit parent app context - or - if root, adopt from root vnode
-    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    const instance = {
-        uid: uid$2++,
-        vnode,
-        type,
-        parent,
-        appContext,
-        root: null,
-        next: null,
-        subTree: null,
-        update: null,
-        render: null,
-        proxy: null,
-        exposed: null,
-        exposeProxy: null,
-        withProxy: null,
-        effects: null,
-        provides: parent ? parent.provides : Object.create(appContext.provides),
-        accessCache: null,
-        renderCache: [],
-        // local resovled assets
-        components: null,
-        directives: null,
-        // resolved props and emits options
-        propsOptions: normalizePropsOptions(type, appContext),
-        emitsOptions: normalizeEmitsOptions(type, appContext),
-        // emit
-        emit: null,
-        emitted: null,
-        // props default value
-        propsDefaults: EMPTY_OBJ,
-        // inheritAttrs
-        inheritAttrs: type.inheritAttrs,
-        // state
-        ctx: EMPTY_OBJ,
-        data: EMPTY_OBJ,
-        props: EMPTY_OBJ,
-        attrs: EMPTY_OBJ,
-        slots: EMPTY_OBJ,
-        refs: EMPTY_OBJ,
-        setupState: EMPTY_OBJ,
-        setupContext: null,
-        // suspense related
-        suspense,
-        suspenseId: suspense ? suspense.pendingId : 0,
-        asyncDep: null,
-        asyncResolved: false,
-        // lifecycle hooks
-        // not using enums here because it results in computed properties
-        isMounted: false,
-        isUnmounted: false,
-        isDeactivated: false,
-        bc: null,
-        c: null,
-        bm: null,
-        m: null,
-        bu: null,
-        u: null,
-        um: null,
-        bum: null,
-        bda: null,
-        da: null,
-        ba: null,
-        a: null,
-        rtg: null,
-        rtc: null,
-        ec: null,
-        sp: null
-    };
-    if ((process.env.NODE_ENV !== 'production')) {
-        instance.ctx = createRenderContext(instance);
+let isFlushing = false;
+let isFlushPending = false;
+const queue = [];
+let flushIndex = 0;
+const pendingPreFlushCbs = [];
+let activePreFlushCbs = null;
+let preFlushIndex = 0;
+const pendingPostFlushCbs = [];
+let activePostFlushCbs = null;
+let postFlushIndex = 0;
+const resolvedPromise = Promise.resolve();
+let currentFlushPromise = null;
+let currentPreFlushParentJob = null;
+const RECURSION_LIMIT = 100;
+function nextTick(fn) {
+    const p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+}
+// #2768
+// Use binary-search to find a suitable position in the queue,
+// so that the queue maintains the increasing order of job's id,
+// which can prevent the job from being skipped and also can avoid repeated patching.
+function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    let start = flushIndex + 1;
+    let end = queue.length;
+    while (start < end) {
+        const middle = (start + end) >>> 1;
+        const middleJobId = getId(queue[middle]);
+        middleJobId < id ? (start = middle + 1) : (end = middle);
     }
-    else {
-        instance.ctx = { _: instance };
+    return start;
+}
+function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length ||
+        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
+        job !== currentPreFlushParentJob) {
+        if (job.id == null) {
+            queue.push(job);
+        }
+        else {
+            queue.splice(findInsertionIndex(job.id), 0, job);
+        }
+        queueFlush();
     }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit$1.bind(null, instance);
-    return instance;
 }
-let currentInstance = null;
-const getCurrentInstance = () => currentInstance || currentRenderingInstance;
-const setCurrentInstance = (instance) => {
-    currentInstance = instance;
-};
-const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
-function validateComponentName(name, config) {
-    const appIsNativeTag = config.isNativeTag || NO;
-    if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
+function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+        isFlushPending = true;
+        currentFlushPromise = resolvedPromise.then(flushJobs);
     }
 }
-function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
+function invalidateJob(job) {
+    const i = queue.indexOf(job);
+    if (i > flushIndex) {
+        queue.splice(i, 1);
+    }
 }
-let isInSSRComponentSetup = false;
-function setupComponent(instance, isSSR = false) {
-    isInSSRComponentSetup = isSSR;
-    const { props, children } = instance.vnode;
-    const isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children);
-    const setupResult = isStateful
-        ? setupStatefulComponent(instance, isSSR)
-        : undefined;
-    isInSSRComponentSetup = false;
-    return setupResult;
+function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!isArray(cb)) {
+        if (!activeQueue ||
+            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+            pendingQueue.push(cb);
+        }
+    }
+    else {
+        // if cb is an array, it is a component lifecycle hook which can only be
+        // triggered by a job, which is already deduped in the main queue, so
+        // we can skip duplicate check here to improve perf
+        pendingQueue.push(...cb);
+    }
+    queueFlush();
 }
-function setupStatefulComponent(instance, isSSR) {
-    const Component = instance.type;
-    if ((process.env.NODE_ENV !== 'production')) {
-        if (Component.name) {
-            validateComponentName(Component.name, instance.appContext.config);
+function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+}
+function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+}
+function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+        currentPreFlushParentJob = parentJob;
+        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+        pendingPreFlushCbs.length = 0;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
         }
-        if (Component.components) {
-            const names = Object.keys(Component.components);
-            for (let i = 0; i < names.length; i++) {
-                validateComponentName(names[i], instance.appContext.config);
+        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+                continue;
             }
+            activePreFlushCbs[preFlushIndex]();
         }
-        if (Component.directives) {
-            const names = Object.keys(Component.directives);
-            for (let i = 0; i < names.length; i++) {
-                validateDirectiveName(names[i]);
-            }
+        activePreFlushCbs = null;
+        preFlushIndex = 0;
+        currentPreFlushParentJob = null;
+        // recursively flush until it drains
+        flushPreFlushCbs(seen, parentJob);
+    }
+}
+function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+        const deduped = [...new Set(pendingPostFlushCbs)];
+        pendingPostFlushCbs.length = 0;
+        // #1947 already has active queue, nested flushPostFlushCbs call
+        if (activePostFlushCbs) {
+            activePostFlushCbs.push(...deduped);
+            return;
         }
-        if (Component.compilerOptions && isRuntimeOnly()) {
-            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
-                `includes the runtime compiler. Since you are using a runtime-only ` +
-                `build, the options should be passed via your build tool config instead.`);
+        activePostFlushCbs = deduped;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
+        }
+        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+                continue;
+            }
+            activePostFlushCbs[postFlushIndex]();
         }
+        activePostFlushCbs = null;
+        postFlushIndex = 0;
     }
-    // 0. create render proxy property access cache
-    instance.accessCache = Object.create(null);
-    // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+}
+const getId = (job) => job.id == null ? Infinity : job.id;
+function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
     if ((process.env.NODE_ENV !== 'production')) {
-        exposePropsOnRenderContext(instance);
+        seen = seen || new Map();
     }
-    // 2. call setup()
-    const { setup } = Component;
-    if (setup) {
-        const setupContext = (instance.setupContext =
-            setup.length > 1 ? createSetupContext(instance) : null);
-        currentInstance = instance;
-        pauseTracking();
-        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
-        resetTracking();
-        currentInstance = null;
-        if (isPromise(setupResult)) {
-            const unsetInstance = () => {
-                currentInstance = null;
-            };
-            setupResult.then(unsetInstance, unsetInstance);
-            if (isSSR) {
-                // return the promise so server-renderer can wait on it
-                return setupResult
-                    .then((resolvedResult) => {
-                    handleSetupResult(instance, resolvedResult, isSSR);
-                })
-                    .catch(e => {
-                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
-                });
+    flushPreFlushCbs(seen);
+    // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
+    queue.sort((a, b) => getId(a) - getId(b));
+    try {
+        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+            const job = queue[flushIndex];
+            if (job && job.active !== false) {
+                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
+                    continue;
+                }
+                // console.log(`running:`, job.id)
+                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
+            }
+        }
+    }
+    finally {
+        flushIndex = 0;
+        queue.length = 0;
+        flushPostFlushCbs(seen);
+        isFlushing = false;
+        currentFlushPromise = null;
+        // some postFlushCb queued jobs!
+        // keep flushing until it drains.
+        if (queue.length ||
+            pendingPreFlushCbs.length ||
+            pendingPostFlushCbs.length) {
+            flushJobs(seen);
+        }
+    }
+}
+function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+        seen.set(fn, 1);
+    }
+    else {
+        const count = seen.get(fn);
+        if (count > RECURSION_LIMIT) {
+            const instance = fn.ownerInstance;
+            const componentName = instance && getComponentName(instance.type);
+            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+                `This means you have a reactive effect that is mutating its own ` +
+                `dependencies and thus recursively triggering itself. Possible sources ` +
+                `include component template, render function, updated hook or ` +
+                `watcher source function.`);
+            return true;
+        }
+        else {
+            seen.set(fn, count + 1);
+        }
+    }
+}
+
+// Simple effect.
+function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
+}
+function watchPostEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'post' })
+        : { flush: 'post' }));
+}
+function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'sync' })
+        : { flush: 'sync' }));
+}
+// initial value for watchers to trigger on undefined initial values
+const INITIAL_WATCHER_VALUE = {};
+// implementation
+function watch(source, cb, options) {
+    if ((process.env.NODE_ENV !== 'production') && !isFunction(cb)) {
+        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+            `supports \`watch(source, cb, options?) signature.`);
+    }
+    return doWatch(source, cb, options);
+}
+function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
+    if ((process.env.NODE_ENV !== 'production') && !cb) {
+        if (immediate !== undefined) {
+            warn$1(`watch() "immediate" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
+        }
+        if (deep !== undefined) {
+            warn$1(`watch() "deep" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
+        }
+    }
+    const warnInvalidSource = (s) => {
+        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+            `a reactive object, or an array of these types.`);
+    };
+    const instance = currentInstance;
+    let getter;
+    let forceTrigger = false;
+    let isMultiSource = false;
+    if (isRef(source)) {
+        getter = () => source.value;
+        forceTrigger = !!source._shallow;
+    }
+    else if (isReactive(source)) {
+        getter = () => source;
+        deep = true;
+    }
+    else if (isArray(source)) {
+        isMultiSource = true;
+        forceTrigger = source.some(isReactive);
+        getter = () => source.map(s => {
+            if (isRef(s)) {
+                return s.value;
+            }
+            else if (isReactive(s)) {
+                return traverse(s);
+            }
+            else if (isFunction(s)) {
+                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
             }
             else {
-                // async setup returned Promise.
-                // bail here and wait for re-entry.
-                instance.asyncDep = setupResult;
+                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
             }
+        });
+    }
+    else if (isFunction(source)) {
+        if (cb) {
+            // getter with cb
+            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
         }
         else {
-            handleSetupResult(instance, setupResult, isSSR);
+            // no cb -> simple effect
+            getter = () => {
+                if (instance && instance.isUnmounted) {
+                    return;
+                }
+                if (cleanup) {
+                    cleanup();
+                }
+                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
+            };
         }
     }
     else {
-        finishComponentSetup(instance, isSSR);
-    }
-}
-function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction(setupResult)) {
-        // setup returned an inline render function
-        {
-            instance.render = setupResult;
-        }
+        getter = NOOP;
+        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
     }
-    else if (isObject(setupResult)) {
-        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
-            warn(`setup() should not return VNodes directly - ` +
-                `return a render function instead.`);
-        }
-        // setup returned bindings.
-        // assuming a render function compiled from template is present.
-        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
-            instance.devtoolsRawSetupState = setupResult;
-        }
-        instance.setupState = proxyRefs(setupResult);
-        if ((process.env.NODE_ENV !== 'production')) {
-            exposeSetupStateOnRenderContext(instance);
-        }
+    // 2.x array mutation watch compat
+    if (cb && !deep) {
+        const baseGetter = getter;
+        getter = () => {
+            const val = baseGetter();
+            if (isArray(val) &&
+                checkCompatEnabled("WATCH_ARRAY" /* WATCH_ARRAY */, instance)) {
+                traverse(val);
+            }
+            return val;
+        };
     }
-    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
-        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+    if (cb && deep) {
+        const baseGetter = getter;
+        getter = () => traverse(baseGetter());
     }
-    finishComponentSetup(instance, isSSR);
-}
-let compile;
-// dev only
-const isRuntimeOnly = () => !compile;
-/**
- * For runtime-dom to register the compiler.
- * Note the exported method uses any to avoid d.ts relying on the compiler types.
- */
-function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-}
-function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component = instance.type;
-    {
-        convertLegacyRenderFn(instance);
-        if ((process.env.NODE_ENV !== 'production') && Component.compatConfig) {
-            validateCompatConfig(Component.compatConfig);
+    let cleanup;
+    let onInvalidate = (fn) => {
+        cleanup = effect.onStop = () => {
+            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
+        };
+    };
+    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    const job = () => {
+        if (!effect.active) {
+            return;
         }
-    }
-    // template / render function normalization
-    if (!instance.render) {
-        // could be set from setup()
-        if (compile && !Component.render) {
-            const template = (instance.vnode.props &&
-                instance.vnode.props['inline-template']) ||
-                Component.template;
-            if (template) {
-                if ((process.env.NODE_ENV !== 'production')) {
-                    startMeasure(instance, `compile`);
-                }
-                const { isCustomElement, compilerOptions } = instance.appContext.config;
-                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-                const finalCompilerOptions = extend(extend({
-                    isCustomElement,
-                    delimiters
-                }, compilerOptions), componentCompilerOptions);
-                {
-                    // pass runtime compat config into the compiler
-                    finalCompilerOptions.compatConfig = Object.create(globalCompatConfig);
-                    if (Component.compatConfig) {
-                        extend(finalCompilerOptions.compatConfig, Component.compatConfig);
-                    }
-                }
-                Component.render = compile(template, finalCompilerOptions);
-                if ((process.env.NODE_ENV !== 'production')) {
-                    endMeasure(instance, `compile`);
+        if (cb) {
+            // watch(source, cb)
+            const newValue = effect.run();
+            if (deep ||
+                forceTrigger ||
+                (isMultiSource
+                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
+                    : hasChanged(newValue, oldValue)) ||
+                (isArray(newValue) &&
+                    isCompatEnabled("WATCH_ARRAY" /* WATCH_ARRAY */, instance))) {
+                // cleanup before running cb again
+                if (cleanup) {
+                    cleanup();
                 }
+                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                    newValue,
+                    // pass undefined as the old value when it's changed for the first time
+                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    onInvalidate
+                ]);
+                oldValue = newValue;
             }
         }
-        instance.render = (Component.render || NOOP);
-        // for runtime-compiled render functions using `with` blocks, the render
-        // proxy used needs a different `has` handler which is more performant and
-        // also only allows a whitelist of globals to fallthrough.
-        if (instance.render._rc) {
-            instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
+        else {
+            // watchEffect
+            effect.run();
         }
+    };
+    // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
+    job.allowRecurse = !!cb;
+    let scheduler;
+    if (flush === 'sync') {
+        scheduler = job; // the scheduler function gets called directly
     }
-    // support for 2.x options
-    if (__VUE_OPTIONS_API__ && !(skipOptions)) {
-        currentInstance = instance;
-        pauseTracking();
-        applyOptions(instance);
-        resetTracking();
-        currentInstance = null;
+    else if (flush === 'post') {
+        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
     }
-    // warn missing template/render
-    // the runtime compilation of template in SSR is done by server-render
-    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
-        /* istanbul ignore if */
-        if (!compile && Component.template) {
-            warn(`Component provided template option but ` +
-                `runtime compilation is not supported in this build of Vue.` +
-                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
-                    ) /* should not happen */);
+    else {
+        // default: 'pre'
+        scheduler = () => {
+            if (!instance || instance.isMounted) {
+                queuePreFlushCb(job);
+            }
+            else {
+                // with 'pre' option, the first call must happen before
+                // the component is mounted so it is called synchronously.
+                job();
+            }
+        };
+    }
+    const effect = new ReactiveEffect(getter, scheduler);
+    if ((process.env.NODE_ENV !== 'production')) {
+        effect.onTrack = onTrack;
+        effect.onTrigger = onTrigger;
+    }
+    // initial run
+    if (cb) {
+        if (immediate) {
+            job();
         }
         else {
-            warn(`Component is missing template or render function.`);
+            oldValue = effect.run();
         }
     }
-}
-const attrDevProxyHandlers = {
-    get: (target, key) => {
-        markAttrsAccessed();
-        return target[key];
-    },
-    set: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
-    },
-    deleteProperty: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
+    else if (flush === 'post') {
+        queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
     }
-};
-function createSetupContext(instance) {
-    const expose = exposed => {
-        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
-            warn(`expose() should be called only once per setup().`);
+    else {
+        effect.run();
+    }
+    return () => {
+        effect.stop();
+        if (instance && instance.scope) {
+            remove(instance.scope.effects, effect);
         }
-        instance.exposed = exposed || {};
     };
-    if ((process.env.NODE_ENV !== 'production')) {
-        let attrs;
-        // We use getters in dev in case libs like test-utils overwrite instance
-        // properties (overwrites should not be done in prod)
-        return Object.freeze({
-            get attrs() {
-                return (attrs || (attrs = new Proxy(instance.attrs, attrDevProxyHandlers)));
-            },
-            get slots() {
-                return shallowReadonly(instance.slots);
-            },
-            get emit() {
-                return (event, ...args) => instance.emit(event, ...args);
-            },
-            expose
-        });
+}
+// this.$watch
+function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = isString(source)
+        ? source.includes('.')
+            ? createPathGetter(publicThis, source)
+            : () => publicThis[source]
+        : source.bind(publicThis, publicThis);
+    let cb;
+    if (isFunction(value)) {
+        cb = value;
     }
     else {
-        return {
-            attrs: instance.attrs,
-            slots: instance.slots,
-            emit: instance.emit,
-            expose
-        };
+        cb = value.handler;
+        options = value;
     }
-}
-function getExposeProxy(instance) {
-    if (instance.exposed) {
-        return (instance.exposeProxy ||
-            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-                get(target, key) {
-                    if (key in target) {
-                        return target[key];
-                    }
-                    else if (key in publicPropertiesMap) {
-                        return publicPropertiesMap[key](instance);
-                    }
-                }
-            })));
+    const cur = currentInstance;
+    setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    if (cur) {
+        setCurrentInstance(cur);
     }
-}
-// record effects created during a component's setup() so that they can be
-// stopped when the component unmounts
-function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-        (instance.effects || (instance.effects = [])).push(effect);
+    else {
+        unsetCurrentInstance();
     }
+    return res;
 }
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return isFunction(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
+function createPathGetter(ctx, path) {
+    const segments = path.split('.');
+    return () => {
+        let cur = ctx;
+        for (let i = 0; i < segments.length && cur; i++) {
+            cur = cur[segments[i]];
+        }
+        return cur;
+    };
 }
-/* istanbul ignore next */
-function formatComponentName(instance, Component, isRoot = false) {
-    let name = getComponentName(Component);
-    if (!name && Component.__file) {
-        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-        if (match) {
-            name = match[1];
+function traverse(value, seen = new Set()) {
+    if (!isObject(value) || value["__v_skip" /* SKIP */]) {
+        return value;
+    }
+    seen = seen || new Set();
+    if (seen.has(value)) {
+        return value;
+    }
+    seen.add(value);
+    if (isRef(value)) {
+        traverse(value.value, seen);
+    }
+    else if (isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            traverse(value[i], seen);
         }
     }
-    if (!name && instance && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    else if (isSet(value) || isMap(value)) {
+        value.forEach((v) => {
+            traverse(v, seen);
+        });
     }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-function isClassComponent(value) {
-    return isFunction(value) && '__vccOpts' in value;
-}
-
-function computed$1(getterOrOptions) {
-    const c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    else if (isPlainObject(value)) {
+        for (const key in value) {
+            traverse(value[key], seen);
+        }
+    }
+    return value;
 }
 
 // dev only
-const warnRuntimeUsage = (method) => warn(`${method}() is a compiler-hint helper that is only usable inside ` +
+const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
     `<script setup> of a single file component. Its arguments should be ` +
     `compiled away and passing it at runtime has no effect.`);
 // implementation
@@ -10240,10 +10594,6 @@ function defineEmits() {
     }
     return null;
 }
-/**
- * @deprecated use `defineEmits` instead.
- */
-const defineEmit = defineEmits;
 /**
  * Vue `<script setup>` compiler macro for declaring a component's exposed
  * instance properties when it is accessed by a parent component via template
@@ -10285,16 +10635,6 @@ function withDefaults(props, defaults) {
     }
     return null;
 }
-/**
- * @deprecated use `useSlots` and `useAttrs` instead.
- */
-function useContext() {
-    if ((process.env.NODE_ENV !== 'production')) {
-        warn(`\`useContext()\` has been deprecated and will be removed in the ` +
-            `next minor release. Use \`useSlots()\` and \`useAttrs()\` instead.`);
-    }
-    return getContext();
-}
 function useSlots() {
     return getContext().slots;
 }
@@ -10304,7 +10644,7 @@ function useAttrs() {
 function getContext() {
     const i = getCurrentInstance();
     if ((process.env.NODE_ENV !== 'production') && !i) {
-        warn(`useContext() called without active instance.`);
+        warn$1(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
 }
@@ -10325,30 +10665,44 @@ props, defaults) {
             props[key] = { default: defaults[key] };
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`props default key "${key}" has no corresponding declaration.`);
+            warn$1(`props default key "${key}" has no corresponding declaration.`);
         }
     }
     return props;
 }
 /**
- * Runtime helper for storing and resuming current instance context in
- * async setup().
+ * `<script setup>` helper for persisting the current instance context over
+ * async/await flows.
+ *
+ * `@vue/compiler-sfc` converts the following:
+ *
+ * ```ts
+ * const x = await foo()
+ * ```
+ *
+ * into:
+ *
+ * ```ts
+ * let __temp, __restore
+ * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+ * ```
+ * @internal
  */
-function withAsyncContext(awaitable) {
+function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
     if ((process.env.NODE_ENV !== 'production') && !ctx) {
-        warn(`withAsyncContext() called when there is no active context instance.`);
+        warn$1(`withAsyncContext called without active current instance. ` +
+            `This is likely a bug.`);
     }
-    return isPromise(awaitable)
-        ? awaitable.then(res => {
-            setCurrentInstance(ctx);
-            return res;
-        }, err => {
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+        awaitable = awaitable.catch(e => {
             setCurrentInstance(ctx);
-            throw err;
-        })
-        : awaitable;
+            throw e;
+        });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
 }
 
 // Actual implementation
@@ -10384,7 +10738,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn(`Server rendering context not provided. Make sure to only call ` +
+            warn$1(`Server rendering context not provided. Make sure to only call ` +
                 `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -10580,13 +10934,60 @@ function initCustomFormatter() {
     }
 }
 
+function withMemo(memo, render, cache, index) {
+    const cached = cache[index];
+    if (cached && isMemoSame(cached, memo)) {
+        return cached;
+    }
+    const ret = render();
+    // shallow clone
+    ret.memo = memo.slice();
+    return (cache[index] = ret);
+}
+function isMemoSame(cached, memo) {
+    const prev = cached.memo;
+    if (prev.length != memo.length) {
+        return false;
+    }
+    for (let i = 0; i < prev.length; i++) {
+        if (prev[i] !== memo[i]) {
+            return false;
+        }
+    }
+    // make sure to let parent block track it when returning cached
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(cached);
+    }
+    return true;
+}
+
+function $ref() { }
+function $shallowRef(arg) {
+    return arg;
+}
+function $computed() { }
+function $fromRefs() {
+    return null;
+}
+function $raw() {
+    return null;
+}
+
 // Core API ------------------------------------------------------------------
-const version = "3.1.4";
+const version = "3.2.2";
+const _ssrUtils = {
+    createComponentInstance,
+    setupComponent,
+    renderComponentRoot,
+    setCurrentRenderingInstance,
+    isVNode,
+    normalizeVNode
+};
 /**
  * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
  * @internal
  */
-const ssrUtils = (null);
+const ssrUtils = (_ssrUtils );
 /**
  * @internal only exposed in compat builds
  */
@@ -10601,11 +11002,11 @@ const _compatUtils = {
 /**
  * @internal only exposed in compat builds.
  */
-const compatUtils = (_compatUtils
-    );
+const compatUtils = (_compatUtils );
 
 const svgNS = 'http://www.w3.org/2000/svg';
 const doc = (typeof document !== 'undefined' ? document : null);
+const staticTemplateCache = new Map();
 const nodeOps = {
     insert: (child, parent, anchor) => {
         parent.insertBefore(child, anchor || null);
@@ -10656,94 +11057,68 @@ const nodeOps = {
         return cloned;
     },
     // __UNSAFE__
-    // Reason: insertAdjacentHTML.
+    // Reason: innerHTML.
     // Static content here can only come from compiled templates.
     // As long as the user only uses trusted templates, this is safe.
-    insertStaticContent(content, parent, anchor, isSVG, cached) {
-        if (cached) {
-            let first;
-            let last;
-            let i = 0;
-            let l = cached.length;
-            for (; i < l; i++) {
-                const node = cached[i].cloneNode(true);
-                if (i === 0)
-                    first = node;
-                if (i === l - 1)
-                    last = node;
-                parent.insertBefore(node, anchor);
-            }
-            return [first, last];
-        }
+    insertStaticContent(content, parent, anchor, isSVG) {
         // <parent> before | first ... last | anchor </parent>
         const before = anchor ? anchor.previousSibling : parent.lastChild;
-        if (anchor) {
-            let insertionPoint;
-            let usingTempInsertionPoint = false;
-            if (anchor instanceof Element) {
-                insertionPoint = anchor;
-            }
-            else {
-                // insertAdjacentHTML only works for elements but the anchor is not an
-                // element...
-                usingTempInsertionPoint = true;
-                insertionPoint = isSVG
-                    ? doc.createElementNS(svgNS, 'g')
-                    : doc.createElement('div');
-                parent.insertBefore(insertionPoint, anchor);
-            }
-            insertionPoint.insertAdjacentHTML('beforebegin', content);
-            if (usingTempInsertionPoint) {
-                parent.removeChild(insertionPoint);
-            }
-        }
-        else {
-            parent.insertAdjacentHTML('beforeend', content);
-        }
-        let first = before ? before.nextSibling : parent.firstChild;
-        const last = anchor ? anchor.previousSibling : parent.lastChild;
-        const ret = [];
-        while (first) {
-            ret.push(first);
-            if (first === last)
-                break;
-            first = first.nextSibling;
-        }
-        return ret;
+        let template = staticTemplateCache.get(content);
+        if (!template) {
+            const t = doc.createElement('template');
+            t.innerHTML = isSVG ? `<svg>${content}</svg>` : content;
+            template = t.content;
+            if (isSVG) {
+                // remove outer svg wrapper
+                const wrapper = template.firstChild;
+                while (wrapper.firstChild) {
+                    template.appendChild(wrapper.firstChild);
+                }
+                template.removeChild(wrapper);
+            }
+            staticTemplateCache.set(content, template);
+        }
+        parent.insertBefore(template.cloneNode(true), anchor);
+        return [
+            // first
+            before ? before.nextSibling : parent.firstChild,
+            // last
+            anchor ? anchor.previousSibling : parent.lastChild
+        ];
     }
 };
 
 // compiler should normalize class + :class bindings on the same element
 // into a single binding ['staticClass', dynamic]
 function patchClass(el, value, isSVG) {
-    if (value == null) {
-        value = '';
-    }
+    // directly setting className should be faster than setAttribute in theory
+    // if this is an element during a transition, take the temporary transition
+    // classes into account.
     // fixed by xxxxxx wxs
     const { __wxsAddClass, __wxsRemoveClass } = el;
     if (__wxsRemoveClass && __wxsRemoveClass.length) {
-        value = value
+        value = (value || '')
             .split(/\s+/)
             .filter(v => __wxsRemoveClass.indexOf(v) === -1)
             .join(' ');
         __wxsRemoveClass.length = 0;
     }
     if (__wxsAddClass && __wxsAddClass.length) {
-        value = value + ' ' + __wxsAddClass.join(' ');
+        value = (value || '') + ' ' + __wxsAddClass.join(' ');
     }
-    if (isSVG) {
+    const transitionClasses = el._vtc;
+    if (transitionClasses) {
+        value = (value
+            ? [value, ...transitionClasses]
+            : [...transitionClasses]).join(' ');
+    }
+    if (value == null) {
+        el.removeAttribute('class');
+    }
+    else if (isSVG) {
         el.setAttribute('class', value);
     }
     else {
-        // directly setting className should be faster than setAttribute in theory
-        // if this is an element during a transition, take the temporary transition
-        // classes into account.
-        const transitionClasses = el._vtc;
-        if (transitionClasses) {
-            value = (value
-                ? [value, ...transitionClasses]
-                : [...transitionClasses]).join(' ');
-        }
         el.className = value;
     }
 }
@@ -10937,7 +11312,11 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
         }
         else if (type === 'number') {
             // e.g. <img :width="null">
-            el[key] = 0;
+            // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error
+            try {
+                el[key] = 0;
+            }
+            catch (_a) { }
             el.removeAttribute(key);
             return;
         }
@@ -10959,7 +11338,7 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
     }
     catch (e) {
         if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+            warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
                 `value ${value} is invalid.`, e);
         }
     }
@@ -11103,65 +11482,49 @@ function patchWxs(el, rawName, nextValue, instance = null) {
 }
 
 const nativeOnRE = /^on[a-z]/;
-// fixed by xxxxxx
-const forcePatchProp = (el, key) => {
-    if (key === 'value' || key.indexOf('change:') === 0) {
-        return true;
-    }
-    if (key === 'class' && el.__wxsClassChanged) {
-        el.__wxsClassChanged = false;
-        return true;
-    }
-    if (key === 'style' && el.__wxsStyleChanged) {
-        el.__wxsStyleChanged = false;
-        return true;
-    }
-    return false;
-};
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
     // @ts-expect-error fixed by xxxxxx
     if (__UNI_FEATURE_WXS__ && key.indexOf('change:') === 0) {
         return patchWxs(el, key, nextValue, parentComponent);
     }
-    switch (key) {
-        // special
-        case 'class':
-            patchClass(el, nextValue, isSVG);
-            break;
-        case 'style':
-            patchStyle(el, prevValue, nextValue);
-            break;
-        default:
-            if (isOn(key)) {
-                // ignore v-model listeners
-                if (!isModelListener(key)) {
-                    patchEvent(el, key, prevValue, nextValue, parentComponent);
-                }
-            }
-            else if (shouldSetAsProp(el, key, nextValue, isSVG)) {
-                patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
-            }
-            else {
-                // special case for <input v-model type="checkbox"> with
-                // :true-value & :false-value
-                // store value as dom properties since non-string values will be
-                // stringified.
-                if (key === 'true-value') {
-                    el._trueValue = nextValue;
-                }
-                else if (key === 'false-value') {
-                    el._falseValue = nextValue;
-                }
-                patchAttr(el, key, nextValue, isSVG, parentComponent);
-            }
-            break;
+    if (key === 'class') {
+        patchClass(el, nextValue, isSVG);
+    }
+    else if (key === 'style') {
+        patchStyle(el, prevValue, nextValue);
+    }
+    else if (isOn(key)) {
+        // ignore v-model listeners
+        if (!isModelListener(key)) {
+            patchEvent(el, key, prevValue, nextValue, parentComponent);
+        }
+    }
+    else if (key[0] === '.'
+        ? ((key = key.slice(1)), true)
+        : key[0] === '^'
+            ? ((key = key.slice(1)), false)
+            : shouldSetAsProp(el, key, nextValue, isSVG)) {
+        patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
+    }
+    else {
+        // special case for <input v-model type="checkbox"> with
+        // :true-value & :false-value
+        // store value as dom properties since non-string values will be
+        // stringified.
+        if (key === 'true-value') {
+            el._trueValue = nextValue;
+        }
+        else if (key === 'false-value') {
+            el._falseValue = nextValue;
+        }
+        patchAttr(el, key, nextValue, isSVG, parentComponent);
     }
 };
 function shouldSetAsProp(el, key, value, isSVG) {
     if (isSVG) {
         // most keys must be set as attribute on svg elements to work
-        // ...except innerHTML
-        if (key === 'innerHTML') {
+        // ...except innerHTML & textContent
+        if (key === 'innerHTML' || key === 'textContent') {
             return true;
         }
         // or native onclick with function values
@@ -11199,23 +11562,216 @@ function shouldSetAsProp(el, key, value, isSVG) {
     return key in el;
 }
 
+function defineCustomElement(options, hydate) {
+    const Comp = defineComponent(options);
+    class VueCustomElement extends VueElement {
+        constructor(initialProps) {
+            super(Comp, initialProps, hydate);
+        }
+    }
+    VueCustomElement.def = Comp;
+    return VueCustomElement;
+}
+const defineSSRCustomElement = ((options) => {
+    // @ts-ignore
+    return defineCustomElement(options, hydrate);
+});
+const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class {
+});
+class VueElement extends BaseClass {
+    constructor(_def, _props = {}, hydrate) {
+        super();
+        this._def = _def;
+        this._props = _props;
+        /**
+         * @internal
+         */
+        this._instance = null;
+        this._connected = false;
+        this._resolved = false;
+        if (this.shadowRoot && hydrate) {
+            hydrate(this._createVNode(), this.shadowRoot);
+        }
+        else {
+            if ((process.env.NODE_ENV !== 'production') && this.shadowRoot) {
+                warn$1(`Custom element has pre-rendered declarative shadow root but is not ` +
+                    `defined as hydratable. Use \`defineSSRCustomElement\`.`);
+            }
+            this.attachShadow({ mode: 'open' });
+        }
+        // set initial attrs
+        for (let i = 0; i < this.attributes.length; i++) {
+            this._setAttr(this.attributes[i].name);
+        }
+        // watch future attr changes
+        const observer = new MutationObserver(mutations => {
+            for (const m of mutations) {
+                this._setAttr(m.attributeName);
+            }
+        });
+        observer.observe(this, { attributes: true });
+    }
+    connectedCallback() {
+        this._connected = true;
+        if (!this._instance) {
+            this._resolveDef();
+            render(this._createVNode(), this.shadowRoot);
+        }
+    }
+    disconnectedCallback() {
+        this._connected = false;
+        nextTick(() => {
+            if (!this._connected) {
+                render(null, this.shadowRoot);
+                this._instance = null;
+            }
+        });
+    }
+    /**
+     * resolve inner component definition (handle possible async component)
+     */
+    _resolveDef() {
+        if (this._resolved) {
+            return;
+        }
+        const resolve = (def) => {
+            this._resolved = true;
+            // check if there are props set pre-upgrade or connect
+            for (const key of Object.keys(this)) {
+                if (key[0] !== '_') {
+                    this._setProp(key, this[key]);
+                }
+            }
+            const { props, styles } = def;
+            // defining getter/setters on prototype
+            const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : [];
+            for (const key of rawKeys.map(camelize)) {
+                Object.defineProperty(this, key, {
+                    get() {
+                        return this._getProp(key);
+                    },
+                    set(val) {
+                        this._setProp(key, val);
+                    }
+                });
+            }
+            this._applyStyles(styles);
+        };
+        const asyncDef = this._def.__asyncLoader;
+        if (asyncDef) {
+            asyncDef().then(resolve);
+        }
+        else {
+            resolve(this._def);
+        }
+    }
+    _setAttr(key) {
+        this._setProp(camelize(key), toNumber(this.getAttribute(key)), false);
+    }
+    /**
+     * @internal
+     */
+    _getProp(key) {
+        return this._props[key];
+    }
+    /**
+     * @internal
+     */
+    _setProp(key, val, shouldReflect = true) {
+        if (val !== this._props[key]) {
+            this._props[key] = val;
+            if (this._instance) {
+                render(this._createVNode(), this.shadowRoot);
+            }
+            // reflect
+            if (shouldReflect) {
+                if (val === true) {
+                    this.setAttribute(hyphenate(key), '');
+                }
+                else if (typeof val === 'string' || typeof val === 'number') {
+                    this.setAttribute(hyphenate(key), val + '');
+                }
+                else if (!val) {
+                    this.removeAttribute(hyphenate(key));
+                }
+            }
+        }
+    }
+    _createVNode() {
+        const vnode = createVNode(this._def, extend({}, this._props));
+        if (!this._instance) {
+            vnode.ce = instance => {
+                this._instance = instance;
+                instance.isCE = true;
+                // HMR
+                if ((process.env.NODE_ENV !== 'production')) {
+                    instance.ceReload = newStyles => {
+                        // alawys reset styles
+                        if (this._styles) {
+                            this._styles.forEach(s => this.shadowRoot.removeChild(s));
+                            this._styles.length = 0;
+                        }
+                        this._applyStyles(newStyles);
+                        // if this is an async component, ceReload is called from the inner
+                        // component so no need to reload the async wrapper
+                        if (!this._def.__asyncLoader) {
+                            // reload
+                            this._instance = null;
+                            render(this._createVNode(), this.shadowRoot);
+                        }
+                    };
+                }
+                // intercept emit
+                instance.emit = (event, ...args) => {
+                    this.dispatchEvent(new CustomEvent(event, {
+                        detail: args
+                    }));
+                };
+                // locate nearest Vue custom element parent for provide/inject
+                let parent = this;
+                while ((parent =
+                    parent && (parent.parentNode || parent.host))) {
+                    if (parent instanceof VueElement) {
+                        instance.parent = parent._instance;
+                        break;
+                    }
+                }
+            };
+        }
+        return vnode;
+    }
+    _applyStyles(styles) {
+        if (styles) {
+            styles.forEach(css => {
+                const s = document.createElement('style');
+                s.textContent = css;
+                this.shadowRoot.appendChild(s);
+                // record for HMR
+                if ((process.env.NODE_ENV !== 'production')) {
+                    (this._styles || (this._styles = [])).push(s);
+                }
+            });
+        }
+    }
+}
+
 function useCssModule(name = '$style') {
     /* istanbul ignore else */
     {
         const instance = getCurrentInstance();
         if (!instance) {
-            (process.env.NODE_ENV !== 'production') && warn(`useCssModule must be called inside setup()`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`useCssModule must be called inside setup()`);
             return EMPTY_OBJ;
         }
         const modules = instance.type.__cssModules;
         if (!modules) {
-            (process.env.NODE_ENV !== 'production') && warn(`Current instance does not have CSS modules injected.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`Current instance does not have CSS modules injected.`);
             return EMPTY_OBJ;
         }
         const mod = modules[name];
         if (!mod) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Current instance does not have CSS module named "${name}".`);
+                warn$1(`Current instance does not have CSS module named "${name}".`);
             return EMPTY_OBJ;
         }
         return mod;
@@ -11231,12 +11787,16 @@ function useCssVars(getter) {
     /* istanbul ignore next */
     if (!instance) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`useCssVars is called without current active component instance.`);
+            warn$1(`useCssVars is called without current active component instance.`);
         return;
     }
     const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy));
-    onMounted(() => watchEffect(setVars, { flush: 'post' }));
-    onUpdated(setVars);
+    watchPostEffect(setVars);
+    onMounted(() => {
+        const ob = new MutationObserver(setVars);
+        ob.observe(instance.subTree.el.parentNode, { childList: true });
+        onUnmounted(() => ob.disconnect());
+    });
 }
 function setVarsOnVNode(vnode, vars) {
     if (vnode.shapeFlag & 128 /* SUSPENSE */) {
@@ -11253,14 +11813,28 @@ function setVarsOnVNode(vnode, vars) {
         vnode = vnode.component.subTree;
     }
     if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) {
-        const style = vnode.el.style;
-        for (const key in vars) {
-            style.setProperty(`--${key}`, vars[key]);
-        }
+        setVarsOnNode(vnode.el, vars);
     }
     else if (vnode.type === Fragment) {
         vnode.children.forEach(c => setVarsOnVNode(c, vars));
     }
+    else if (vnode.type === Static) {
+        let { el, anchor } = vnode;
+        while (el) {
+            setVarsOnNode(el, vars);
+            if (el === anchor)
+                break;
+            el = el.nextSibling;
+        }
+    }
+}
+function setVarsOnNode(el, vars) {
+    if (el.nodeType === 1) {
+        const style = el.style;
+        for (const key in vars) {
+            style.setProperty(`--${key}`, vars[key]);
+        }
+    }
 }
 
 const TRANSITION = 'transition';
@@ -11290,7 +11864,8 @@ const DOMTransitionPropsValidators = {
     leaveActiveClass: String,
     leaveToClass: String
 };
-const TransitionPropsValidators = (Transition.props = /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
+const TransitionPropsValidators = (Transition.props =
+    /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
 /**
  * #3227 Incoming hooks may be merged into arrays when wrapping Transition
  * with custom HOCs.
@@ -11447,11 +12022,11 @@ function NumberOf(val) {
 }
 function validateDuration(val) {
     if (typeof val !== 'number') {
-        warn(`<transition> explicit duration is not a valid number - ` +
+        warn$1(`<transition> explicit duration is not a valid number - ` +
             `got ${JSON.stringify(val)}.`);
     }
     else if (isNaN(val)) {
-        warn(`<transition> explicit duration is NaN - ` +
+        warn$1(`<transition> explicit duration is NaN - ` +
             'the duration expression might be incorrect.');
     }
 }
@@ -11640,7 +12215,7 @@ const TransitionGroupImpl = {
                     setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`<TransitionGroup> children must be keyed.`);
+                    warn$1(`<TransitionGroup> children must be keyed.`);
                 }
             }
             if (prevChildren) {
@@ -11696,9 +12271,7 @@ function hasCSSTransform(el, root, moveClass) {
     }
     moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c));
     clone.style.display = 'none';
-    const container = (root.nodeType === 1
-        ? root
-        : root.parentNode);
+    const container = (root.nodeType === 1 ? root : root.parentNode);
     container.appendChild(clone);
     const { hasTransform } = getTransitionInfo(clone);
     container.removeChild(clone);
@@ -11729,7 +12302,7 @@ function trigger$1(el, type) {
 const vModelText = {
     created(el, { modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
-        const castToNumber = number || el.type === 'number';
+        const castToNumber = number || (vnode.props && vnode.props.type === 'number');
         addEventListener(el, lazy ? 'change' : 'input', e => {
             if (e.target.composing)
                 return;
@@ -11761,12 +12334,15 @@ const vModelText = {
     mounted(el, { value }) {
         el.value = value == null ? '' : value;
     },
-    beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) {
+    beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
         // avoid clearing unresolved text. #2302
         if (el.composing)
             return;
         if (document.activeElement === el) {
+            if (lazy) {
+                return;
+            }
             if (trim && el.value.trim() === value) {
                 return;
             }
@@ -11781,6 +12357,8 @@ const vModelText = {
     }
 };
 const vModelCheckbox = {
+    // #4096 array checkboxes need to be deep traversed
+    deep: true,
     created(el, _, vnode) {
         el._assign = getModelAssigner(vnode);
         addEventListener(el, 'change', () => {
@@ -11850,6 +12428,8 @@ const vModelRadio = {
     }
 };
 const vModelSelect = {
+    // <select multiple> value need to be deep traversed
+    deep: true,
     created(el, { value, modifiers: { number } }, vnode) {
         const isSetModel = isSet(value);
         addEventListener(el, 'change', () => {
@@ -11880,7 +12460,7 @@ function setSelected(el, value) {
     const isMultiple = el.multiple;
     if (isMultiple && !isArray(value) && !isSet(value)) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`<select multiple v-model> expects an Array or Set value for its binding, ` +
+            warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` +
                 `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`);
         return;
     }
@@ -12084,13 +12664,14 @@ function setDisplay(el, value) {
     el.style.display = value ? el._vod : 'none';
 }
 
-const rendererOptions = extend({ patchProp, forcePatchProp }, nodeOps);
+const rendererOptions = extend({ patchProp }, nodeOps);
 // lazy create the renderer - this makes core renderer logic tree-shakable
 // in case the user only imports reactivity utilities from Vue.
 let renderer;
 let enabledHydration = false;
 function ensureRenderer() {
-    return renderer || (renderer = createRenderer(rendererOptions));
+    return (renderer ||
+        (renderer = createRenderer(rendererOptions)));
 }
 function ensureHydrationRenderer() {
     renderer = enabledHydration
@@ -12178,7 +12759,7 @@ function injectCompilerOptionsCheck(app) {
                 return isCustomElement;
             },
             set() {
-                warn(`The \`isCustomElement\` config option is deprecated. Use ` +
+                warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
                     `\`compilerOptions.isCustomElement\` instead.`);
             }
         });
@@ -12192,11 +12773,11 @@ function injectCompilerOptionsCheck(app) {
             `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
         Object.defineProperty(app.config, 'compilerOptions', {
             get() {
-                warn(msg);
+                warn$1(msg);
                 return compilerOptions;
             },
             set() {
-                warn(msg);
+                warn$1(msg);
             }
         });
     }
@@ -12205,14 +12786,15 @@ function normalizeContainer(container) {
     if (isString(container)) {
         const res = document.querySelector(container);
         if ((process.env.NODE_ENV !== 'production') && !res) {
-            warn(`Failed to mount app: mount target selector "${container}" returned null.`);
+            warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
         }
         return res;
     }
     if ((process.env.NODE_ENV !== 'production') &&
+        window.ShadowRoot &&
         container instanceof window.ShadowRoot &&
         container.mode === 'closed') {
-        warn(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+        warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
 }
@@ -12223,6 +12805,9 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   hydrate: hydrate,
   createApp: createApp,
   createSSRApp: createSSRApp,
+  defineCustomElement: defineCustomElement,
+  defineSSRCustomElement: defineSSRCustomElement,
+  VueElement: VueElement,
   useCssModule: useCssModule,
   useCssVars: useCssVars,
   Transition: Transition,
@@ -12235,6 +12820,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   withModifiers: withModifiers,
   withKeys: withKeys,
   vShow: vShow,
+  computed: computed,
   reactive: reactive,
   ref: ref,
   readonly: readonly,
@@ -12253,9 +12839,17 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   shallowReadonly: shallowReadonly,
   markRaw: markRaw,
   toRaw: toRaw,
-  computed: computed$1,
+  effect: effect,
+  stop: stop,
+  ReactiveEffect: ReactiveEffect,
+  effectScope: effectScope,
+  EffectScope: EffectScope,
+  getCurrentScope: getCurrentScope,
+  onScopeDispose: onScopeDispose,
   watch: watch,
   watchEffect: watchEffect,
+  watchPostEffect: watchPostEffect,
+  watchSyncEffect: watchSyncEffect,
   onBeforeMount: onBeforeMount,
   onMounted: onMounted,
   onBeforeUpdate: onBeforeUpdate,
@@ -12275,16 +12869,14 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   nextTick: nextTick,
   defineComponent: defineComponent,
   defineAsyncComponent: defineAsyncComponent,
+  useAttrs: useAttrs,
+  useSlots: useSlots,
   defineProps: defineProps,
   defineEmits: defineEmits,
   defineExpose: defineExpose,
   withDefaults: withDefaults,
   mergeDefaults: mergeDefaults,
   withAsyncContext: withAsyncContext,
-  defineEmit: defineEmit,
-  useContext: useContext,
-  useAttrs: useAttrs,
-  useSlots: useSlots,
   getCurrentInstance: getCurrentInstance,
   h: h,
   createVNode: createVNode,
@@ -12305,7 +12897,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   createRenderer: createRenderer,
   createHydrationRenderer: createHydrationRenderer,
   queuePostFlushCb: queuePostFlushCb,
-  warn: warn,
+  warn: warn$1,
   handleError: handleError,
   callWithErrorHandling: callWithErrorHandling,
   callWithAsyncErrorHandling: callWithAsyncErrorHandling,
@@ -12329,19 +12921,32 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   toHandlers: toHandlers,
   renderSlot: renderSlot,
   createSlots: createSlots,
+  withMemo: withMemo,
+  isMemoSame: isMemoSame,
   openBlock: openBlock,
   createBlock: createBlock,
   setBlockTracking: setBlockTracking,
   createTextVNode: createTextVNode,
   createCommentVNode: createCommentVNode,
   createStaticVNode: createStaticVNode,
+  createElementVNode: createBaseVNode,
+  createElementBlock: createElementBlock,
+  guardReactiveProps: guardReactiveProps,
   toDisplayString: toDisplayString,
   camelize: camelize,
   capitalize: capitalize,
   toHandlerKey: toHandlerKey,
+  normalizeProps: normalizeProps,
+  normalizeClass: normalizeClass,
+  normalizeStyle: normalizeStyle,
   transformVNodeArgs: transformVNodeArgs,
   injectHook: injectHook,
   get isInSSRComponentSetup () { return isInSSRComponentSetup; },
+  $ref: $ref,
+  $shallowRef: $shallowRef,
+  $computed: $computed,
+  $raw: $raw,
+  $fromRefs: $fromRefs,
   version: version,
   ssrUtils: ssrUtils,
   resolveFilter: resolveFilter$1,
@@ -12385,7 +12990,7 @@ function createCompatVue$1() {
 const Vue = createCompatVue$1();
 Vue.compile = (() => {
     if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Runtime compilation is not supported in this build of Vue.` +
+        warn$1(`Runtime compilation is not supported in this build of Vue.` +
             (` Configure your bundler to alias "vue" to "@vue/compat/dist/vue.esm-bundler.js".`
                 ) /* should not happen */);
     }
@@ -12394,4 +12999,4 @@ Vue.compile = (() => {
 const { configureCompat: configureCompat$1 } = Vue;
 
 export default Vue;
-export { BaseTransition, Comment$1 as Comment, Fragment, KeepAlive, Static, Suspense, Teleport, Text, Transition, TransitionGroup, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed$1 as computed, configureCompat$1 as configureCompat, createApp, createBlock, createCommentVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, createApp as createVueApp, customRef, defineAsyncComponent, defineComponent, defineEmit, defineEmits, defineExpose, defineProps, devtools, getCurrentInstance, getTransitionRawChildren, h, handleError, hydrate, initCustomFormatter, inject, injectHook, isInSSRComponentSetup, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, onActivated, onBeforeActivate, onBeforeDeactivate, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter$1 as resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useContext, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withModifiers, withScopeId };
+export { $computed, $fromRefs, $raw, $ref, $shallowRef, BaseTransition, Comment$1 as Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, configureCompat$1 as configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, createApp as createVueApp, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, inject, injectHook, isInSSRComponentSetup, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeActivate, onBeforeDeactivate, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter$1 as resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
diff --git a/packages/uni-h5-vue/dist/vue.runtime.esm.js b/packages/uni-h5-vue/dist/vue.runtime.esm.js
index 85d2ab00d..fb64f0e8c 100644
--- a/packages/uni-h5-vue/dist/vue.runtime.esm.js
+++ b/packages/uni-h5-vue/dist/vue.runtime.esm.js
@@ -1,65 +1,189 @@
-import { EMPTY_OBJ, isArray, isMap, isIntegerKey, isSymbol, extend, hasOwn, isObject as isObject$1, hasChanged, makeMap, capitalize, toRawType, def, isFunction as isFunction$1, NOOP, isString, isPromise as isPromise$1, toHandlerKey, toNumber, hyphenate, camelize, isOn, isModelListener, remove, isSet, isPlainObject, invokeArrayFns, isReservedProp, EMPTY_ARR, NO, getGlobalThis, normalizeClass, normalizeStyle, isGloballyWhitelisted, isSpecialBooleanAttr, looseIndexOf, looseEqual, isHTMLTag, isSVGTag } from '@vue/shared';
-export { camelize, capitalize, toDisplayString, toHandlerKey } from '@vue/shared';
+import { extend, isArray, isMap, isIntegerKey, isSymbol, hasOwn, isObject as isObject$1, hasChanged, makeMap, capitalize, toRawType, def, isFunction as isFunction$1, NOOP, EMPTY_OBJ, toHandlerKey, toNumber, hyphenate, camelize, isOn, isModelListener, remove, invokeArrayFns, isString, isPromise as isPromise$1, isReservedProp, EMPTY_ARR, NO, getGlobalThis, normalizeClass, normalizeStyle, isGloballyWhitelisted, isSet, isPlainObject, isSpecialBooleanAttr, looseIndexOf, looseEqual, isHTMLTag, isSVGTag } from '@vue/shared';
+export { camelize, capitalize, normalizeClass, normalizeProps, normalizeStyle, toDisplayString, toHandlerKey } from '@vue/shared';
 import { isRootHook } from '@dcloudio/uni-shared';
 
-const targetMap = new WeakMap();
-const effectStack = [];
-let activeEffect;
-const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
-const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
-function isEffect(fn) {
-    return fn && fn._isEffect === true;
-}
-function effect(fn, options = EMPTY_OBJ) {
-    if (isEffect(fn)) {
-        fn = fn.raw;
+function warn(msg, ...args) {
+    console.warn(`[Vue warn] ${msg}`, ...args);
+}
+
+let activeEffectScope;
+const effectScopeStack = [];
+class EffectScope {
+    constructor(detached = false) {
+        this.active = true;
+        this.effects = [];
+        this.cleanups = [];
+        if (!detached && activeEffectScope) {
+            this.parent = activeEffectScope;
+            this.index =
+                (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
+        }
+    }
+    run(fn) {
+        if (this.active) {
+            try {
+                this.on();
+                return fn();
+            }
+            finally {
+                this.off();
+            }
+        }
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn(`cannot run an inactive effect scope.`);
+        }
     }
-    const effect = createReactiveEffect(fn, options);
-    if (!options.lazy) {
-        effect();
+    on() {
+        if (this.active) {
+            effectScopeStack.push(this);
+            activeEffectScope = this;
+        }
     }
-    return effect;
-}
-function stop(effect) {
-    if (effect.active) {
-        cleanup(effect);
-        if (effect.options.onStop) {
-            effect.options.onStop();
+    off() {
+        if (this.active) {
+            effectScopeStack.pop();
+            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+        }
+    }
+    stop(fromParent) {
+        if (this.active) {
+            this.effects.forEach(e => e.stop());
+            this.cleanups.forEach(cleanup => cleanup());
+            if (this.scopes) {
+                this.scopes.forEach(e => e.stop(true));
+            }
+            // nested scope, dereference from parent to avoid memory leaks
+            if (this.parent && !fromParent) {
+                // optimized O(1) removal
+                const last = this.parent.scopes.pop();
+                if (last && last !== this) {
+                    this.parent.scopes[this.index] = last;
+                    last.index = this.index;
+                }
+            }
+            this.active = false;
         }
-        effect.active = false;
     }
 }
-let uid = 0;
-function createReactiveEffect(fn, options) {
-    const effect = function reactiveEffect() {
-        if (!effect.active) {
-            return fn();
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+function recordEffectScope(effect, scope) {
+    scope = scope || activeEffectScope;
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+    }
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn(`onDispose() is called when there is no active effect scope` +
+            ` to be associated with.`);
+    }
+}
+
+const createDep = (effects) => {
+    const dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+    if (deps.length) {
+        for (let i = 0; i < deps.length; i++) {
+            deps[i].w |= trackOpBit; // set was tracked
+        }
+    }
+};
+const finalizeDepMarkers = (effect) => {
+    const { deps } = effect;
+    if (deps.length) {
+        let ptr = 0;
+        for (let i = 0; i < deps.length; i++) {
+            const dep = deps[i];
+            if (wasTracked(dep) && !newTracked(dep)) {
+                dep.delete(effect);
+            }
+            else {
+                deps[ptr++] = dep;
+            }
+            // clear bits
+            dep.w &= ~trackOpBit;
+            dep.n &= ~trackOpBit;
         }
-        if (!effectStack.includes(effect)) {
-            cleanup(effect);
+        deps.length = ptr;
+    }
+};
+
+const targetMap = new WeakMap();
+// The number of effects currently being tracked recursively.
+let effectTrackDepth = 0;
+let trackOpBit = 1;
+/**
+ * The bitwise track markers support at most 30 levels op recursion.
+ * This value is chosen to enable modern JS engines to use a SMI on all platforms.
+ * When recursion depth is greater, fall back to using a full cleanup.
+ */
+const maxMarkerBits = 30;
+const effectStack = [];
+let activeEffect;
+const ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
+const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
+class ReactiveEffect {
+    constructor(fn, scheduler = null, scope) {
+        this.fn = fn;
+        this.scheduler = scheduler;
+        this.active = true;
+        this.deps = [];
+        recordEffectScope(this, scope);
+    }
+    run() {
+        if (!this.active) {
+            return this.fn();
+        }
+        if (!effectStack.includes(this)) {
             try {
+                effectStack.push((activeEffect = this));
                 enableTracking();
-                effectStack.push(effect);
-                activeEffect = effect;
-                return fn();
+                trackOpBit = 1 << ++effectTrackDepth;
+                if (effectTrackDepth <= maxMarkerBits) {
+                    initDepMarkers(this);
+                }
+                else {
+                    cleanupEffect(this);
+                }
+                return this.fn();
             }
             finally {
-                effectStack.pop();
+                if (effectTrackDepth <= maxMarkerBits) {
+                    finalizeDepMarkers(this);
+                }
+                trackOpBit = 1 << --effectTrackDepth;
                 resetTracking();
-                activeEffect = effectStack[effectStack.length - 1];
+                effectStack.pop();
+                const n = effectStack.length;
+                activeEffect = n > 0 ? effectStack[n - 1] : undefined;
             }
         }
-    };
-    effect.id = uid++;
-    effect.allowRecurse = !!options.allowRecurse;
-    effect._isEffect = true;
-    effect.active = true;
-    effect.raw = fn;
-    effect.deps = [];
-    effect.options = options;
-    return effect;
-}
-function cleanup(effect) {
+    }
+    stop() {
+        if (this.active) {
+            cleanupEffect(this);
+            if (this.onStop) {
+                this.onStop();
+            }
+            this.active = false;
+        }
+    }
+}
+function cleanupEffect(effect) {
     const { deps } = effect;
     if (deps.length) {
         for (let i = 0; i < deps.length; i++) {
@@ -68,6 +192,26 @@ function cleanup(effect) {
         deps.length = 0;
     }
 }
+function effect(fn, options) {
+    if (fn.effect) {
+        fn = fn.effect.fn;
+    }
+    const _effect = new ReactiveEffect(fn);
+    if (options) {
+        extend(_effect, options);
+        if (options.scope)
+            recordEffectScope(_effect, options.scope);
+    }
+    if (!options || !options.lazy) {
+        _effect.run();
+    }
+    const runner = _effect.run.bind(_effect);
+    runner.effect = _effect;
+    return runner;
+}
+function stop(runner) {
+    runner.effect.stop();
+}
 let shouldTrack = true;
 const trackStack = [];
 function pauseTracking() {
@@ -83,7 +227,7 @@ function resetTracking() {
     shouldTrack = last === undefined ? true : last;
 }
 function track(target, type, key) {
-    if (!shouldTrack || activeEffect === undefined) {
+    if (!isTracking()) {
         return;
     }
     let depsMap = targetMap.get(target);
@@ -92,18 +236,35 @@ function track(target, type, key) {
     }
     let dep = depsMap.get(key);
     if (!dep) {
-        depsMap.set(key, (dep = new Set()));
+        depsMap.set(key, (dep = createDep()));
+    }
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { effect: activeEffect, target, type, key }
+        : undefined;
+    trackEffects(dep, eventInfo);
+}
+function isTracking() {
+    return shouldTrack && activeEffect !== undefined;
+}
+function trackEffects(dep, debuggerEventExtraInfo) {
+    let shouldTrack = false;
+    if (effectTrackDepth <= maxMarkerBits) {
+        if (!newTracked(dep)) {
+            dep.n |= trackOpBit; // set newly tracked
+            shouldTrack = !wasTracked(dep);
+        }
     }
-    if (!dep.has(activeEffect)) {
+    else {
+        // Full cleanup mode.
+        shouldTrack = !dep.has(activeEffect);
+    }
+    if (shouldTrack) {
         dep.add(activeEffect);
         activeEffect.deps.push(dep);
-        if ((process.env.NODE_ENV !== 'production') && activeEffect.options.onTrack) {
-            activeEffect.options.onTrack({
-                effect: activeEffect,
-                target,
-                type,
-                key
-            });
+        if ((process.env.NODE_ENV !== 'production') && activeEffect.onTrack) {
+            activeEffect.onTrack(Object.assign({
+                effect: activeEffect
+            }, debuggerEventExtraInfo));
         }
     }
 }
@@ -113,82 +274,96 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         // never been tracked
         return;
     }
-    const effects = new Set();
-    const add = (effectsToAdd) => {
-        if (effectsToAdd) {
-            effectsToAdd.forEach(effect => {
-                if (effect !== activeEffect || effect.allowRecurse) {
-                    effects.add(effect);
-                }
-            });
-        }
-    };
+    let deps = [];
     if (type === "clear" /* CLEAR */) {
         // collection being cleared
         // trigger all effects for target
-        depsMap.forEach(add);
+        deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newValue) {
-                add(dep);
+                deps.push(dep);
             }
         });
     }
     else {
         // schedule runs for SET | ADD | DELETE
         if (key !== void 0) {
-            add(depsMap.get(key));
+            deps.push(depsMap.get(key));
         }
         // also run for iteration key on ADD | DELETE | Map.SET
         switch (type) {
             case "add" /* ADD */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 else if (isIntegerKey(key)) {
                     // new index added to array -> length changes
-                    add(depsMap.get('length'));
+                    deps.push(depsMap.get('length'));
                 }
                 break;
             case "delete" /* DELETE */:
                 if (!isArray(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                     if (isMap(target)) {
-                        add(depsMap.get(MAP_KEY_ITERATE_KEY));
+                        deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
                     }
                 }
                 break;
             case "set" /* SET */:
                 if (isMap(target)) {
-                    add(depsMap.get(ITERATE_KEY));
+                    deps.push(depsMap.get(ITERATE_KEY));
                 }
                 break;
         }
     }
-    const run = (effect) => {
-        if ((process.env.NODE_ENV !== 'production') && effect.options.onTrigger) {
-            effect.options.onTrigger({
-                effect,
-                target,
-                key,
-                type,
-                newValue,
-                oldValue,
-                oldTarget
-            });
+    const eventInfo = (process.env.NODE_ENV !== 'production')
+        ? { target, type, key, newValue, oldValue, oldTarget }
+        : undefined;
+    if (deps.length === 1) {
+        if (deps[0]) {
+            if ((process.env.NODE_ENV !== 'production')) {
+                triggerEffects(deps[0], eventInfo);
+            }
+            else {
+                triggerEffects(deps[0]);
+            }
+        }
+    }
+    else {
+        const effects = [];
+        for (const dep of deps) {
+            if (dep) {
+                effects.push(...dep);
+            }
         }
-        if (effect.options.scheduler) {
-            effect.options.scheduler(effect);
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(createDep(effects), eventInfo);
         }
         else {
-            effect();
+            triggerEffects(createDep(effects));
         }
-    };
-    effects.forEach(run);
+    }
+}
+function triggerEffects(dep, debuggerEventExtraInfo) {
+    // spread into array for stabilization
+    for (const effect of isArray(dep) ? dep : [...dep]) {
+        if (effect !== activeEffect || effect.allowRecurse) {
+            if ((process.env.NODE_ENV !== 'production') && effect.onTrigger) {
+                effect.onTrigger(extend({ effect }, debuggerEventExtraInfo));
+            }
+            if (effect.scheduler) {
+                effect.scheduler();
+            }
+            else {
+                effect.run();
+            }
+        }
+    }
 }
 
 const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -203,17 +378,16 @@ const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
 function createArrayInstrumentations() {
     const instrumentations = {};
     ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             const arr = toRaw(this);
             for (let i = 0, l = this.length; i < l; i++) {
                 track(arr, "get" /* GET */, i + '');
             }
             // we run the method using the original args first (which may be reactive)
-            const res = method.apply(arr, args);
+            const res = arr[key](...args);
             if (res === -1 || res === false) {
                 // if that didn't work, run it again using raw values.
-                return method.apply(arr, args.map(toRaw));
+                return arr[key](...args.map(toRaw));
             }
             else {
                 return res;
@@ -221,10 +395,9 @@ function createArrayInstrumentations() {
         };
     });
     ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
-        const method = Array.prototype[key];
         instrumentations[key] = function (...args) {
             pauseTracking();
-            const res = method.apply(this, args);
+            const res = toRaw(this)[key].apply(this, args);
             resetTracking();
             return res;
         };
@@ -744,13 +917,48 @@ function isProxy(value) {
     return isReactive(value) || isReadonly(value);
 }
 function toRaw(observed) {
-    return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
+    const raw = observed && observed["__v_raw" /* RAW */];
+    return raw ? toRaw(raw) : observed;
 }
 function markRaw(value) {
     def(value, "__v_skip" /* SKIP */, true);
     return value;
 }
 
+function trackRefValue(ref) {
+    if (isTracking()) {
+        ref = toRaw(ref);
+        if (!ref.dep) {
+            ref.dep = createDep();
+        }
+        if ((process.env.NODE_ENV !== 'production')) {
+            trackEffects(ref.dep, {
+                target: ref,
+                type: "get" /* GET */,
+                key: 'value'
+            });
+        }
+        else {
+            trackEffects(ref.dep);
+        }
+    }
+}
+function triggerRefValue(ref, newVal) {
+    ref = toRaw(ref);
+    if (ref.dep) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            triggerEffects(ref.dep, {
+                target: ref,
+                type: "set" /* SET */,
+                key: 'value',
+                newValue: newVal
+            });
+        }
+        else {
+            triggerEffects(ref.dep);
+        }
+    }
+}
 const convert = (val) => isObject$1(val) ? reactive(val) : val;
 function isRef(r) {
     return Boolean(r && r.__v_isRef === true);
@@ -762,21 +970,23 @@ function shallowRef(value) {
     return createRef(value, true);
 }
 class RefImpl {
-    constructor(_rawValue, _shallow) {
-        this._rawValue = _rawValue;
+    constructor(value, _shallow = false) {
         this._shallow = _shallow;
+        this.dep = undefined;
         this.__v_isRef = true;
-        this._value = _shallow ? _rawValue : convert(_rawValue);
+        this._rawValue = _shallow ? value : toRaw(value);
+        this._value = _shallow ? value : convert(value);
     }
     get value() {
-        track(toRaw(this), "get" /* GET */, 'value');
+        trackRefValue(this);
         return this._value;
     }
     set value(newVal) {
-        if (hasChanged(toRaw(newVal), this._rawValue)) {
+        newVal = this._shallow ? newVal : toRaw(newVal);
+        if (hasChanged(newVal, this._rawValue)) {
             this._rawValue = newVal;
             this._value = this._shallow ? newVal : convert(newVal);
-            trigger(toRaw(this), "set" /* SET */, 'value', newVal);
+            triggerRefValue(this, newVal);
         }
     }
 }
@@ -787,7 +997,7 @@ function createRef(rawValue, shallow = false) {
     return new RefImpl(rawValue, shallow);
 }
 function triggerRef(ref) {
-    trigger(toRaw(ref), "set" /* SET */, 'value', (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
+    triggerRefValue(ref, (process.env.NODE_ENV !== 'production') ? ref.value : void 0);
 }
 function unref(ref) {
     return isRef(ref) ? ref.value : ref;
@@ -812,8 +1022,9 @@ function proxyRefs(objectWithRefs) {
 }
 class CustomRefImpl {
     constructor(factory) {
+        this.dep = undefined;
         this.__v_isRef = true;
-        const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
+        const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
         this._get = get;
         this._set = set;
     }
@@ -859,15 +1070,13 @@ function toRef(object, key) {
 class ComputedRefImpl {
     constructor(getter, _setter, isReadonly) {
         this._setter = _setter;
+        this.dep = undefined;
         this._dirty = true;
         this.__v_isRef = true;
-        this.effect = effect(getter, {
-            lazy: true,
-            scheduler: () => {
-                if (!this._dirty) {
-                    this._dirty = true;
-                    trigger(toRaw(this), "set" /* SET */, 'value');
-                }
+        this.effect = new ReactiveEffect(getter, () => {
+            if (!this._dirty) {
+                this._dirty = true;
+                triggerRefValue(this);
             }
         });
         this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
@@ -875,18 +1084,18 @@ class ComputedRefImpl {
     get value() {
         // the computed ref may get wrapped by other proxies e.g. readonly() #3376
         const self = toRaw(this);
+        trackRefValue(self);
         if (self._dirty) {
-            self._value = this.effect();
             self._dirty = false;
+            self._value = self.effect.run();
         }
-        track(self, "get" /* GET */, 'value');
         return self._value;
     }
     set value(newValue) {
         this._setter(newValue);
     }
 }
-function computed(getterOrOptions) {
+function computed(getterOrOptions, debugOptions) {
     let getter;
     let setter;
     if (isFunction$1(getterOrOptions)) {
@@ -901,587 +1110,186 @@ function computed(getterOrOptions) {
         getter = getterOrOptions.get;
         setter = getterOrOptions.set;
     }
-    return new ComputedRefImpl(getter, setter, isFunction$1(getterOrOptions) || !getterOrOptions.set);
+    const cRef = new ComputedRefImpl(getter, setter, isFunction$1(getterOrOptions) || !getterOrOptions.set);
+    if ((process.env.NODE_ENV !== 'production') && debugOptions) {
+        cRef.effect.onTrack = debugOptions.onTrack;
+        cRef.effect.onTrigger = debugOptions.onTrigger;
+    }
+    return cRef;
 }
 
-const stack = [];
-function pushWarningContext(vnode) {
-    stack.push(vnode);
-}
-function popWarningContext() {
-    stack.pop();
+/* eslint-disable no-restricted-globals */
+let isHmrUpdating = false;
+const hmrDirtyComponents = new Set();
+// Expose the HMR runtime on the global object
+// This makes it entirely tree-shakable without polluting the exports and makes
+// it easier to be used in toolings like vue-loader
+// Note: for a component to be eligible for HMR it also needs the __hmrId option
+// to be set so that its instances can be registered / removed.
+if ((process.env.NODE_ENV !== 'production')) {
+    const globalObject = typeof global !== 'undefined'
+        ? global
+        : typeof self !== 'undefined'
+            ? self
+            : typeof window !== 'undefined'
+                ? window
+                : {};
+    globalObject.__VUE_HMR_RUNTIME__ = {
+        createRecord: tryWrap(createRecord),
+        rerender: tryWrap(rerender),
+        reload: tryWrap(reload)
+    };
 }
-function warn(msg, ...args) {
-    // avoid props formatting or warn handler tracking deps that might be mutated
-    // during patch, leading to infinite recursion.
-    pauseTracking();
-    const instance = stack.length ? stack[stack.length - 1].component : null;
-    const appWarnHandler = instance && instance.appContext.config.warnHandler;
-    const trace = getComponentTrace();
-    if (appWarnHandler) {
-        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
-            msg + args.join(''),
-            instance && instance.proxy,
-            trace
-                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
-                .join('\n'),
-            trace
-        ]);
-    }
-    else {
-        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-        /* istanbul ignore if */
-        if (trace.length &&
-            // avoid spamming console during tests
-            !false) {
-            warnArgs.push(`\n`, ...formatTrace(trace));
-        }
-        console.warn(...warnArgs);
+const map = new Map();
+function registerHMR(instance) {
+    const id = instance.type.__hmrId;
+    let record = map.get(id);
+    if (!record) {
+        createRecord(id, instance.type);
+        record = map.get(id);
     }
-    resetTracking();
+    record.instances.add(instance);
 }
-function getComponentTrace() {
-    let currentVNode = stack[stack.length - 1];
-    if (!currentVNode) {
-        return [];
+function unregisterHMR(instance) {
+    map.get(instance.type.__hmrId).instances.delete(instance);
+}
+function createRecord(id, component) {
+    if (!component) {
+        warn$1(`HMR API usage is out of date.\n` +
+            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
+            `dependency that handles Vue SFC compilation.`);
+        component = {};
     }
-    // we can't just use the stack because it will be incomplete during updates
-    // that did not start from the root. Re-construct the parent chain using
-    // instance parent pointers.
-    const normalizedStack = [];
-    while (currentVNode) {
-        const last = normalizedStack[0];
-        if (last && last.vnode === currentVNode) {
-            last.recurseCount++;
-        }
-        else {
-            normalizedStack.push({
-                vnode: currentVNode,
-                recurseCount: 0
-            });
-        }
-        const parentInstance = currentVNode.component && currentVNode.component.parent;
-        currentVNode = parentInstance && parentInstance.vnode;
+    if (map.has(id)) {
+        return false;
     }
-    return normalizedStack;
-}
-/* istanbul ignore next */
-function formatTrace(trace) {
-    const logs = [];
-    trace.forEach((entry, i) => {
-        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    map.set(id, {
+        component: isClassComponent(component) ? component.__vccOpts : component,
+        instances: new Set()
     });
-    return logs;
+    return true;
 }
-function formatTraceEntry({ vnode, recurseCount }) {
-    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-    const isRoot = vnode.component ? vnode.component.parent == null : false;
-    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
-    const close = `>` + postfix;
-    return vnode.props
-        ? [open, ...formatProps(vnode.props), close]
-        : [open + close];
+function rerender(id, newRender) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    if (newRender)
+        record.component.render = newRender;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    Array.from(record.instances).forEach(instance => {
+        if (newRender) {
+            instance.render = newRender;
+        }
+        instance.renderCache = [];
+        // this flag forces child components with slot content to update
+        isHmrUpdating = true;
+        instance.update();
+        isHmrUpdating = false;
+    });
 }
-/* istanbul ignore next */
-function formatProps(props) {
-    const res = [];
-    const keys = Object.keys(props);
-    keys.slice(0, 3).forEach(key => {
-        res.push(...formatProp(key, props[key]));
-    });
-    if (keys.length > 3) {
-        res.push(` ...`);
-    }
-    return res;
-}
-/* istanbul ignore next */
-function formatProp(key, value, raw) {
-    if (isString(value)) {
-        value = JSON.stringify(value);
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (typeof value === 'number' ||
-        typeof value === 'boolean' ||
-        value == null) {
-        return raw ? value : [`${key}=${value}`];
-    }
-    else if (isRef(value)) {
-        value = formatProp(key, toRaw(value.value), true);
-        return raw ? value : [`${key}=Ref<`, value, `>`];
-    }
-    else if (isFunction$1(value)) {
-        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-    }
-    else {
-        value = toRaw(value);
-        return raw ? value : [`${key}=`, value];
-    }
-}
-
-const ErrorTypeStrings = {
-    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
-    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
-    ["c" /* CREATED */]: 'created hook',
-    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
-    ["m" /* MOUNTED */]: 'mounted hook',
-    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
-    ["u" /* UPDATED */]: 'updated',
-    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
-    ["um" /* UNMOUNTED */]: 'unmounted hook',
-    ["a" /* ACTIVATED */]: 'activated hook',
-    ["da" /* DEACTIVATED */]: 'deactivated hook',
-    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
-    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
-    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
-    [0 /* SETUP_FUNCTION */]: 'setup function',
-    [1 /* RENDER_FUNCTION */]: 'render function',
-    [2 /* WATCH_GETTER */]: 'watcher getter',
-    [3 /* WATCH_CALLBACK */]: 'watcher callback',
-    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
-    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
-    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
-    [7 /* VNODE_HOOK */]: 'vnode hook',
-    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
-    [9 /* TRANSITION_HOOK */]: 'transition hook',
-    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
-    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
-    [12 /* FUNCTION_REF */]: 'ref function',
-    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
-    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
-};
-function callWithErrorHandling(fn, instance, type, args) {
-    let res;
-    try {
-        res = args ? fn(...args) : fn();
-    }
-    catch (err) {
-        handleError(err, instance, type);
-    }
-    return res;
-}
-function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction$1(fn)) {
-        const res = callWithErrorHandling(fn, instance, type, args);
-        if (res && isPromise$1(res)) {
-            res.catch(err => {
-                handleError(err, instance, type);
-            });
+function reload(id, newComp) {
+    const record = map.get(id);
+    if (!record)
+        return;
+    // Array.from creates a snapshot which avoids the set being mutated during
+    // updates
+    const { component, instances } = record;
+    if (!hmrDirtyComponents.has(component)) {
+        // 1. Update existing comp definition to match new one
+        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
+        extend(component, newComp);
+        for (const key in component) {
+            if (key !== '__file' && !(key in newComp)) {
+                delete component[key];
+            }
         }
-        return res;
-    }
-    const values = [];
-    for (let i = 0; i < fn.length; i++) {
-        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+        // 2. Mark component dirty. This forces the renderer to replace the component
+        // on patch.
+        hmrDirtyComponents.add(component);
+        // 3. Make sure to unmark the component after the reload.
+        queuePostFlushCb(() => {
+            hmrDirtyComponents.delete(component);
+        });
     }
-    return values;
-}
-function handleError(err, instance, type, throwInDev = true) {
-    const contextVNode = instance ? instance.vnode : null;
-    if (instance) {
-        let cur = instance.parent;
-        // the exposed instance is the render proxy to keep it consistent with 2.x
-        const exposedInstance = instance.proxy;
-        // in production the hook receives only the error code
-        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
-        while (cur) {
-            const errorCapturedHooks = cur.ec;
-            if (errorCapturedHooks) {
-                for (let i = 0; i < errorCapturedHooks.length; i++) {
-                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-                        return;
-                    }
-                }
+    Array.from(instances).forEach(instance => {
+        // invalidate options resolution cache
+        instance.appContext.optionsCache.delete(instance.type);
+        if (instance.ceReload) {
+            // custom element
+            hmrDirtyComponents.add(component);
+            instance.ceReload(newComp.styles);
+            hmrDirtyComponents.delete(component);
+        }
+        else if (instance.parent) {
+            // 4. Force the parent instance to re-render. This will cause all updated
+            // components to be unmounted and re-mounted. Queue the update so that we
+            // don't end up forcing the same parent to re-render multiple times.
+            queueJob(instance.parent.update);
+            // instance is the inner component of an async custom element
+            // invoke to reset styles
+            if (instance.parent.type.__asyncLoader &&
+                instance.parent.ceReload) {
+                instance.parent.ceReload(newComp.styles);
             }
-            cur = cur.parent;
         }
-        // app-level handling
-        const appErrorHandler = instance.appContext.config.errorHandler;
-        if (appErrorHandler) {
-            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
-            return;
+        else if (instance.appContext.reload) {
+            // root instance mounted via createApp() has a reload method
+            instance.appContext.reload();
         }
-    }
-    logError(err, type, contextVNode, throwInDev);
-}
-function logError(err, type, contextVNode, throwInDev = true) {
-    if ((process.env.NODE_ENV !== 'production')) {
-        const info = ErrorTypeStrings[type];
-        if (contextVNode) {
-            pushWarningContext(contextVNode);
+        else if (typeof window !== 'undefined') {
+            // root instance inside tree created via raw render(). Force reload.
+            window.location.reload();
         }
-        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-        if (contextVNode) {
-            popWarningContext();
+        else {
+            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
         }
-        // crash in dev by default so it's more noticeable
-        if (throwInDev) {
-            throw err;
+    });
+}
+function tryWrap(fn) {
+    return (id, arg) => {
+        try {
+            return fn(id, arg);
         }
-        else {
-            console.error(err);
+        catch (e) {
+            console.error(e);
+            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
+                `Full reload required.`);
         }
-    }
-    else {
-        // recover in prod to reduce the impact on end-user
-        console.error(err);
-    }
+    };
 }
 
-let isFlushing = false;
-let isFlushPending = false;
-const queue = [];
-let flushIndex = 0;
-const pendingPreFlushCbs = [];
-let activePreFlushCbs = null;
-let preFlushIndex = 0;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
-let postFlushIndex = 0;
-const resolvedPromise = Promise.resolve();
-let currentFlushPromise = null;
-let currentPreFlushParentJob = null;
-const RECURSION_LIMIT = 100;
-function nextTick(fn) {
-    const p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+let devtools;
+function setDevtoolsHook(hook) {
+    devtools = hook;
 }
-// #2768
-// Use binary-search to find a suitable position in the queue,
-// so that the queue maintains the increasing order of job's id,
-// which can prevent the job from being skipped and also can avoid repeated patching.
-function findInsertionIndex(job) {
-    // the start index should be `flushIndex + 1`
-    let start = flushIndex + 1;
-    let end = queue.length;
-    const jobId = getId(job);
-    while (start < end) {
-        const middle = (start + end) >>> 1;
-        const middleJobId = getId(queue[middle]);
-        middleJobId < jobId ? (start = middle + 1) : (end = middle);
-    }
-    return start;
+function devtoolsInitApp(app, version) {
+    // TODO queue if devtools is undefined
+    if (!devtools)
+        return;
+    devtools.emit("app:init" /* APP_INIT */, app, version, {
+        Fragment,
+        Text,
+        Comment: Comment$1,
+        Static
+    });
 }
-function queueJob(job) {
-    // the dedupe search uses the startIndex argument of Array.includes()
-    // by default the search index includes the current job that is being run
-    // so it cannot recursively trigger itself again.
-    // if the job is a watch() callback, the search will start with a +1 index to
-    // allow it recursively trigger itself - it is the user's responsibility to
-    // ensure it doesn't end up in an infinite loop.
-    if ((!queue.length ||
-        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
-        job !== currentPreFlushParentJob) {
-        const pos = findInsertionIndex(job);
-        if (pos > -1) {
-            queue.splice(pos, 0, job);
-        }
-        else {
-            queue.push(job);
-        }
-        queueFlush();
-    }
+function devtoolsUnmountApp(app) {
+    if (!devtools)
+        return;
+    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
 }
-function queueFlush() {
-    if (!isFlushing && !isFlushPending) {
-        isFlushPending = true;
-        currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
-}
-function invalidateJob(job) {
-    const i = queue.indexOf(job);
-    if (i > flushIndex) {
-        queue.splice(i, 1);
-    }
-}
-function queueCb(cb, activeQueue, pendingQueue, index) {
-    if (!isArray(cb)) {
-        if (!activeQueue ||
-            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-            pendingQueue.push(cb);
-        }
-    }
-    else {
-        // if cb is an array, it is a component lifecycle hook which can only be
-        // triggered by a job, which is already deduped in the main queue, so
-        // we can skip duplicate check here to improve perf
-        pendingQueue.push(...cb);
-    }
-    queueFlush();
-}
-function queuePreFlushCb(cb) {
-    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-}
-function queuePostFlushCb(cb) {
-    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-}
-function flushPreFlushCbs(seen, parentJob = null) {
-    if (pendingPreFlushCbs.length) {
-        currentPreFlushParentJob = parentJob;
-        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-        pendingPreFlushCbs.length = 0;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
-                continue;
-            }
-            activePreFlushCbs[preFlushIndex]();
-        }
-        activePreFlushCbs = null;
-        preFlushIndex = 0;
-        currentPreFlushParentJob = null;
-        // recursively flush until it drains
-        flushPreFlushCbs(seen, parentJob);
-    }
-}
-function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-        const deduped = [...new Set(pendingPostFlushCbs)];
-        pendingPostFlushCbs.length = 0;
-        // #1947 already has active queue, nested flushPostFlushCbs call
-        if (activePostFlushCbs) {
-            activePostFlushCbs.push(...deduped);
-            return;
-        }
-        activePostFlushCbs = deduped;
-        if ((process.env.NODE_ENV !== 'production')) {
-            seen = seen || new Map();
-        }
-        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-            if ((process.env.NODE_ENV !== 'production') &&
-                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
-                continue;
-            }
-            activePostFlushCbs[postFlushIndex]();
-        }
-        activePostFlushCbs = null;
-        postFlushIndex = 0;
-    }
-}
-const getId = (job) => job.id == null ? Infinity : job.id;
-function flushJobs(seen) {
-    isFlushPending = false;
-    isFlushing = true;
-    if ((process.env.NODE_ENV !== 'production')) {
-        seen = seen || new Map();
-    }
-    flushPreFlushCbs(seen);
-    // Sort queue before flush.
-    // This ensures that:
-    // 1. Components are updated from parent to child. (because parent is always
-    //    created before the child so its render effect will have smaller
-    //    priority number)
-    // 2. If a component is unmounted during a parent component's update,
-    //    its update can be skipped.
-    queue.sort((a, b) => getId(a) - getId(b));
-    try {
-        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
-            if (job && job.active !== false) {
-                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
-                    continue;
-                }
-                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
-            }
-        }
-    }
-    finally {
-        flushIndex = 0;
-        queue.length = 0;
-        flushPostFlushCbs(seen);
-        isFlushing = false;
-        currentFlushPromise = null;
-        // some postFlushCb queued jobs!
-        // keep flushing until it drains.
-        if (queue.length ||
-            pendingPreFlushCbs.length ||
-            pendingPostFlushCbs.length) {
-            flushJobs(seen);
-        }
-    }
-}
-function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-        seen.set(fn, 1);
-    }
-    else {
-        const count = seen.get(fn);
-        if (count > RECURSION_LIMIT) {
-            const instance = fn.ownerInstance;
-            const componentName = instance && getComponentName(instance.type);
-            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
-                `This means you have a reactive effect that is mutating its own ` +
-                `dependencies and thus recursively triggering itself. Possible sources ` +
-                `include component template, render function, updated hook or ` +
-                `watcher source function.`);
-            return true;
-        }
-        else {
-            seen.set(fn, count + 1);
-        }
-    }
-}
-
-/* eslint-disable no-restricted-globals */
-let isHmrUpdating = false;
-const hmrDirtyComponents = new Set();
-// Expose the HMR runtime on the global object
-// This makes it entirely tree-shakable without polluting the exports and makes
-// it easier to be used in toolings like vue-loader
-// Note: for a component to be eligible for HMR it also needs the __hmrId option
-// to be set so that its instances can be registered / removed.
-if ((process.env.NODE_ENV !== 'production')) {
-    const globalObject = typeof global !== 'undefined'
-        ? global
-        : typeof self !== 'undefined'
-            ? self
-            : typeof window !== 'undefined'
-                ? window
-                : {};
-    globalObject.__VUE_HMR_RUNTIME__ = {
-        createRecord: tryWrap(createRecord),
-        rerender: tryWrap(rerender),
-        reload: tryWrap(reload)
-    };
-}
-const map = new Map();
-function registerHMR(instance) {
-    const id = instance.type.__hmrId;
-    let record = map.get(id);
-    if (!record) {
-        createRecord(id, instance.type);
-        record = map.get(id);
-    }
-    record.instances.add(instance);
-}
-function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-}
-function createRecord(id, component) {
-    if (!component) {
-        warn(`HMR API usage is out of date.\n` +
-            `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-            `dependency that handles Vue SFC compilation.`);
-        component = {};
-    }
-    if (map.has(id)) {
-        return false;
-    }
-    map.set(id, {
-        component: isClassComponent(component) ? component.__vccOpts : component,
-        instances: new Set()
-    });
-    return true;
-}
-function rerender(id, newRender) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    if (newRender)
-        record.component.render = newRender;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    Array.from(record.instances).forEach(instance => {
-        if (newRender) {
-            instance.render = newRender;
-        }
-        instance.renderCache = [];
-        // this flag forces child components with slot content to update
-        isHmrUpdating = true;
-        instance.update();
-        isHmrUpdating = false;
-    });
-}
-function reload(id, newComp) {
-    const record = map.get(id);
-    if (!record)
-        return;
-    // Array.from creates a snapshot which avoids the set being mutated during
-    // updates
-    const { component, instances } = record;
-    if (!hmrDirtyComponents.has(component)) {
-        // 1. Update existing comp definition to match new one
-        newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-        extend(component, newComp);
-        for (const key in component) {
-            if (key !== '__file' && !(key in newComp)) {
-                delete component[key];
-            }
-        }
-        // 2. Mark component dirty. This forces the renderer to replace the component
-        // on patch.
-        hmrDirtyComponents.add(component);
-        // 3. Make sure to unmark the component after the reload.
-        queuePostFlushCb(() => {
-            hmrDirtyComponents.delete(component);
-        });
-    }
-    Array.from(instances).forEach(instance => {
-        if (instance.parent) {
-            // 4. Force the parent instance to re-render. This will cause all updated
-            // components to be unmounted and re-mounted. Queue the update so that we
-            // don't end up forcing the same parent to re-render multiple times.
-            queueJob(instance.parent.update);
-        }
-        else if (instance.appContext.reload) {
-            // root instance mounted via createApp() has a reload method
-            instance.appContext.reload();
-        }
-        else if (typeof window !== 'undefined') {
-            // root instance inside tree created via raw render(). Force reload.
-            window.location.reload();
-        }
-        else {
-            console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
-        }
-    });
-}
-function tryWrap(fn) {
-    return (id, arg) => {
-        try {
-            return fn(id, arg);
-        }
-        catch (e) {
-            console.error(e);
-            console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` +
-                `Full reload required.`);
-        }
-    };
-}
-
-let devtools;
-function setDevtoolsHook(hook) {
-    devtools = hook;
-}
-function devtoolsInitApp(app, version) {
-    // TODO queue if devtools is undefined
-    if (!devtools)
-        return;
-    devtools.emit("app:init" /* APP_INIT */, app, version, {
-        Fragment,
-        Text,
-        Comment: Comment$1,
-        Static
-    });
-}
-function devtoolsUnmountApp(app) {
-    if (!devtools)
-        return;
-    devtools.emit("app:unmount" /* APP_UNMOUNT */, app);
-}
-const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-const devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
-function createDevtoolsComponentHook(hook) {
-    return (component) => {
-        if (!devtools)
-            return;
-        devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
-    };
+const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
+const devtoolsComponentUpdated = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
+const devtoolsComponentRemoved = 
+/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */);
+function createDevtoolsComponentHook(hook) {
+    return (component) => {
+        if (!devtools)
+            return;
+        devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+    };
 }
 const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
 const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
@@ -1622,8 +1430,7 @@ const deprecationData = {
         link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
     },
     ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
-        message: componentName => `Component <${componentName ||
-            'Anonymous'}> has \`inheritAttrs: false\` but is ` +
+        message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
             `relying on class/style fallthrough from parent. In Vue 3, class/style ` +
             `are now included in $attrs and will no longer fallthrough when ` +
             `inheritAttrs is false. If you are already using v-bind="$attrs" on ` +
@@ -1792,12 +1599,12 @@ function warnDeprecation(key, instance, ...args) {
     // same warning, but different component. skip the long message and just
     // log the key and count.
     if (dupKey in warnCount) {
-        warn(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
+        warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
         return;
     }
     warnCount[dupKey] = 0;
     const { message, link } = deprecationData[key];
-    warn(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
+    warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
     if (!isCompatEnabled(key, instance, true)) {
         console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
             `lead to runtime errors.`);
@@ -1839,7 +1646,7 @@ function emit(instance, event, ...rawArgs) {
             if (!(event in emitsOptions) &&
                 !(false )) {
                 if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                    warn(`Component emitted event "${event}" but it is neither declared in ` +
+                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
                         `the emits option nor as an "${toHandlerKey(event)}" prop.`);
                 }
             }
@@ -1848,7 +1655,7 @@ function emit(instance, event, ...rawArgs) {
                 if (isFunction$1(validator)) {
                     const isValid = validator(...rawArgs);
                     if (!isValid) {
-                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
+                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
                     }
                 }
             }
@@ -1874,7 +1681,7 @@ function emit(instance, event, ...rawArgs) {
     if ((process.env.NODE_ENV !== 'production')) {
         const lowerCaseEvent = event.toLowerCase();
         if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-            warn(`Event "${lowerCaseEvent}" is emitted in component ` +
+            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
                 `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
                 `Note that HTML attributes are case-insensitive and you cannot use ` +
                 `v-on to listen to camelCase events when using in-DOM templates. ` +
@@ -2137,13 +1944,13 @@ function renderComponentRoot(instance) {
                         }
                     }
                     if (extraAttrs.length) {
-                        warn(`Extraneous non-props attributes (` +
+                        warn$1(`Extraneous non-props attributes (` +
                             `${extraAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes.`);
                     }
                     if (eventAttrs.length) {
-                        warn(`Extraneous non-emits event listeners (` +
+                        warn$1(`Extraneous non-emits event listeners (` +
                             `${eventAttrs.join(', ')}) ` +
                             `were passed to component but could not be automatically inherited ` +
                             `because component renders fragment or text root nodes. ` +
@@ -2161,7 +1968,7 @@ function renderComponentRoot(instance) {
         // inherit directives
         if (vnode.dirs) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Runtime directive used on component with non-element root node. ` +
+                warn$1(`Runtime directive used on component with non-element root node. ` +
                     `The directives will not function as intended.`);
             }
             root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
@@ -2169,7 +1976,7 @@ function renderComponentRoot(instance) {
         // inherit transition data
         if (vnode.transition) {
             if ((process.env.NODE_ENV !== 'production') && !isElementRoot(root)) {
-                warn(`Component inside <Transition> renders non-element root node ` +
+                warn$1(`Component inside <Transition> renders non-element root node ` +
                     `that cannot be animated.`);
             }
             root.transition = vnode.transition;
@@ -2370,8 +2177,7 @@ const SuspenseImpl = {
     normalize: normalizeSuspenseChildren
 };
 // Force-casted public typing for h and TSX props inference
-const Suspense = (SuspenseImpl
-    );
+const Suspense = (SuspenseImpl );
 function triggerEvent(vnode, name) {
     const eventListener = vnode.props && vnode.props[name];
     if (isFunction$1(eventListener)) {
@@ -2737,322 +2543,91 @@ function normalizeSuspenseSlot(s) {
         }
     }
     if (isArray(s)) {
-        const singleChild = filterSingleRoot(s);
-        if ((process.env.NODE_ENV !== 'production') && !singleChild) {
-            warn(`<Suspense> slots expect a single root node.`);
-        }
-        s = singleChild;
-    }
-    s = normalizeVNode(s);
-    if (block) {
-        s.dynamicChildren = block.filter(c => c !== s);
-    }
-    return s;
-}
-function queueEffectWithSuspense(fn, suspense) {
-    if (suspense && suspense.pendingBranch) {
-        if (isArray(fn)) {
-            suspense.effects.push(...fn);
-        }
-        else {
-            suspense.effects.push(fn);
-        }
-    }
-    else {
-        queuePostFlushCb(fn);
-    }
-}
-function setActiveBranch(suspense, branch) {
-    suspense.activeBranch = branch;
-    const { vnode, parentComponent } = suspense;
-    const el = (vnode.el = branch.el);
-    // in case suspense is the root node of a component,
-    // recursively update the HOC el
-    if (parentComponent && parentComponent.subTree === vnode) {
-        parentComponent.vnode.el = el;
-        updateHOCHostEl(parentComponent, el);
-    }
-}
-
-function provide(key, value) {
-    if (!currentInstance) {
-        if ((process.env.NODE_ENV !== 'production')) {
-            warn(`provide() can only be used inside setup().`);
-        }
-    }
-    else {
-        let provides = currentInstance.provides;
-        // by default an instance inherits its parent's provides object
-        // but when it needs to provide values of its own, it creates its
-        // own provides object using parent provides object as prototype.
-        // this way in `inject` we can simply look up injections from direct
-        // parent and let the prototype chain do the work.
-        const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-        if (parentProvides === provides) {
-            provides = currentInstance.provides = Object.create(parentProvides);
-        }
-        // TS doesn't allow symbol as index type
-        provides[key] = value;
-    }
-}
-function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    // fallback to `currentRenderingInstance` so that this can be called in
-    // a functional component
-    const instance = currentInstance || currentRenderingInstance;
-    if (instance) {
-        // #2400
-        // to support `app.use` plugins,
-        // fallback to appContext's `provides` if the intance is at root
-        const provides = instance.parent == null
-            ? instance.vnode.appContext && instance.vnode.appContext.provides
-            : instance.parent.provides;
-        if (provides && key in provides) {
-            // TS doesn't allow symbol as index type
-            return provides[key];
-        }
-        else if (arguments.length > 1) {
-            return treatDefaultAsFactory && isFunction$1(defaultValue)
-                ? defaultValue.call(instance.proxy)
-                : defaultValue;
-        }
-        else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`injection "${String(key)}" not found.`);
-        }
-    }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`inject() can only be used inside setup() or functional components.`);
-    }
-}
-
-// Simple effect.
-function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-}
-// initial value for watchers to trigger on undefined initial values
-const INITIAL_WATCHER_VALUE = {};
-// implementation
-function watch(source, cb, options) {
-    if ((process.env.NODE_ENV !== 'production') && !isFunction$1(cb)) {
-        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
-            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-            `supports \`watch(source, cb, options?) signature.`);
-    }
-    return doWatch(source, cb, options);
-}
-function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ, instance = currentInstance) {
-    if ((process.env.NODE_ENV !== 'production') && !cb) {
-        if (immediate !== undefined) {
-            warn(`watch() "immediate" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-        if (deep !== undefined) {
-            warn(`watch() "deep" option is only respected when using the ` +
-                `watch(source, callback, options?) signature.`);
-        }
-    }
-    const warnInvalidSource = (s) => {
-        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
-            `a reactive object, or an array of these types.`);
-    };
-    let getter;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef(source)) {
-        getter = () => source.value;
-        forceTrigger = !!source._shallow;
-    }
-    else if (isReactive(source)) {
-        getter = () => source;
-        deep = true;
-    }
-    else if (isArray(source)) {
-        isMultiSource = true;
-        forceTrigger = source.some(isReactive);
-        getter = () => source.map(s => {
-            if (isRef(s)) {
-                return s.value;
-            }
-            else if (isReactive(s)) {
-                return traverse(s);
-            }
-            else if (isFunction$1(s)) {
-                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
-            }
-            else {
-                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
-            }
-        });
-    }
-    else if (isFunction$1(source)) {
-        if (cb) {
-            // getter with cb
-            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
-        }
-        else {
-            // no cb -> simple effect
-            getter = () => {
-                if (instance && instance.isUnmounted) {
-                    return;
-                }
-                if (cleanup) {
-                    cleanup();
-                }
-                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
-            };
-        }
-    }
-    else {
-        getter = NOOP;
-        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
-    }
-    if (cb && deep) {
-        const baseGetter = getter;
-        getter = () => traverse(baseGetter());
-    }
-    let cleanup;
-    let onInvalidate = (fn) => {
-        cleanup = runner.options.onStop = () => {
-            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
-        };
-    };
-    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
-    const job = () => {
-        if (!runner.active) {
-            return;
-        }
-        if (cb) {
-            // watch(source, cb)
-            const newValue = runner();
-            if (deep ||
-                forceTrigger ||
-                (isMultiSource
-                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
-                    : hasChanged(newValue, oldValue)) ||
-                (false  )) {
-                // cleanup before running cb again
-                if (cleanup) {
-                    cleanup();
-                }
-                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
-                    newValue,
-                    // pass undefined as the old value when it's changed for the first time
-                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
-                    onInvalidate
-                ]);
-                oldValue = newValue;
-            }
-        }
-        else {
-            // watchEffect
-            runner();
-        }
-    };
-    // important: mark the job as a watcher callback so that scheduler knows
-    // it is allowed to self-trigger (#1727)
-    job.allowRecurse = !!cb;
-    let scheduler;
-    if (flush === 'sync') {
-        scheduler = job; // the scheduler function gets called directly
-    }
-    else if (flush === 'post') {
-        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
+        const singleChild = filterSingleRoot(s);
+        if ((process.env.NODE_ENV !== 'production') && !singleChild) {
+            warn$1(`<Suspense> slots expect a single root node.`);
+        }
+        s = singleChild;
     }
-    else {
-        // default: 'pre'
-        scheduler = () => {
-            if (!instance || instance.isMounted) {
-                queuePreFlushCb(job);
-            }
-            else {
-                // with 'pre' option, the first call must happen before
-                // the component is mounted so it is called synchronously.
-                job();
-            }
-        };
+    s = normalizeVNode(s);
+    if (block && !s.dynamicChildren) {
+        s.dynamicChildren = block.filter(c => c !== s);
     }
-    const runner = effect(getter, {
-        lazy: true,
-        onTrack,
-        onTrigger,
-        scheduler
-    });
-    recordInstanceBoundEffect(runner, instance);
-    // initial run
-    if (cb) {
-        if (immediate) {
-            job();
+    return s;
+}
+function queueEffectWithSuspense(fn, suspense) {
+    if (suspense && suspense.pendingBranch) {
+        if (isArray(fn)) {
+            suspense.effects.push(...fn);
         }
         else {
-            oldValue = runner();
+            suspense.effects.push(fn);
         }
     }
-    else if (flush === 'post') {
-        queuePostRenderEffect(runner, instance && instance.suspense);
-    }
     else {
-        runner();
+        queuePostFlushCb(fn);
     }
-    return () => {
-        stop(runner);
-        if (instance) {
-            remove(instance.effects, runner);
-        }
-    };
 }
-// this.$watch
-function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source)
-        ? source.includes('.')
-            ? createPathGetter(publicThis, source)
-            : () => publicThis[source]
-        : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction$1(value)) {
-        cb = value;
+function setActiveBranch(suspense, branch) {
+    suspense.activeBranch = branch;
+    const { vnode, parentComponent } = suspense;
+    const el = (vnode.el = branch.el);
+    // in case suspense is the root node of a component,
+    // recursively update the HOC el
+    if (parentComponent && parentComponent.subTree === vnode) {
+        parentComponent.vnode.el = el;
+        updateHOCHostEl(parentComponent, el);
+    }
+}
+
+function provide(key, value) {
+    if (!currentInstance) {
+        if ((process.env.NODE_ENV !== 'production')) {
+            warn$1(`provide() can only be used inside setup().`);
+        }
     }
     else {
-        cb = value.handler;
-        options = value;
+        let provides = currentInstance.provides;
+        // by default an instance inherits its parent's provides object
+        // but when it needs to provide values of its own, it creates its
+        // own provides object using parent provides object as prototype.
+        // this way in `inject` we can simply look up injections from direct
+        // parent and let the prototype chain do the work.
+        const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+        if (parentProvides === provides) {
+            provides = currentInstance.provides = Object.create(parentProvides);
+        }
+        // TS doesn't allow symbol as index type
+        provides[key] = value;
     }
-    return doWatch(getter, cb.bind(publicThis), options, this);
 }
-function createPathGetter(ctx, path) {
-    const segments = path.split('.');
-    return () => {
-        let cur = ctx;
-        for (let i = 0; i < segments.length && cur; i++) {
-            cur = cur[segments[i]];
+function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    // fallback to `currentRenderingInstance` so that this can be called in
+    // a functional component
+    const instance = currentInstance || currentRenderingInstance;
+    if (instance) {
+        // #2400
+        // to support `app.use` plugins,
+        // fallback to appContext's `provides` if the intance is at root
+        const provides = instance.parent == null
+            ? instance.vnode.appContext && instance.vnode.appContext.provides
+            : instance.parent.provides;
+        if (provides && key in provides) {
+            // TS doesn't allow symbol as index type
+            return provides[key];
         }
-        return cur;
-    };
-}
-function traverse(value, seen = new Set()) {
-    if (!isObject$1(value) ||
-        seen.has(value) ||
-        value["__v_skip" /* SKIP */]) {
-        return value;
-    }
-    seen.add(value);
-    if (isRef(value)) {
-        traverse(value.value, seen);
-    }
-    else if (isArray(value)) {
-        for (let i = 0; i < value.length; i++) {
-            traverse(value[i], seen);
+        else if (arguments.length > 1) {
+            return treatDefaultAsFactory && isFunction$1(defaultValue)
+                ? defaultValue.call(instance.proxy)
+                : defaultValue;
         }
-    }
-    else if (isSet(value) || isMap(value)) {
-        value.forEach((v) => {
-            traverse(v, seen);
-        });
-    }
-    else if (isPlainObject(value)) {
-        for (const key in value) {
-            traverse(value[key], seen);
+        else if ((process.env.NODE_ENV !== 'production')) {
+            warn$1(`injection "${String(key)}" not found.`);
         }
     }
-    return value;
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1(`inject() can only be used inside setup() or functional components.`);
+    }
 }
 
 function useTransitionState() {
@@ -3104,7 +2679,7 @@ const BaseTransitionImpl = {
             }
             // warn multiple elements
             if ((process.env.NODE_ENV !== 'production') && children.length > 1) {
-                warn('<transition> can only be used on a single element or component. Use ' +
+                warn$1('<transition> can only be used on a single element or component. Use ' +
                     '<transition-group> for lists.');
             }
             // there's no need to track reactivity for these props so use the raw
@@ -3113,7 +2688,7 @@ const BaseTransitionImpl = {
             const { mode } = rawProps;
             // check mode
             if ((process.env.NODE_ENV !== 'production') && mode && !['in-out', 'out-in', 'default'].includes(mode)) {
-                warn(`invalid <transition> mode: ${mode}`);
+                warn$1(`invalid <transition> mode: ${mode}`);
             }
             // at this point children has a guaranteed length of 1.
             const child = children[0];
@@ -3390,39 +2965,40 @@ function defineAsyncComponent(source) {
     const load = () => {
         let thisRequest;
         return (pendingRequest ||
-            (thisRequest = pendingRequest = loader()
-                .catch(err => {
-                err = err instanceof Error ? err : new Error(String(err));
-                if (userOnError) {
-                    return new Promise((resolve, reject) => {
-                        const userRetry = () => resolve(retry());
-                        const userFail = () => reject(err);
-                        userOnError(err, userRetry, userFail, retries + 1);
-                    });
-                }
-                else {
-                    throw err;
-                }
-            })
-                .then((comp) => {
-                if (thisRequest !== pendingRequest && pendingRequest) {
-                    return pendingRequest;
-                }
-                if ((process.env.NODE_ENV !== 'production') && !comp) {
-                    warn(`Async component loader resolved to undefined. ` +
-                        `If you are using retry(), make sure to return its return value.`);
-                }
-                // interop module default
-                if (comp &&
-                    (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
-                    comp = comp.default;
-                }
-                if ((process.env.NODE_ENV !== 'production') && comp && !isObject$1(comp) && !isFunction$1(comp)) {
-                    throw new Error(`Invalid async component load result: ${comp}`);
-                }
-                resolvedComp = comp;
-                return comp;
-            })));
+            (thisRequest = pendingRequest =
+                loader()
+                    .catch(err => {
+                    err = err instanceof Error ? err : new Error(String(err));
+                    if (userOnError) {
+                        return new Promise((resolve, reject) => {
+                            const userRetry = () => resolve(retry());
+                            const userFail = () => reject(err);
+                            userOnError(err, userRetry, userFail, retries + 1);
+                        });
+                    }
+                    else {
+                        throw err;
+                    }
+                })
+                    .then((comp) => {
+                    if (thisRequest !== pendingRequest && pendingRequest) {
+                        return pendingRequest;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && !comp) {
+                        warn$1(`Async component loader resolved to undefined. ` +
+                            `If you are using retry(), make sure to return its return value.`);
+                    }
+                    // interop module default
+                    if (comp &&
+                        (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                        comp = comp.default;
+                    }
+                    if ((process.env.NODE_ENV !== 'production') && comp && !isObject$1(comp) && !isFunction$1(comp)) {
+                        throw new Error(`Invalid async component load result: ${comp}`);
+                    }
+                    resolvedComp = comp;
+                    return comp;
+                })));
     };
     return defineComponent({
         name: 'AsyncComponentWrapper',
@@ -3578,7 +3154,7 @@ const KeepAliveImpl = {
         }
         if ((process.env.NODE_ENV !== 'production') && props.cache && props.max) {
             // fixed by xxxxxx
-            warn('The `max` prop will be ignored if you provide a custom caching strategy');
+            warn$1('The `max` prop will be ignored if you provide a custom caching strategy');
         }
         const cache = props.cache || new Cache(props.max);
         cache.pruneCacheEntry = pruneCacheEntry;
@@ -3709,7 +3285,7 @@ const KeepAliveImpl = {
             const rawVNode = children[0];
             if (children.length > 1) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`KeepAlive should contain exactly one component child.`);
+                    warn$1(`KeepAlive should contain exactly one component child.`);
                 }
                 current = null;
                 return children;
@@ -3887,9 +3463,9 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
                 // Set currentInstance during hook invocation.
                 // This assumes the hook does not synchronously trigger other hooks, which
                 // can only be false when the user does something really funky.
-                setCurrentInstance(target);
+                setCurrentInstance(target); // fixed by xxxxxx
                 const res = callWithAsyncErrorHandling(hook, target, type, args);
-                setCurrentInstance(null);
+                unsetCurrentInstance();
                 resetTracking();
                 return res;
             });
@@ -3903,7 +3479,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else if ((process.env.NODE_ENV !== 'production')) {
         const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn(`${apiName} is called when there is no active component instance to be ` +
+        warn$1(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -3932,7 +3508,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -3977,14 +3553,15 @@ function applyOptions(instance) {
     // - computed
     // - watch (deferred since it relies on `this` access)
     if (injectOptions) {
-        resolveInjections(injectOptions, ctx, checkDuplicateProperties);
+        resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef);
     }
     if (methods) {
         for (const key in methods) {
             const methodHandler = methods[key];
             if (isFunction$1(methodHandler)) {
-                // In dev mode, we use the `createRenderContext` function to define methods to the proxy target,
-                // and those are read-only but reconfigurable, so it needs to be redefined here
+                // In dev mode, we use the `createRenderContext` function to define
+                // methods to the proxy target, and those are read-only but
+                // reconfigurable, so it needs to be redefined here
                 if ((process.env.NODE_ENV !== 'production')) {
                     Object.defineProperty(ctx, key, {
                         value: methodHandler.bind(publicThis),
@@ -4001,24 +3578,24 @@ function applyOptions(instance) {
                 }
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if ((process.env.NODE_ENV !== 'production') && !isFunction$1(dataOptions)) {
-            warn(`The data option must be a function. ` +
+            warn$1(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if ((process.env.NODE_ENV !== 'production') && isPromise$1(data)) {
-            warn(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!isObject$1(data)) {
-            (process.env.NODE_ENV !== 'production') && warn(`data() should return an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -4049,16 +3626,16 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : NOOP;
             if ((process.env.NODE_ENV !== 'production') && get === NOOP) {
-                warn(`Computed property "${key}" has no getter.`);
+                warn$1(`Computed property "${key}" has no getter.`);
             }
             const set = !isFunction$1(opt) && isFunction$1(opt.set)
                 ? opt.set.bind(publicThis)
                 : (process.env.NODE_ENV !== 'production')
                     ? () => {
-                        warn(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     : NOOP;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -4143,22 +3720,47 @@ function applyOptions(instance) {
         customApplyOptions(options, instance, publicThis);
     }
 }
-function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
+function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
     if (isArray(injectOptions)) {
         injectOptions = normalizeInject(injectOptions);
     }
     for (const key in injectOptions) {
         const opt = injectOptions[key];
+        let injected;
         if (isObject$1(opt)) {
             if ('default' in opt) {
-                ctx[key] = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+                injected = inject(opt.from || key, opt.default, true /* treat default function as factory */);
+            }
+            else {
+                injected = inject(opt.from || key);
+            }
+        }
+        else {
+            injected = inject(opt);
+        }
+        if (isRef(injected)) {
+            // TODO remove the check in 3.3
+            if (unwrapRef) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    get: () => injected.value,
+                    set: v => (injected.value = v)
+                });
             }
             else {
-                ctx[key] = inject(opt.from || key);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                        `and no longer needs \`.value\` in the next minor release. ` +
+                        `To opt-in to the new behavior now, ` +
+                        `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
+                        `temporary and will not be needed in the future.)`);
+                }
+                ctx[key] = injected;
             }
         }
         else {
-            ctx[key] = inject(opt);
+            ctx[key] = injected;
         }
         if ((process.env.NODE_ENV !== 'production')) {
             checkDuplicateProperties("Inject" /* INJECT */, key);
@@ -4180,7 +3782,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (isFunction$1(raw)) {
@@ -4198,12 +3800,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else if ((process.env.NODE_ENV !== 'production')) {
-                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid watch option: "${key}"`, raw);
+        warn$1(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -4246,7 +3848,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     for (const key in from) {
         if (asMixin && key === 'expose') {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`"expose" option is ignored when declared in mixins or extends. ` +
+                warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -4508,7 +4110,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
                 else {
                     setCurrentInstance(instance);
                     value = propsDefaults[key] = defaultValue.call(null, props);
-                    setCurrentInstance(null);
+                    unsetCurrentInstance();
                 }
             }
             else {
@@ -4564,7 +4166,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if ((process.env.NODE_ENV !== 'production') && !isString(raw[i])) {
-                warn(`props must be strings when using array syntax.`, raw[i]);
+                warn$1(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -4574,7 +4176,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if ((process.env.NODE_ENV !== 'production') && !isObject$1(raw)) {
-            warn(`invalid props options`, raw);
+            warn$1(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = camelize(key);
@@ -4605,7 +4207,7 @@ function validatePropName(key) {
         return true;
     }
     else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Invalid prop name: "${key}" is a reserved property.`);
+        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
@@ -4613,7 +4215,7 @@ function validatePropName(key) {
 // so that it works across vms / iframes.
 function getType(ctor) {
     const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : '';
+    return match ? match[1] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -4647,7 +4249,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn('Missing required prop: "' + name + '"');
+        warn$1('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -4666,13 +4268,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn(getInvalidTypeMessage(name, value, expectedTypes));
+            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -4696,6 +4298,9 @@ function assertType(value, type) {
     else if (expectedType === 'Array') {
         valid = isArray(value);
     }
+    else if (expectedType === 'null') {
+        valid = value === null;
+    }
     else {
         valid = value instanceof type;
     }
@@ -4709,7 +4314,7 @@ function assertType(value, type) {
  */
 function getInvalidTypeMessage(name, value, expectedTypes) {
     let message = `Invalid prop: type check failed for prop "${name}".` +
-        ` Expected ${expectedTypes.map(capitalize).join(', ')}`;
+        ` Expected ${expectedTypes.map(capitalize).join(' | ')}`;
     const expectedType = expectedTypes[0];
     const receivedType = toRawType(value);
     const expectedValue = styleValue(value, expectedType);
@@ -4762,7 +4367,7 @@ const normalizeSlotValue = (value) => isArray(value)
 const normalizeSlot = (key, rawSlot, ctx) => {
     const normalized = withCtx((props) => {
         if ((process.env.NODE_ENV !== 'production') && currentInstance) {
-            warn(`Slot "${key}" invoked outside of the render function: ` +
+            warn$1(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -4783,7 +4388,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
         else if (value != null) {
             if ((process.env.NODE_ENV !== 'production') &&
                 !(false )) {
-                warn(`Non-function value encountered for slot "${key}". ` +
+                warn$1(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -4795,7 +4400,7 @@ const normalizeVNodeSlots = (instance, children) => {
     if ((process.env.NODE_ENV !== 'production') &&
         !isKeepAlive(instance.vnode) &&
         !(false )) {
-        warn(`Non-function value encountered for default slot. ` +
+        warn$1(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -4890,7 +4495,7 @@ return withDirectives(h(comp), [
 const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text');
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn('Do not use built-in directive ids as custom directive id: ' + name);
+        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 /**
@@ -4899,7 +4504,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-        (process.env.NODE_ENV !== 'production') && warn(`withDirectives can only be used inside render functions.`);
+        (process.env.NODE_ENV !== 'production') && warn$1(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
     const instance = internalInstance.proxy;
@@ -4912,6 +4517,9 @@ function withDirectives(vnode, directives) {
                 updated: dir
             };
         }
+        if (dir.deep) {
+            traverse(value);
+        }
         bindings.push({
             dir,
             instance,
@@ -4968,18 +4576,18 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid$1 = 0;
+let uid = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (rootProps != null && !isObject$1(rootProps)) {
-            (process.env.NODE_ENV !== 'production') && warn(`root props passed to app.mount() must be an object.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid$1++,
+            _uid: uid++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -4991,12 +4599,12 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    (process.env.NODE_ENV !== 'production') && warn(`Plugin has already been applied to target app.`);
+                    (process.env.NODE_ENV !== 'production') && warn$1(`Plugin has already been applied to target app.`);
                 }
                 else if (plugin && isFunction$1(plugin.install)) {
                     installedPlugins.add(plugin);
@@ -5007,7 +4615,7 @@ function createAppAPI(render, hydrate) {
                     plugin(app, ...options);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`A plugin must either be a function or an object with an "install" ` +
+                    warn$1(`A plugin must either be a function or an object with an "install" ` +
                         `function.`);
                 }
                 return app;
@@ -5018,12 +4626,12 @@ function createAppAPI(render, hydrate) {
                         context.mixins.push(mixin);
                     }
                     else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Mixin has already been applied to target app' +
+                        warn$1('Mixin has already been applied to target app' +
                             (mixin.name ? `: ${mixin.name}` : ''));
                     }
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Mixins are only available in builds supporting Options API');
+                    warn$1('Mixins are only available in builds supporting Options API');
                 }
                 return app;
             },
@@ -5035,7 +4643,7 @@ function createAppAPI(render, hydrate) {
                     return context.components[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.components[name]) {
-                    warn(`Component "${name}" has already been registered in target app.`);
+                    warn$1(`Component "${name}" has already been registered in target app.`);
                 }
                 context.components[name] = component;
                 return app;
@@ -5048,7 +4656,7 @@ function createAppAPI(render, hydrate) {
                     return context.directives[name];
                 }
                 if ((process.env.NODE_ENV !== 'production') && context.directives[name]) {
-                    warn(`Directive "${name}" has already been registered in target app.`);
+                    warn$1(`Directive "${name}" has already been registered in target app.`);
                 }
                 context.directives[name] = directive;
                 return app;
@@ -5081,7 +4689,7 @@ function createAppAPI(render, hydrate) {
                     return vnode.component.proxy;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`App has already been mounted.\n` +
+                    warn$1(`App has already been mounted.\n` +
                         `If you want to remount the same app, move your app creation logic ` +
                         `into a factory function and create fresh app instances for each ` +
                         `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -5097,12 +4705,12 @@ function createAppAPI(render, hydrate) {
                     delete app._container.__vue_app__;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`Cannot unmount an app that is not mounted.`);
+                    warn$1(`Cannot unmount an app that is not mounted.`);
                 }
             },
             provide(key, value) {
                 if ((process.env.NODE_ENV !== 'production') && key in context.provides) {
-                    warn(`App already provides property with key "${String(key)}". ` +
+                    warn$1(`App already provides property with key "${String(key)}". ` +
                         `It will be overwritten with the new value.`);
                 }
                 // TypeScript doesn't allow symbols as index type
@@ -5128,7 +4736,7 @@ function createHydrationFunctions(rendererInternals) {
     const hydrate = (vnode, container) => {
         if (!container.hasChildNodes()) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to hydrate existing markup but container is empty. ` +
+                warn$1(`Attempting to hydrate existing markup but container is empty. ` +
                     `Performing full mount instead.`);
             patch(null, vnode, container);
             flushPostFlushCbs();
@@ -5158,7 +4766,7 @@ function createHydrationFunctions(rendererInternals) {
                     if (node.data !== vnode.children) {
                         hasMismatch = true;
                         (process.env.NODE_ENV !== 'production') &&
-                            warn(`Hydration text mismatch:` +
+                            warn$1(`Hydration text mismatch:` +
                                 `\n- Client: ${JSON.stringify(node.data)}` +
                                 `\n- Server: ${JSON.stringify(vnode.children)}`);
                         node.data = vnode.children;
@@ -5259,7 +4867,7 @@ function createHydrationFunctions(rendererInternals) {
                     nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid HostVNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
                 }
         }
         if (ref != null) {
@@ -5282,8 +4890,8 @@ function createHydrationFunctions(rendererInternals) {
             if (props) {
                 if (forcePatchValue ||
                     !optimized ||
-                    (patchFlag & 16 /* FULL_PROPS */ ||
-                        patchFlag & 32 /* HYDRATE_EVENTS */)) {
+                    patchFlag & 16 /* FULL_PROPS */ ||
+                    patchFlag & 32 /* HYDRATE_EVENTS */) {
                     for (const key in props) {
                         if ((forcePatchValue && key.endsWith('value')) ||
                             (isOn(key) && !isReservedProp(key))) {
@@ -5320,7 +4928,7 @@ function createHydrationFunctions(rendererInternals) {
                 while (next) {
                     hasMismatch = true;
                     if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                        warn(`Hydration children mismatch in <${vnode.type}>: ` +
+                        warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
                             `server rendered element contains more child nodes than client vdom.`);
                         hasWarned = true;
                     }
@@ -5334,7 +4942,7 @@ function createHydrationFunctions(rendererInternals) {
                 if (el.textContent !== vnode.children) {
                     hasMismatch = true;
                     (process.env.NODE_ENV !== 'production') &&
-                        warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                        warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
                             `- Client: ${el.textContent}\n` +
                             `- Server: ${vnode.children}`);
                     el.textContent = vnode.children;
@@ -5361,7 +4969,7 @@ function createHydrationFunctions(rendererInternals) {
             else {
                 hasMismatch = true;
                 if ((process.env.NODE_ENV !== 'production') && !hasWarned) {
-                    warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                    warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
                         `server rendered element contains fewer child nodes than client vdom.`);
                     hasWarned = true;
                 }
@@ -5395,7 +5003,7 @@ function createHydrationFunctions(rendererInternals) {
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
         hasMismatch = true;
         (process.env.NODE_ENV !== 'production') &&
-            warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
+            warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */
                 ? `(text)`
                 : isComment(node) && node.data === '['
                     ? `(start of fragment)`
@@ -5506,95 +5114,8 @@ function initFeatureFlags() {
     }
 }
 
-const prodEffectOptions = {
-    scheduler: queueJob,
-    // #1801, #2043 component render effects should allow recursive updates
-    allowRecurse: true
-};
-function createDevEffectOptions(instance) {
-    return {
-        scheduler: queueJob,
-        allowRecurse: true,
-        onTrack: instance.rtc ? e => invokeArrayFns(instance.rtc, e) : void 0,
-        onTrigger: instance.rtg ? e => invokeArrayFns(instance.rtg, e) : void 0
-    };
-}
 const queuePostRenderEffect = queueEffectWithSuspense
     ;
-const setRef = (rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) => {
-    if (isArray(rawRef)) {
-        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
-        return;
-    }
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-        // when mounting async components, nothing needs to be done,
-        // because the template ref is forwarded to inner component
-        return;
-    }
-    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
-        ? getExposeProxy(vnode.component) || vnode.component.proxy
-        : vnode.el;
-    const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref } = rawRef;
-    if ((process.env.NODE_ENV !== 'production') && !owner) {
-        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-            `A vnode with ref must be created inside the render function.`);
-        return;
-    }
-    const oldRef = oldRawRef && oldRawRef.r;
-    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
-    const setupState = owner.setupState;
-    // dynamic ref changed. unset old ref
-    if (oldRef != null && oldRef !== ref) {
-        if (isString(oldRef)) {
-            refs[oldRef] = null;
-            if (hasOwn(setupState, oldRef)) {
-                setupState[oldRef] = null;
-            }
-        }
-        else if (isRef(oldRef)) {
-            oldRef.value = null;
-        }
-    }
-    if (isString(ref)) {
-        const doSet = () => {
-            {
-                refs[ref] = value;
-            }
-            if (hasOwn(setupState, ref)) {
-                setupState[ref] = value;
-            }
-        };
-        // #1789: for non-null values, set them after render
-        // null values means this is unmount and it should not overwrite another
-        // ref with the same key
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
-        }
-    }
-    else if (isRef(ref)) {
-        const doSet = () => {
-            ref.value = value;
-        };
-        if (value) {
-            doSet.id = -1;
-            queuePostRenderEffect(doSet, parentSuspense);
-        }
-        else {
-            doSet();
-        }
-    }
-    else if (isFunction$1(ref)) {
-        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
-    }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn('Invalid template ref type:', value, `(${typeof value})`);
-    }
-};
 /**
  * The createRenderer function accepts two generic arguments:
  * HostNode and HostElement, corresponding to Node and Element types in the
@@ -5630,10 +5151,14 @@ function baseCreateRenderer(options, createHydrationFns) {
         target.__VUE__ = true;
         setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
     }
-    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+    const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, forcePatchProp: hostForcePatchProp, // fixed by xxxxx
+    createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
     // Note: functions inside this closure should use `const xxx = () => {}`
     // style in order to prevent being inlined by minifiers.
-    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = false) => {
+    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = (process.env.NODE_ENV !== 'production') && isHmrUpdating ? false : !!n2.dynamicChildren) => {
+        if (n1 === n2) {
+            return;
+        }
         // patching & not same type, unmount old tree
         if (n1 && !isSameVNodeType(n1, n2)) {
             anchor = getNextHostNode(n1);
@@ -5677,7 +5202,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn('Invalid VNode type:', type, `(${typeof type})`);
+                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
                 }
         }
         // set ref
@@ -5706,19 +5231,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const mountStaticNode = (n2, container, anchor, isSVG) => {
-        // static nodes are only present when used with compiler-dom/runtime-dom
-        // which guarantees presence of hostInsertStaticContent.
-        const nodes = hostInsertStaticContent(n2.children, container, anchor, isSVG, 
-        // pass cached nodes if the static node is being mounted multiple times
-        // so that runtime-dom can simply cloneNode() instead of inserting new
-        // HTML
-        n2.staticCache);
-        // first mount - this is the orignal hoisted vnode. cache nodes.
-        if (!n2.el) {
-            n2.staticCache = nodes;
-        }
-        n2.el = nodes[0];
-        n2.anchor = nodes[nodes.length - 1];
+        [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG);
     };
     /**
      * Dev / HMR only
@@ -5785,7 +5298,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 hostSetElementText(el, vnode.children);
             }
             else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized || !!vnode.dynamicChildren);
+                mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized);
             }
             if (dirs) {
                 invokeDirectiveHook(vnode, null, parentComponent, 'created');
@@ -5793,10 +5306,22 @@ function baseCreateRenderer(options, createHydrationFns) {
             // props
             if (props) {
                 for (const key in props) {
-                    if (!isReservedProp(key)) {
+                    if (key !== 'value' && !isReservedProp(key)) {
                         hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                     }
                 }
+                /**
+                 * Special case for setting value on DOM elements:
+                 * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024)
+                 * - it needs to be forced (#1471)
+                 * #2353 proposes adding another renderer option to configure this, but
+                 * the properties affects are so finite it is worth special casing it
+                 * here to reduce the complexity. (Special casing it also should not
+                 * affect non-DOM renderers)
+                 */
+                if ('value' in props) {
+                    hostPatchProp(el, 'value', null, props.value);
+                }
                 if ((vnodeHook = props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parentComponent, vnode);
                 }
@@ -5924,7 +5449,9 @@ function baseCreateRenderer(options, createHydrationFns) {
                         const key = propsToUpdate[i];
                         const prev = oldProps[key];
                         const next = newProps[key];
+                        // #1471 force patch value
                         if (next !== prev ||
+                            key === 'value' ||
                             (hostForcePatchProp && hostForcePatchProp(el, key))) {
                             hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren);
                         }
@@ -5995,8 +5522,10 @@ function baseCreateRenderer(options, createHydrationFns) {
                     continue;
                 const next = newProps[key];
                 const prev = oldProps[key];
-                if (next !== prev ||
-                    (hostForcePatchProp && hostForcePatchProp(el, key))) {
+                // defer patching value
+                if ((next !== prev && key !== 'value') ||
+                    (hostForcePatchProp && hostForcePatchProp(el, key)) // fixed by xxxxx
+                ) {
                     hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren);
                 }
             }
@@ -6007,27 +5536,27 @@ function baseCreateRenderer(options, createHydrationFns) {
                     }
                 }
             }
+            if ('value' in newProps) {
+                hostPatchProp(el, 'value', oldProps.value, newProps.value);
+            }
         }
     };
     const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => {
         const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
         const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
         let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-        if (dynamicChildren) {
-            optimized = true;
-        }
-        // check if this is a slot fragment with :slotted scope ids
-        if (fragmentSlotScopeIds) {
-            slotScopeIds = slotScopeIds
-                ? slotScopeIds.concat(fragmentSlotScopeIds)
-                : fragmentSlotScopeIds;
-        }
         if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
             // HMR updated, force full diff
             patchFlag = 0;
             optimized = false;
             dynamicChildren = null;
         }
+        // check if this is a slot fragment with :slotted scope ids
+        if (fragmentSlotScopeIds) {
+            slotScopeIds = slotScopeIds
+                ? slotScopeIds.concat(fragmentSlotScopeIds)
+                : fragmentSlotScopeIds;
+        }
         if (n1 == null) {
             hostInsert(fragmentStartAnchor, container, anchor);
             hostInsert(fragmentEndAnchor, container, anchor);
@@ -6145,7 +5674,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 // in case the child component is also queued, remove it to avoid
                 // double updating the same child component in the same flush.
                 invalidateJob(instance.update);
-                // instance.update is the reactive effect runner.
+                // instance.update is the reactive effect.
                 instance.update();
             }
         }
@@ -6157,12 +5686,12 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => {
-        // create reactive effect for rendering
-        instance.update = effect(function componentEffect() {
+        const componentUpdateFn = () => {
             if (!instance.isMounted) {
                 let vnodeHook;
                 const { el, props } = initialVNode;
                 const { bm, m, parent } = instance;
+                effect.allowRecurse = false;
                 // beforeMount hook
                 if (bm) {
                     invokeArrayFns(bm);
@@ -6171,6 +5700,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = props && props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parent, initialVNode);
                 }
+                effect.allowRecurse = true;
                 if (el && hydrateNode) {
                     // vnode has adopted host node - perform hydration instead of mount.
                     const hydrateSubTree = () => {
@@ -6261,6 +5791,8 @@ function baseCreateRenderer(options, createHydrationFns) {
                 else {
                     next = vnode;
                 }
+                // Disallow component effect recursion during pre-lifecycle hooks.
+                effect.allowRecurse = false;
                 // beforeUpdate hook
                 if (bu) {
                     invokeArrayFns(bu);
@@ -6269,6 +5801,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
                     invokeVNodeHook(vnodeHook, parent, next, vnode);
                 }
+                effect.allowRecurse = true;
                 // render
                 if ((process.env.NODE_ENV !== 'production')) {
                     startMeasure(instance, `render`);
@@ -6312,11 +5845,26 @@ function baseCreateRenderer(options, createHydrationFns) {
                     popWarningContext();
                 }
             }
-        }, (process.env.NODE_ENV !== 'production') ? createDevEffectOptions(instance) : prodEffectOptions);
+        };
+        // create reactive effect for rendering
+        const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope
+        );
+        const update = (instance.update = effect.run.bind(effect));
+        update.id = instance.uid;
+        // allowRecurse
+        // #1801, #2043 component render effects should allow recursive updates
+        effect.allowRecurse = update.allowRecurse = true;
         if ((process.env.NODE_ENV !== 'production')) {
-            // @ts-ignore
-            instance.update.ownerInstance = instance;
-        }
+            effect.onTrack = instance.rtc
+                ? e => invokeArrayFns(instance.rtc, e)
+                : void 0;
+            effect.onTrigger = instance.rtg
+                ? e => invokeArrayFns(instance.rtg, e)
+                : void 0;
+            // @ts-ignore (for scheduler)
+            update.ownerInstance = instance;
+        }
+        update();
     };
     const updateComponentPreRender = (instance, nextVNode, optimized) => {
         nextVNode.component = instance;
@@ -6493,7 +6041,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     : normalizeVNode(c2[i]));
                 if (nextChild.key != null) {
                     if ((process.env.NODE_ENV !== 'production') && keyToNewIndexMap.has(nextChild.key)) {
-                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                     }
                     keyToNewIndexMap.set(nextChild.key, i);
                 }
@@ -6598,1791 +6146,2578 @@ function baseCreateRenderer(options, createHydrationFns) {
             for (let i = 0; i < children.length; i++) {
                 move(children[i], container, anchor, moveType);
             }
-            hostInsert(vnode.anchor, container, anchor);
-            return;
+            hostInsert(vnode.anchor, container, anchor);
+            return;
+        }
+        if (type === Static) {
+            moveStaticNode(vnode, container, anchor);
+            return;
+        }
+        // single nodes
+        const needTransition = moveType !== 2 /* REORDER */ &&
+            shapeFlag & 1 /* ELEMENT */ &&
+            transition;
+        if (needTransition) {
+            if (moveType === 0 /* ENTER */) {
+                transition.beforeEnter(el);
+                hostInsert(el, container, anchor);
+                queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+            }
+            else {
+                const { leave, delayLeave, afterLeave } = transition;
+                const remove = () => hostInsert(el, container, anchor);
+                const performLeave = () => {
+                    leave(el, () => {
+                        remove();
+                        afterLeave && afterLeave();
+                    });
+                };
+                if (delayLeave) {
+                    delayLeave(el, remove, performLeave);
+                }
+                else {
+                    performLeave();
+                }
+            }
+        }
+        else {
+            hostInsert(el, container, anchor);
+        }
+    };
+    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
+        const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
+        // unset ref
+        if (ref != null) {
+            setRef(ref, null, parentSuspense, vnode, true);
+        }
+        if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
+            parentComponent.ctx.deactivate(vnode);
+            return;
+        }
+        const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
+        let vnodeHook;
+        if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
+            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+        }
+        if (shapeFlag & 6 /* COMPONENT */) {
+            unmountComponent(vnode.component, parentSuspense, doRemove);
+        }
+        else {
+            if (shapeFlag & 128 /* SUSPENSE */) {
+                vnode.suspense.unmount(parentSuspense, doRemove);
+                return;
+            }
+            if (shouldInvokeDirs) {
+                invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
+            }
+            if (shapeFlag & 64 /* TELEPORT */) {
+                vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+            }
+            else if (dynamicChildren &&
+                // #1153: fast path should not be taken for non-stable (v-for) fragments
+                (type !== Fragment ||
+                    (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
+                // fast path for block nodes: only need to unmount dynamic children.
+                unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+            }
+            else if ((type === Fragment &&
+                (patchFlag & 128 /* KEYED_FRAGMENT */ ||
+                    patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
+                (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
+                unmountChildren(children, parentComponent, parentSuspense);
+            }
+            if (doRemove) {
+                remove(vnode);
+            }
+        }
+        if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
+            queuePostRenderEffect(() => {
+                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+                shouldInvokeDirs &&
+                    invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
+            }, parentSuspense);
+        }
+    };
+    const remove = vnode => {
+        const { type, el, anchor, transition } = vnode;
+        if (type === Fragment) {
+            removeFragment(el, anchor);
+            return;
+        }
+        if (type === Static) {
+            removeStaticNode(vnode);
+            return;
+        }
+        const performRemove = () => {
+            hostRemove(el);
+            if (transition && !transition.persisted && transition.afterLeave) {
+                transition.afterLeave();
+            }
+        };
+        if (vnode.shapeFlag & 1 /* ELEMENT */ &&
+            transition &&
+            !transition.persisted) {
+            const { leave, delayLeave } = transition;
+            const performLeave = () => leave(el, performRemove);
+            if (delayLeave) {
+                delayLeave(vnode.el, performRemove, performLeave);
+            }
+            else {
+                performLeave();
+            }
+        }
+        else {
+            performRemove();
+        }
+    };
+    const removeFragment = (cur, end) => {
+        // For fragments, directly remove all contained DOM nodes.
+        // (fragment child nodes cannot have transition)
+        let next;
+        while (cur !== end) {
+            next = hostNextSibling(cur);
+            hostRemove(cur);
+            cur = next;
+        }
+        hostRemove(end);
+    };
+    const unmountComponent = (instance, parentSuspense, doRemove) => {
+        if ((process.env.NODE_ENV !== 'production') && instance.type.__hmrId) {
+            unregisterHMR(instance);
+        }
+        const { bum, scope, update, subTree, um } = instance;
+        // beforeUnmount hook
+        if (bum) {
+            invokeArrayFns(bum);
+        }
+        // stop effects in component scope
+        scope.stop();
+        // update may be null if a component is unmounted before its async
+        // setup has resolved.
+        if (update) {
+            // so that scheduler will no longer invoke it
+            update.active = false;
+            unmount(subTree, instance, parentSuspense, doRemove);
+        }
+        // unmounted hook
+        if (um) {
+            queuePostRenderEffect(um, parentSuspense);
+        }
+        queuePostRenderEffect(() => {
+            instance.isUnmounted = true;
+        }, parentSuspense);
+        // A component with async dep inside a pending suspense is unmounted before
+        // its async dep resolves. This should remove the dep from the suspense, and
+        // cause the suspense to resolve immediately if that was the last dep.
+        if (parentSuspense &&
+            parentSuspense.pendingBranch &&
+            !parentSuspense.isUnmounted &&
+            instance.asyncDep &&
+            !instance.asyncResolved &&
+            instance.suspenseId === parentSuspense.pendingId) {
+            parentSuspense.deps--;
+            if (parentSuspense.deps === 0) {
+                parentSuspense.resolve();
+            }
+        }
+        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
+            devtoolsComponentRemoved(instance);
+        }
+    };
+    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
+        for (let i = start; i < children.length; i++) {
+            unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
+        }
+    };
+    const getNextHostNode = vnode => {
+        if (vnode.shapeFlag & 6 /* COMPONENT */) {
+            return getNextHostNode(vnode.component.subTree);
+        }
+        if (vnode.shapeFlag & 128 /* SUSPENSE */) {
+            return vnode.suspense.next();
+        }
+        return hostNextSibling((vnode.anchor || vnode.el));
+    };
+    const render = (vnode, container, isSVG) => {
+        if (vnode == null) {
+            if (container._vnode) {
+                unmount(container._vnode, null, null, true);
+            }
+        }
+        else {
+            patch(container._vnode || null, vnode, container, null, null, null, isSVG);
+        }
+        flushPostFlushCbs();
+        container._vnode = vnode;
+    };
+    const internals = {
+        p: patch,
+        um: unmount,
+        m: move,
+        r: remove,
+        mt: mountComponent,
+        mc: mountChildren,
+        pc: patchChildren,
+        pbc: patchBlockChildren,
+        n: getNextHostNode,
+        o: options
+    };
+    let hydrate;
+    let hydrateNode;
+    if (createHydrationFns) {
+        [hydrate, hydrateNode] = createHydrationFns(internals);
+    }
+    return {
+        render,
+        hydrate,
+        createApp: createAppAPI(render, hydrate)
+    };
+}
+function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
+    if (isArray(rawRef)) {
+        rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
+        return;
+    }
+    if (isAsyncWrapper(vnode) && !isUnmount) {
+        // when mounting async components, nothing needs to be done,
+        // because the template ref is forwarded to inner component
+        return;
+    }
+    const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */
+        ? getExposeProxy(vnode.component) || vnode.component.proxy
+        : vnode.el;
+    const value = isUnmount ? null : refValue;
+    const { i: owner, r: ref } = rawRef;
+    if ((process.env.NODE_ENV !== 'production') && !owner) {
+        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+            `A vnode with ref must be created inside the render function.`);
+        return;
+    }
+    const oldRef = oldRawRef && oldRawRef.r;
+    const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs;
+    const setupState = owner.setupState;
+    // dynamic ref changed. unset old ref
+    if (oldRef != null && oldRef !== ref) {
+        if (isString(oldRef)) {
+            refs[oldRef] = null;
+            if (hasOwn(setupState, oldRef)) {
+                setupState[oldRef] = null;
+            }
         }
-        if (type === Static) {
-            moveStaticNode(vnode, container, anchor);
-            return;
+        else if (isRef(oldRef)) {
+            oldRef.value = null;
         }
-        // single nodes
-        const needTransition = moveType !== 2 /* REORDER */ &&
-            shapeFlag & 1 /* ELEMENT */ &&
-            transition;
-        if (needTransition) {
-            if (moveType === 0 /* ENTER */) {
-                transition.beforeEnter(el);
-                hostInsert(el, container, anchor);
-                queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+    }
+    if (isString(ref)) {
+        const doSet = () => {
+            {
+                refs[ref] = value;
             }
-            else {
-                const { leave, delayLeave, afterLeave } = transition;
-                const remove = () => hostInsert(el, container, anchor);
-                const performLeave = () => {
-                    leave(el, () => {
-                        remove();
-                        afterLeave && afterLeave();
-                    });
-                };
-                if (delayLeave) {
-                    delayLeave(el, remove, performLeave);
-                }
-                else {
-                    performLeave();
-                }
+            if (hasOwn(setupState, ref)) {
+                setupState[ref] = value;
             }
+        };
+        // #1789: for non-null values, set them after render
+        // null values means this is unmount and it should not overwrite another
+        // ref with the same key
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
         }
         else {
-            hostInsert(el, container, anchor);
-        }
-    };
-    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-        const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode;
-        // unset ref
-        if (ref != null) {
-            setRef(ref, null, parentSuspense, vnode, true);
-        }
-        if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) {
-            parentComponent.ctx.deactivate(vnode);
-            return;
-        }
-        const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
-        let vnodeHook;
-        if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
-            invokeVNodeHook(vnodeHook, parentComponent, vnode);
+            doSet();
         }
-        if (shapeFlag & 6 /* COMPONENT */) {
-            unmountComponent(vnode.component, parentSuspense, doRemove);
+    }
+    else if (isRef(ref)) {
+        const doSet = () => {
+            ref.value = value;
+        };
+        if (value) {
+            doSet.id = -1;
+            queuePostRenderEffect(doSet, parentSuspense);
         }
         else {
-            if (shapeFlag & 128 /* SUSPENSE */) {
-                vnode.suspense.unmount(parentSuspense, doRemove);
-                return;
+            doSet();
+        }
+    }
+    else if (isFunction$1(ref)) {
+        callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]);
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1('Invalid template ref type:', value, `(${typeof value})`);
+    }
+}
+function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
+    callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
+        vnode,
+        prevVNode
+    ]);
+}
+/**
+ * #1156
+ * When a component is HMR-enabled, we need to make sure that all static nodes
+ * inside a block also inherit the DOM element from the previous tree so that
+ * HMR updates (which are full updates) can retrieve the element for patching.
+ *
+ * #2080
+ * Inside keyed `template` fragment static children, if a fragment is moved,
+ * the children will always moved so that need inherit el form previous nodes
+ * to ensure correct moved position.
+ */
+function traverseStaticChildren(n1, n2, shallow = false) {
+    const ch1 = n1.children;
+    const ch2 = n2.children;
+    if (isArray(ch1) && isArray(ch2)) {
+        for (let i = 0; i < ch1.length; i++) {
+            // this is only called in the optimized path so array children are
+            // guaranteed to be vnodes
+            const c1 = ch1[i];
+            let c2 = ch2[i];
+            if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) {
+                if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) {
+                    c2 = ch2[i] = cloneIfMounted(ch2[i]);
+                    c2.el = c1.el;
+                }
+                if (!shallow)
+                    traverseStaticChildren(c1, c2);
             }
-            if (shouldInvokeDirs) {
-                invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount');
+            // also inherit for comment nodes, but not placeholders (e.g. v-if which
+            // would have received .el during block patch)
+            if ((process.env.NODE_ENV !== 'production') && c2.type === Comment$1 && !c2.el) {
+                c2.el = c1.el;
             }
-            if (shapeFlag & 64 /* TELEPORT */) {
-                vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove);
+        }
+    }
+}
+// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
+function getSequence(arr) {
+    const p = arr.slice();
+    const result = [0];
+    let i, j, u, v, c;
+    const len = arr.length;
+    for (i = 0; i < len; i++) {
+        const arrI = arr[i];
+        if (arrI !== 0) {
+            j = result[result.length - 1];
+            if (arr[j] < arrI) {
+                p[i] = j;
+                result.push(i);
+                continue;
             }
-            else if (dynamicChildren &&
-                // #1153: fast path should not be taken for non-stable (v-for) fragments
-                (type !== Fragment ||
-                    (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) {
-                // fast path for block nodes: only need to unmount dynamic children.
-                unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
+            u = 0;
+            v = result.length - 1;
+            while (u < v) {
+                c = (u + v) >> 1;
+                if (arr[result[c]] < arrI) {
+                    u = c + 1;
+                }
+                else {
+                    v = c;
+                }
             }
-            else if ((type === Fragment &&
-                (patchFlag & 128 /* KEYED_FRAGMENT */ ||
-                    patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
-                (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
-                unmountChildren(children, parentComponent, parentSuspense);
+            if (arrI < arr[result[u]]) {
+                if (u > 0) {
+                    p[i] = result[u - 1];
+                }
+                result[u] = i;
             }
-            if (doRemove) {
-                remove(vnode);
+        }
+    }
+    u = result.length;
+    v = result[u - 1];
+    while (u-- > 0) {
+        result[u] = v;
+        v = p[v];
+    }
+    return result;
+}
+
+const isTeleport = (type) => type.__isTeleport;
+const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
+const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
+const resolveTarget = (props, select) => {
+    const targetSelector = props && props.to;
+    if (isString(targetSelector)) {
+        if (!select) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Current renderer does not support string target for Teleports. ` +
+                    `(missing querySelector renderer option)`);
+            return null;
+        }
+        else {
+            const target = select(targetSelector);
+            if (!target) {
+                (process.env.NODE_ENV !== 'production') &&
+                    warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                        `Note the target element must exist before the component is mounted - ` +
+                        `i.e. the target cannot be rendered by the component itself, and ` +
+                        `ideally should be outside of the entire Vue component tree.`);
             }
+            return target;
         }
-        if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
-            queuePostRenderEffect(() => {
-                vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-                shouldInvokeDirs &&
-                    invokeDirectiveHook(vnode, null, parentComponent, 'unmounted');
-            }, parentSuspense);
+    }
+    else {
+        if ((process.env.NODE_ENV !== 'production') && !targetSelector && !isTeleportDisabled(props)) {
+            warn$1(`Invalid Teleport target: ${targetSelector}`);
         }
-    };
-    const remove = vnode => {
-        const { type, el, anchor, transition } = vnode;
-        if (type === Fragment) {
-            removeFragment(el, anchor);
-            return;
+        return targetSelector;
+    }
+};
+const TeleportImpl = {
+    __isTeleport: true,
+    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
+        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+        const disabled = isTeleportDisabled(n2.props);
+        let { shapeFlag, children, dynamicChildren } = n2;
+        // #3302
+        // HMR updated, force full diff
+        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
+            optimized = false;
+            dynamicChildren = null;
         }
-        if (type === Static) {
-            removeStaticNode(vnode);
-            return;
+        if (n1 == null) {
+            // insert anchors in the main view
+            const placeholder = (n2.el = (process.env.NODE_ENV !== 'production')
+                ? createComment('teleport start')
+                : createText(''));
+            const mainAnchor = (n2.anchor = (process.env.NODE_ENV !== 'production')
+                ? createComment('teleport end')
+                : createText(''));
+            insert(placeholder, container, anchor);
+            insert(mainAnchor, container, anchor);
+            const target = (n2.target = resolveTarget(n2.props, querySelector));
+            const targetAnchor = (n2.targetAnchor = createText(''));
+            if (target) {
+                insert(targetAnchor, target);
+                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
+                isSVG = isSVG || isTargetSVG(target);
+            }
+            else if ((process.env.NODE_ENV !== 'production') && !disabled) {
+                warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
+            }
+            const mount = (container, anchor) => {
+                // Teleport *always* has Array children. This is enforced in both the
+                // compiler and vnode children normalization.
+                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                }
+            };
+            if (disabled) {
+                mount(container, mainAnchor);
+            }
+            else if (target) {
+                mount(target, targetAnchor);
+            }
         }
-        const performRemove = () => {
-            hostRemove(el);
-            if (transition && !transition.persisted && transition.afterLeave) {
-                transition.afterLeave();
+        else {
+            // update content
+            n2.el = n1.el;
+            const mainAnchor = (n2.anchor = n1.anchor);
+            const target = (n2.target = n1.target);
+            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
+            const wasDisabled = isTeleportDisabled(n1.props);
+            const currentContainer = wasDisabled ? container : target;
+            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
+            isSVG = isSVG || isTargetSVG(target);
+            if (dynamicChildren) {
+                // fast path when the teleport happens to be a block root
+                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
+                // even in block tree mode we need to make sure all root-level nodes
+                // in the teleport inherit previous DOM references so that they can
+                // be moved in future patches.
+                traverseStaticChildren(n1, n2, true);
             }
-        };
-        if (vnode.shapeFlag & 1 /* ELEMENT */ &&
-            transition &&
-            !transition.persisted) {
-            const { leave, delayLeave } = transition;
-            const performLeave = () => leave(el, performRemove);
-            if (delayLeave) {
-                delayLeave(vnode.el, performRemove, performLeave);
+            else if (!optimized) {
+                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
+            }
+            if (disabled) {
+                if (!wasDisabled) {
+                    // enabled -> disabled
+                    // move into main container
+                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
+                }
             }
             else {
-                performLeave();
+                // target changed
+                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
+                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
+                    if (nextTarget) {
+                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
+                    }
+                    else if ((process.env.NODE_ENV !== 'production')) {
+                        warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
+                    }
+                }
+                else if (wasDisabled) {
+                    // disabled -> enabled
+                    // move into teleport target
+                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
+                }
             }
         }
-        else {
-            performRemove();
-        }
-    };
-    const removeFragment = (cur, end) => {
-        // For fragments, directly remove all contained DOM nodes.
-        // (fragment child nodes cannot have transition)
-        let next;
-        while (cur !== end) {
-            next = hostNextSibling(cur);
-            hostRemove(cur);
-            cur = next;
-        }
-        hostRemove(end);
-    };
-    const unmountComponent = (instance, parentSuspense, doRemove) => {
-        if ((process.env.NODE_ENV !== 'production') && instance.type.__hmrId) {
-            unregisterHMR(instance);
-        }
-        const { bum, effects, update, subTree, um } = instance;
-        // beforeUnmount hook
-        if (bum) {
-            invokeArrayFns(bum);
+    },
+    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
+        if (target) {
+            hostRemove(targetAnchor);
         }
-        if (effects) {
-            for (let i = 0; i < effects.length; i++) {
-                stop(effects[i]);
+        // an unmounted teleport should always remove its children if not disabled
+        if (doRemove || !isTeleportDisabled(props)) {
+            hostRemove(anchor);
+            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+                for (let i = 0; i < children.length; i++) {
+                    const child = children[i];
+                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
+                }
             }
         }
-        // update may be null if a component is unmounted before its async
-        // setup has resolved.
-        if (update) {
-            stop(update);
-            unmount(subTree, instance, parentSuspense, doRemove);
-        }
-        // unmounted hook
-        if (um) {
-            queuePostRenderEffect(um, parentSuspense);
-        }
-        queuePostRenderEffect(() => {
-            instance.isUnmounted = true;
-        }, parentSuspense);
-        // A component with async dep inside a pending suspense is unmounted before
-        // its async dep resolves. This should remove the dep from the suspense, and
-        // cause the suspense to resolve immediately if that was the last dep.
-        if (parentSuspense &&
-            parentSuspense.pendingBranch &&
-            !parentSuspense.isUnmounted &&
-            instance.asyncDep &&
-            !instance.asyncResolved &&
-            instance.suspenseId === parentSuspense.pendingId) {
-            parentSuspense.deps--;
-            if (parentSuspense.deps === 0) {
-                parentSuspense.resolve();
+    },
+    move: moveTeleport,
+    hydrate: hydrateTeleport
+};
+function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
+    // move target anchor if this is a target change.
+    if (moveType === 0 /* TARGET_CHANGE */) {
+        insert(vnode.targetAnchor, container, parentAnchor);
+    }
+    const { el, anchor, shapeFlag, children, props } = vnode;
+    const isReorder = moveType === 2 /* REORDER */;
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(el, container, parentAnchor);
+    }
+    // if this is a re-order and teleport is enabled (content is in target)
+    // do not move children. So the opposite is: only move children if this
+    // is not a reorder, or the teleport is disabled
+    if (!isReorder || isTeleportDisabled(props)) {
+        // Teleport has either Array children or no children.
+        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            for (let i = 0; i < children.length; i++) {
+                move(children[i], container, parentAnchor, 2 /* REORDER */);
             }
         }
-        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
-            devtoolsComponentRemoved(instance);
-        }
-    };
-    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
-        for (let i = start; i < children.length; i++) {
-            unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
-        }
-    };
-    const getNextHostNode = vnode => {
-        if (vnode.shapeFlag & 6 /* COMPONENT */) {
-            return getNextHostNode(vnode.component.subTree);
-        }
-        if (vnode.shapeFlag & 128 /* SUSPENSE */) {
-            return vnode.suspense.next();
-        }
-        return hostNextSibling((vnode.anchor || vnode.el));
-    };
-    const render = (vnode, container, isSVG) => {
-        if (vnode == null) {
-            if (container._vnode) {
-                unmount(container._vnode, null, null, true);
+    }
+    // move main view anchor if this is a re-order.
+    if (isReorder) {
+        insert(anchor, container, parentAnchor);
+    }
+}
+function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
+    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
+    if (target) {
+        // if multiple teleports rendered to the same target element, we need to
+        // pick up from where the last teleport finished instead of the first node
+        const targetNode = target._lpa || target.firstChild;
+        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
+            if (isTeleportDisabled(vnode.props)) {
+                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
+                vnode.targetAnchor = targetNode;
+            }
+            else {
+                vnode.anchor = nextSibling(node);
+                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
             }
+            target._lpa =
+                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
         }
-        else {
-            patch(container._vnode || null, vnode, container, null, null, null, isSVG);
+    }
+    return vnode.anchor && nextSibling(vnode.anchor);
+}
+// Force-casted public typing for h and TSX props inference
+const Teleport = TeleportImpl;
+
+const COMPONENTS = 'components';
+const DIRECTIVES = 'directives';
+/**
+ * @private
+ */
+function resolveComponent(name, maybeSelfReference) {
+    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+}
+const NULL_DYNAMIC_COMPONENT = Symbol();
+/**
+ * @private
+ */
+function resolveDynamicComponent(component) {
+    if (isString(component)) {
+        return resolveAsset(COMPONENTS, component, false) || component;
+    }
+    else {
+        // invalid types will fallthrough to createVNode and raise warning
+        return (component || NULL_DYNAMIC_COMPONENT);
+    }
+}
+/**
+ * @private
+ */
+function resolveDirective(name) {
+    return resolveAsset(DIRECTIVES, name);
+}
+// implementation
+function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
+    const instance = currentRenderingInstance || currentInstance;
+    if (instance) {
+        const Component = instance.type;
+        // explicit self name has highest priority
+        if (type === COMPONENTS) {
+            const selfName = getComponentName(Component);
+            if (selfName &&
+                (selfName === name ||
+                    selfName === camelize(name) ||
+                    selfName === capitalize(camelize(name)))) {
+                return Component;
+            }
         }
-        flushPostFlushCbs();
-        container._vnode = vnode;
-    };
-    const internals = {
-        p: patch,
-        um: unmount,
-        m: move,
-        r: remove,
-        mt: mountComponent,
-        mc: mountChildren,
-        pc: patchChildren,
-        pbc: patchBlockChildren,
-        n: getNextHostNode,
-        o: options
-    };
-    let hydrate;
-    let hydrateNode;
-    if (createHydrationFns) {
-        [hydrate, hydrateNode] = createHydrationFns(internals);
+        const res = 
+        // local registration
+        // check instance[type] first which is resolved for options API
+        resolve(instance[type] || Component[type], name) ||
+            // global registration
+            resolve(instance.appContext[type], name);
+        if (!res && maybeSelfReference) {
+            // fallback to implicit self-reference
+            return Component;
+        }
+        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
+            warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+        }
+        return res;
+    }
+    else if ((process.env.NODE_ENV !== 'production')) {
+        warn$1(`resolve${capitalize(type.slice(0, -1))} ` +
+            `can only be used in render() or setup().`);
     }
-    return {
-        render,
-        hydrate,
-        createApp: createAppAPI(render, hydrate)
-    };
 }
-function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
-    callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [
-        vnode,
-        prevVNode
-    ]);
+function resolve(registry, name) {
+    return (registry &&
+        (registry[name] ||
+            registry[camelize(name)] ||
+            registry[capitalize(camelize(name))]));
+}
+
+const Fragment = Symbol((process.env.NODE_ENV !== 'production') ? 'Fragment' : undefined);
+const Text = Symbol((process.env.NODE_ENV !== 'production') ? 'Text' : undefined);
+const Comment$1 = Symbol((process.env.NODE_ENV !== 'production') ? 'Comment' : undefined);
+const Static = Symbol((process.env.NODE_ENV !== 'production') ? 'Static' : undefined);
+// Since v-if and v-for are the two possible ways node structure can dynamically
+// change, once we consider v-if branches and each v-for fragment a block, we
+// can divide a template into nested blocks, and within each block the node
+// structure would be stable. This allows us to skip most children diffing
+// and only worry about the dynamic nodes (indicated by patch flags).
+const blockStack = [];
+let currentBlock = null;
+/**
+ * Open a block.
+ * This must be called before `createBlock`. It cannot be part of `createBlock`
+ * because the children of the block are evaluated before `createBlock` itself
+ * is called. The generated code typically looks like this:
+ *
+ * ```js
+ * function render() {
+ *   return (openBlock(),createBlock('div', null, [...]))
+ * }
+ * ```
+ * disableTracking is true when creating a v-for fragment block, since a v-for
+ * fragment always diffs its children.
+ *
+ * @private
+ */
+function openBlock(disableTracking = false) {
+    blockStack.push((currentBlock = disableTracking ? null : []));
+}
+function closeBlock() {
+    blockStack.pop();
+    currentBlock = blockStack[blockStack.length - 1] || null;
 }
+// Whether we should be tracking dynamic child nodes inside a block.
+// Only tracks when this value is > 0
+// We are not using a simple boolean because this value may need to be
+// incremented/decremented by nested usage of v-once (see below)
+let isBlockTreeEnabled = 1;
 /**
- * #1156
- * When a component is HMR-enabled, we need to make sure that all static nodes
- * inside a block also inherit the DOM element from the previous tree so that
- * HMR updates (which are full updates) can retrieve the element for patching.
+ * Block tracking sometimes needs to be disabled, for example during the
+ * creation of a tree that needs to be cached by v-once. The compiler generates
+ * code like this:
  *
- * #2080
- * Inside keyed `template` fragment static children, if a fragment is moved,
- * the children will always moved so that need inherit el form previous nodes
- * to ensure correct moved position.
+ * ``` js
+ * _cache[1] || (
+ *   setBlockTracking(-1),
+ *   _cache[1] = createVNode(...),
+ *   setBlockTracking(1),
+ *   _cache[1]
+ * )
+ * ```
+ *
+ * @private
  */
-function traverseStaticChildren(n1, n2, shallow = false) {
-    const ch1 = n1.children;
-    const ch2 = n2.children;
-    if (isArray(ch1) && isArray(ch2)) {
-        for (let i = 0; i < ch1.length; i++) {
-            // this is only called in the optimized path so array children are
-            // guaranteed to be vnodes
-            const c1 = ch1[i];
-            let c2 = ch2[i];
-            if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) {
-                if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) {
-                    c2 = ch2[i] = cloneIfMounted(ch2[i]);
-                    c2.el = c1.el;
-                }
-                if (!shallow)
-                    traverseStaticChildren(c1, c2);
-            }
-            // also inherit for comment nodes, but not placeholders (e.g. v-if which
-            // would have received .el during block patch)
-            if ((process.env.NODE_ENV !== 'production') && c2.type === Comment$1 && !c2.el) {
-                c2.el = c1.el;
-            }
-        }
-    }
+function setBlockTracking(value) {
+    isBlockTreeEnabled += value;
 }
-// https://en.wikipedia.org/wiki/Longest_increasing_subsequence
-function getSequence(arr) {
-    const p = arr.slice();
-    const result = [0];
-    let i, j, u, v, c;
-    const len = arr.length;
-    for (i = 0; i < len; i++) {
-        const arrI = arr[i];
-        if (arrI !== 0) {
-            j = result[result.length - 1];
-            if (arr[j] < arrI) {
-                p[i] = j;
-                result.push(i);
-                continue;
-            }
-            u = 0;
-            v = result.length - 1;
-            while (u < v) {
-                c = ((u + v) / 2) | 0;
-                if (arr[result[c]] < arrI) {
-                    u = c + 1;
-                }
-                else {
-                    v = c;
-                }
-            }
-            if (arrI < arr[result[u]]) {
-                if (u > 0) {
-                    p[i] = result[u - 1];
-                }
-                result[u] = i;
-            }
-        }
+function setupBlock(vnode) {
+    // save current block children on the block vnode
+    vnode.dynamicChildren =
+        isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
+    // close block
+    closeBlock();
+    // a block is always going to be patched, so track it as a child of its
+    // parent block
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(vnode);
     }
-    u = result.length;
-    v = result[u - 1];
-    while (u-- > 0) {
-        result[u] = v;
-        v = p[v];
+    return vnode;
+}
+/**
+ * @private
+ */
+function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
+    return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */));
+}
+/**
+ * Create a block root vnode. Takes the same exact arguments as `createVNode`.
+ * A block root keeps track of dynamic nodes within the block in the
+ * `dynamicChildren` array.
+ *
+ * @private
+ */
+function createBlock(type, props, children, patchFlag, dynamicProps) {
+    return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */));
+}
+function isVNode(value) {
+    return value ? value.__v_isVNode === true : false;
+}
+function isSameVNodeType(n1, n2) {
+    if ((process.env.NODE_ENV !== 'production') &&
+        n2.shapeFlag & 6 /* COMPONENT */ &&
+        hmrDirtyComponents.has(n2.type)) {
+        // HMR only: if the component has been hot-updated, force a reload.
+        return false;
     }
-    return result;
-}
-
-const isTeleport = (type) => type.__isTeleport;
-const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === '');
-const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement;
-const resolveTarget = (props, select) => {
-    const targetSelector = props && props.to;
-    if (isString(targetSelector)) {
-        if (!select) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Current renderer does not support string target for Teleports. ` +
-                    `(missing querySelector renderer option)`);
-            return null;
-        }
-        else {
-            const target = select(targetSelector);
-            if (!target) {
-                (process.env.NODE_ENV !== 'production') &&
-                    warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
-                        `Note the target element must exist before the component is mounted - ` +
-                        `i.e. the target cannot be rendered by the component itself, and ` +
-                        `ideally should be outside of the entire Vue component tree.`);
-            }
-            return target;
+    return n1.type === n2.type && n1.key === n2.key;
+}
+let vnodeArgsTransformer;
+/**
+ * Internal API for registering an arguments transform for createVNode
+ * used for creating stubs in the test-utils
+ * It is *internal* but needs to be exposed for test-utils to pick up proper
+ * typings
+ */
+function transformVNodeArgs(transformer) {
+    vnodeArgsTransformer = transformer;
+}
+const createVNodeWithArgsTransform = (...args) => {
+    return _createVNode(...(vnodeArgsTransformer
+        ? vnodeArgsTransformer(args, currentRenderingInstance)
+        : args));
+};
+const InternalObjectKey = `__vInternal`;
+const normalizeKey = ({ key }) => key != null ? key : null;
+const normalizeRef = ({ ref }) => {
+    return (ref != null
+        ? isString(ref) || isRef(ref) || isFunction$1(ref)
+            ? { i: currentRenderingInstance, r: ref }
+            : ref
+        : null);
+};
+function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) {
+    const vnode = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type,
+        props,
+        key: props && normalizeKey(props),
+        ref: props && normalizeRef(props),
+        scopeId: currentScopeId,
+        slotScopeIds: null,
+        children,
+        component: null,
+        suspense: null,
+        ssContent: null,
+        ssFallback: null,
+        dirs: null,
+        transition: null,
+        el: null,
+        anchor: null,
+        target: null,
+        targetAnchor: null,
+        staticCount: 0,
+        shapeFlag,
+        patchFlag,
+        dynamicProps,
+        dynamicChildren: null,
+        appContext: null
+    };
+    if (needFullChildrenNormalization) {
+        normalizeChildren(vnode, children);
+        // normalize suspense children
+        if (shapeFlag & 128 /* SUSPENSE */) {
+            type.normalize(vnode);
         }
     }
-    else {
-        if ((process.env.NODE_ENV !== 'production') && !targetSelector && !isTeleportDisabled(props)) {
-            warn(`Invalid Teleport target: ${targetSelector}`);
-        }
-        return targetSelector;
+    else if (children) {
+        // compiled element vnode - if children is passed, only possible types are
+        // string or Array.
+        vnode.shapeFlag |= isString(children)
+            ? 8 /* TEXT_CHILDREN */
+            : 16 /* ARRAY_CHILDREN */;
     }
-};
-const TeleportImpl = {
-    __isTeleport: true,
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
-        const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
-        const disabled = isTeleportDisabled(n2.props);
-        let { shapeFlag, children, dynamicChildren } = n2;
-        // #3302
-        // HMR updated, force full diff
-        if ((process.env.NODE_ENV !== 'production') && isHmrUpdating) {
-            optimized = false;
-            dynamicChildren = null;
-        }
-        if (n1 == null) {
-            // insert anchors in the main view
-            const placeholder = (n2.el = (process.env.NODE_ENV !== 'production')
-                ? createComment('teleport start')
-                : createText(''));
-            const mainAnchor = (n2.anchor = (process.env.NODE_ENV !== 'production')
-                ? createComment('teleport end')
-                : createText(''));
-            insert(placeholder, container, anchor);
-            insert(mainAnchor, container, anchor);
-            const target = (n2.target = resolveTarget(n2.props, querySelector));
-            const targetAnchor = (n2.targetAnchor = createText(''));
-            if (target) {
-                insert(targetAnchor, target);
-                // #2652 we could be teleporting from a non-SVG tree into an SVG tree
-                isSVG = isSVG || isTargetSVG(target);
-            }
-            else if ((process.env.NODE_ENV !== 'production') && !disabled) {
-                warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
-            }
-            const mount = (container, anchor) => {
-                // Teleport *always* has Array children. This is enforced in both the
-                // compiler and vnode children normalization.
-                if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                    mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
-                }
-            };
-            if (disabled) {
-                mount(container, mainAnchor);
-            }
-            else if (target) {
-                mount(target, targetAnchor);
-            }
-        }
-        else {
-            // update content
-            n2.el = n1.el;
-            const mainAnchor = (n2.anchor = n1.anchor);
-            const target = (n2.target = n1.target);
-            const targetAnchor = (n2.targetAnchor = n1.targetAnchor);
-            const wasDisabled = isTeleportDisabled(n1.props);
-            const currentContainer = wasDisabled ? container : target;
-            const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
-            isSVG = isSVG || isTargetSVG(target);
-            if (dynamicChildren) {
-                // fast path when the teleport happens to be a block root
-                patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds);
-                // even in block tree mode we need to make sure all root-level nodes
-                // in the teleport inherit previous DOM references so that they can
-                // be moved in future patches.
-                traverseStaticChildren(n1, n2, true);
-            }
-            else if (!optimized) {
-                patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false);
-            }
-            if (disabled) {
-                if (!wasDisabled) {
-                    // enabled -> disabled
-                    // move into main container
-                    moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */);
-                }
-            }
-            else {
-                // target changed
-                if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-                    const nextTarget = (n2.target = resolveTarget(n2.props, querySelector));
-                    if (nextTarget) {
-                        moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */);
-                    }
-                    else if ((process.env.NODE_ENV !== 'production')) {
-                        warn('Invalid Teleport target on update:', target, `(${typeof target})`);
-                    }
-                }
-                else if (wasDisabled) {
-                    // disabled -> enabled
-                    // move into teleport target
-                    moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */);
-                }
-            }
-        }
-    },
-    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-        const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
-        if (target) {
-            hostRemove(targetAnchor);
+    // validate key
+    if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
+        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    }
+    // track vnode for block tree
+    if (isBlockTreeEnabled > 0 &&
+        // avoid a block node from tracking itself
+        !isBlockNode &&
+        // has current parent block
+        currentBlock &&
+        // presence of a patch flag indicates this node needs patching on updates.
+        // component nodes also should always be patched, because even if the
+        // component doesn't need to update, it needs to persist the instance on to
+        // the next vnode so that it can be properly unmounted later.
+        (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
+        // the EVENTS flag is only for hydration and if it is the only flag, the
+        // vnode should not be considered dynamic due to handler caching.
+        vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) {
+        currentBlock.push(vnode);
+    }
+    return vnode;
+}
+const createVNode = ((process.env.NODE_ENV !== 'production') ? createVNodeWithArgsTransform : _createVNode);
+function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
+    if (!type || type === NULL_DYNAMIC_COMPONENT) {
+        if ((process.env.NODE_ENV !== 'production') && !type) {
+            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
         }
-        // an unmounted teleport should always remove its children if not disabled
-        if (doRemove || !isTeleportDisabled(props)) {
-            hostRemove(anchor);
-            if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-                for (let i = 0; i < children.length; i++) {
-                    const child = children[i];
-                    unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren);
-                }
-            }
+        type = Comment$1;
+    }
+    if (isVNode(type)) {
+        // createVNode receiving an existing vnode. This happens in cases like
+        // <component :is="vnode"/>
+        // #2078 make sure to merge refs during the clone instead of overwriting it
+        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
+        if (children) {
+            normalizeChildren(cloned, children);
         }
-    },
-    move: moveTeleport,
-    hydrate: hydrateTeleport
-};
-function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) {
-    // move target anchor if this is a target change.
-    if (moveType === 0 /* TARGET_CHANGE */) {
-        insert(vnode.targetAnchor, container, parentAnchor);
+        return cloned;
     }
-    const { el, anchor, shapeFlag, children, props } = vnode;
-    const isReorder = moveType === 2 /* REORDER */;
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(el, container, parentAnchor);
+    // class component normalization.
+    if (isClassComponent(type)) {
+        type = type.__vccOpts;
     }
-    // if this is a re-order and teleport is enabled (content is in target)
-    // do not move children. So the opposite is: only move children if this
-    // is not a reorder, or the teleport is disabled
-    if (!isReorder || isTeleportDisabled(props)) {
-        // Teleport has either Array children or no children.
-        if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            for (let i = 0; i < children.length; i++) {
-                move(children[i], container, parentAnchor, 2 /* REORDER */);
+    // class & style normalization.
+    if (props) {
+        // for reactive or proxy objects, we need to clone it to enable mutation.
+        props = guardReactiveProps(props);
+        let { class: klass, style } = props;
+        if (klass && !isString(klass)) {
+            props.class = normalizeClass(klass);
+        }
+        if (isObject$1(style)) {
+            // reactive state objects need to be cloned since they are likely to be
+            // mutated
+            if (isProxy(style) && !isArray(style)) {
+                style = extend({}, style);
             }
+            props.style = normalizeStyle(style);
         }
     }
-    // move main view anchor if this is a re-order.
-    if (isReorder) {
-        insert(anchor, container, parentAnchor);
+    // encode the vnode type information into a bitmap
+    const shapeFlag = isString(type)
+        ? 1 /* ELEMENT */
+        : isSuspense(type)
+            ? 128 /* SUSPENSE */
+            : isTeleport(type)
+                ? 64 /* TELEPORT */
+                : isObject$1(type)
+                    ? 4 /* STATEFUL_COMPONENT */
+                    : isFunction$1(type)
+                        ? 2 /* FUNCTIONAL_COMPONENT */
+                        : 0;
+    if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
+        type = toRaw(type);
+        warn$1(`Vue received a Component which was made a reactive object. This can ` +
+            `lead to unnecessary performance overhead, and should be avoided by ` +
+            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
+            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
     }
+    return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
+}
+function guardReactiveProps(props) {
+    if (!props)
+        return null;
+    return isProxy(props) || InternalObjectKey in props
+        ? extend({}, props)
+        : props;
+}
+function cloneVNode(vnode, extraProps, mergeRef = false) {
+    // This is intentionally NOT using spread or extend to avoid the runtime
+    // key enumeration cost.
+    const { props, ref, patchFlag, children } = vnode;
+    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
+    const cloned = {
+        __v_isVNode: true,
+        __v_skip: true,
+        type: vnode.type,
+        props: mergedProps,
+        key: mergedProps && normalizeKey(mergedProps),
+        ref: extraProps && extraProps.ref
+            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
+                // if the vnode itself already has a ref, cloneVNode will need to merge
+                // the refs so the single vnode can be set on multiple refs
+                mergeRef && ref
+                    ? isArray(ref)
+                        ? ref.concat(normalizeRef(extraProps))
+                        : [ref, normalizeRef(extraProps)]
+                    : normalizeRef(extraProps)
+            : ref,
+        scopeId: vnode.scopeId,
+        slotScopeIds: vnode.slotScopeIds,
+        children: (process.env.NODE_ENV !== 'production') && patchFlag === -1 /* HOISTED */ && isArray(children)
+            ? children.map(deepCloneVNode)
+            : children,
+        target: vnode.target,
+        targetAnchor: vnode.targetAnchor,
+        staticCount: vnode.staticCount,
+        shapeFlag: vnode.shapeFlag,
+        // if the vnode is cloned with extra props, we can no longer assume its
+        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
+        // note: perserve flag for fragments since they use the flag for children
+        // fast paths only.
+        patchFlag: extraProps && vnode.type !== Fragment
+            ? patchFlag === -1 // hoisted node
+                ? 16 /* FULL_PROPS */
+                : patchFlag | 16 /* FULL_PROPS */
+            : patchFlag,
+        dynamicProps: vnode.dynamicProps,
+        dynamicChildren: vnode.dynamicChildren,
+        appContext: vnode.appContext,
+        dirs: vnode.dirs,
+        transition: vnode.transition,
+        // These should technically only be non-null on mounted VNodes. However,
+        // they *should* be copied for kept-alive vnodes. So we just always copy
+        // them since them being non-null during a mount doesn't affect the logic as
+        // they will simply be overwritten.
+        component: vnode.component,
+        suspense: vnode.suspense,
+        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
+        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
+        el: vnode.el,
+        anchor: vnode.anchor
+    };
+    return cloned;
 }
-function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) {
-    const target = (vnode.target = resolveTarget(vnode.props, querySelector));
-    if (target) {
-        // if multiple teleports rendered to the same target element, we need to
-        // pick up from where the last teleport finished instead of the first node
-        const targetNode = target._lpa || target.firstChild;
-        if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) {
-            if (isTeleportDisabled(vnode.props)) {
-                vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-                vnode.targetAnchor = targetNode;
-            }
-            else {
-                vnode.anchor = nextSibling(node);
-                vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
-            }
-            target._lpa =
-                vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-        }
+/**
+ * Dev only, for HMR of hoisted vnodes reused in v-for
+ * https://github.com/vitejs/vite/issues/2022
+ */
+function deepCloneVNode(vnode) {
+    const cloned = cloneVNode(vnode);
+    if (isArray(vnode.children)) {
+        cloned.children = vnode.children.map(deepCloneVNode);
     }
-    return vnode.anchor && nextSibling(vnode.anchor);
+    return cloned;
 }
-// Force-casted public typing for h and TSX props inference
-const Teleport = TeleportImpl;
-
-const COMPONENTS = 'components';
-const DIRECTIVES = 'directives';
 /**
  * @private
  */
-function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+function createTextVNode(text = ' ', flag = 0) {
+    return createVNode(Text, null, text, flag);
 }
-const NULL_DYNAMIC_COMPONENT = Symbol();
 /**
  * @private
  */
-function resolveDynamicComponent(component) {
-    if (isString(component)) {
-        return resolveAsset(COMPONENTS, component, false) || component;
-    }
-    else {
-        // invalid types will fallthrough to createVNode and raise warning
-        return (component || NULL_DYNAMIC_COMPONENT);
-    }
+function createStaticVNode(content, numberOfNodes) {
+    // A static vnode can contain multiple stringified elements, and the number
+    // of elements is necessary for hydration.
+    const vnode = createVNode(Static, null, content);
+    vnode.staticCount = numberOfNodes;
+    return vnode;
 }
 /**
  * @private
  */
-function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
+function createCommentVNode(text = '', 
+// when used as the v-else branch, the comment node must be created as a
+// block to ensure correct updates.
+asBlock = false) {
+    return asBlock
+        ? (openBlock(), createBlock(Comment$1, null, text))
+        : createVNode(Comment$1, null, text);
 }
-// implementation
-function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    const instance = currentRenderingInstance || currentInstance;
-    if (instance) {
-        const Component = instance.type;
-        // explicit self name has highest priority
-        if (type === COMPONENTS) {
-            const selfName = getComponentName(Component);
-            if (selfName &&
-                (selfName === name ||
-                    selfName === camelize(name) ||
-                    selfName === capitalize(camelize(name)))) {
-                return Component;
+function normalizeVNode(child) {
+    if (child == null || typeof child === 'boolean') {
+        // empty placeholder
+        return createVNode(Comment$1);
+    }
+    else if (isArray(child)) {
+        // fragment
+        return createVNode(Fragment, null, 
+        // #3666, avoid reference pollution when reusing vnode
+        child.slice());
+    }
+    else if (typeof child === 'object') {
+        // already vnode, this should be the most common since compiled templates
+        // always produce all-vnode children arrays
+        return cloneIfMounted(child);
+    }
+    else {
+        // strings and numbers
+        return createVNode(Text, null, String(child));
+    }
+}
+// optimized normalization for template-compiled render fns
+function cloneIfMounted(child) {
+    return child.el === null || child.memo ? child : cloneVNode(child);
+}
+function normalizeChildren(vnode, children) {
+    let type = 0;
+    const { shapeFlag } = vnode;
+    if (children == null) {
+        children = null;
+    }
+    else if (isArray(children)) {
+        type = 16 /* ARRAY_CHILDREN */;
+    }
+    else if (typeof children === 'object') {
+        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
+            // Normalize slot to plain children for plain element and Teleport
+            const slot = children.default;
+            if (slot) {
+                // _c marker is added by withCtx() indicating this is a compiled slot
+                slot._c && (slot._d = false);
+                normalizeChildren(vnode, slot());
+                slot._c && (slot._d = true);
             }
+            return;
         }
-        const res = 
-        // local registration
-        // check instance[type] first which is resolved for options API
-        resolve(instance[type] || Component[type], name) ||
-            // global registration
-            resolve(instance.appContext[type], name);
-        if (!res && maybeSelfReference) {
-            // fallback to implicit self-reference
-            return Component;
-        }
-        if ((process.env.NODE_ENV !== 'production') && warnMissing && !res) {
-            warn(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+        else {
+            type = 32 /* SLOTS_CHILDREN */;
+            const slotFlag = children._;
+            if (!slotFlag && !(InternalObjectKey in children)) {
+                children._ctx = currentRenderingInstance;
+            }
+            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
+                // a child component receives forwarded slots from the parent.
+                // its slot type is determined by its parent's slot type.
+                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
+                    children._ = 1 /* STABLE */;
+                }
+                else {
+                    children._ = 2 /* DYNAMIC */;
+                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                }
+            }
         }
-        return res;
     }
-    else if ((process.env.NODE_ENV !== 'production')) {
-        warn(`resolve${capitalize(type.slice(0, -1))} ` +
-            `can only be used in render() or setup().`);
+    else if (isFunction$1(children)) {
+        children = { default: children, _ctx: currentRenderingInstance };
+        type = 32 /* SLOTS_CHILDREN */;
+    }
+    else {
+        children = String(children);
+        // force teleport children to array so it can be moved around
+        if (shapeFlag & 64 /* TELEPORT */) {
+            type = 16 /* ARRAY_CHILDREN */;
+            children = [createTextVNode(children)];
+        }
+        else {
+            type = 8 /* TEXT_CHILDREN */;
+        }
     }
+    vnode.children = children;
+    vnode.shapeFlag |= type;
 }
-function resolve(registry, name) {
-    return (registry &&
-        (registry[name] ||
-            registry[camelize(name)] ||
-            registry[capitalize(camelize(name))]));
+function mergeProps(...args) {
+    const ret = {};
+    for (let i = 0; i < args.length; i++) {
+        const toMerge = args[i];
+        for (const key in toMerge) {
+            if (key === 'class') {
+                if (ret.class !== toMerge.class) {
+                    ret.class = normalizeClass([ret.class, toMerge.class]);
+                }
+            }
+            else if (key === 'style') {
+                ret.style = normalizeStyle([ret.style, toMerge.style]);
+            }
+            else if (isOn(key)) {
+                const existing = ret[key];
+                const incoming = toMerge[key];
+                if (existing !== incoming) {
+                    ret[key] = existing
+                        ? [].concat(existing, incoming)
+                        : incoming;
+                }
+            }
+            else if (key !== '') {
+                ret[key] = toMerge[key];
+            }
+        }
+    }
+    return ret;
 }
 
-const Fragment = Symbol((process.env.NODE_ENV !== 'production') ? 'Fragment' : undefined);
-const Text = Symbol((process.env.NODE_ENV !== 'production') ? 'Text' : undefined);
-const Comment$1 = Symbol((process.env.NODE_ENV !== 'production') ? 'Comment' : undefined);
-const Static = Symbol((process.env.NODE_ENV !== 'production') ? 'Static' : undefined);
-// Since v-if and v-for are the two possible ways node structure can dynamically
-// change, once we consider v-if branches and each v-for fragment a block, we
-// can divide a template into nested blocks, and within each block the node
-// structure would be stable. This allows us to skip most children diffing
-// and only worry about the dynamic nodes (indicated by patch flags).
-const blockStack = [];
-let currentBlock = null;
 /**
- * Open a block.
- * This must be called before `createBlock`. It cannot be part of `createBlock`
- * because the children of the block are evaluated before `createBlock` itself
- * is called. The generated code typically looks like this:
- *
- * ```js
- * function render() {
- *   return (openBlock(),createBlock('div', null, [...]))
- * }
- * ```
- * disableTracking is true when creating a v-for fragment block, since a v-for
- * fragment always diffs its children.
- *
+ * Actual implementation
+ */
+function renderList(source, renderItem, cache, index) {
+    let ret;
+    const cached = (cache && cache[index]);
+    if (isArray(source) || isString(source)) {
+        ret = new Array(source.length);
+        for (let i = 0, l = source.length; i < l; i++) {
+            ret[i] = renderItem(source[i], i, undefined, cached && cached[i]);
+        }
+    }
+    else if (typeof source === 'number') {
+        if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
+            warn$1(`The v-for range expect an integer value but got ${source}.`);
+            return [];
+        }
+        ret = new Array(source);
+        for (let i = 0; i < source; i++) {
+            ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
+        }
+    }
+    else if (isObject$1(source)) {
+        if (source[Symbol.iterator]) {
+            ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i]));
+        }
+        else {
+            const keys = Object.keys(source);
+            ret = new Array(keys.length);
+            for (let i = 0, l = keys.length; i < l; i++) {
+                const key = keys[i];
+                ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+            }
+        }
+    }
+    else {
+        ret = [];
+    }
+    if (cache) {
+        cache[index] = ret;
+    }
+    return ret;
+}
+
+/**
+ * Compiler runtime helper for creating dynamic slots object
  * @private
  */
-function openBlock(disableTracking = false) {
-    blockStack.push((currentBlock = disableTracking ? null : []));
-}
-function closeBlock() {
-    blockStack.pop();
-    currentBlock = blockStack[blockStack.length - 1] || null;
-}
-// Whether we should be tracking dynamic child nodes inside a block.
-// Only tracks when this value is > 0
-// We are not using a simple boolean because this value may need to be
-// incremented/decremented by nested usage of v-once (see below)
-let isBlockTreeEnabled = 1;
+function createSlots(slots, dynamicSlots) {
+    for (let i = 0; i < dynamicSlots.length; i++) {
+        const slot = dynamicSlots[i];
+        // array of dynamic slot generated by <template v-for="..." #[...]>
+        if (isArray(slot)) {
+            for (let j = 0; j < slot.length; j++) {
+                slots[slot[j].name] = slot[j].fn;
+            }
+        }
+        else if (slot) {
+            // conditional single slot generated by <template v-if="..." #foo>
+            slots[slot.name] = slot.fn;
+        }
+    }
+    return slots;
+}
+
 /**
- * Block tracking sometimes needs to be disabled, for example during the
- * creation of a tree that needs to be cached by v-once. The compiler generates
- * code like this:
- *
- * ``` js
- * _cache[1] || (
- *   setBlockTracking(-1),
- *   _cache[1] = createVNode(...),
- *   setBlockTracking(1),
- *   _cache[1]
- * )
- * ```
- *
+ * Compiler runtime helper for rendering `<slot/>`
  * @private
  */
-function setBlockTracking(value) {
-    isBlockTreeEnabled += value;
+function renderSlot(slots, name, props = {}, 
+// this is not a user-facing function, so the fallback is always generated by
+// the compiler and guaranteed to be a function returning an array
+fallback, noSlotted) {
+    if (currentRenderingInstance.isCE) {
+        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+    }
+    let slot = slots[name];
+    if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
+        warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+            `function. You need to mark this component with $dynamic-slots in the ` +
+            `parent template.`);
+        slot = () => [];
+    }
+    // a compiled slot disables block tracking by default to avoid manual
+    // invocation interfering with template-based block tracking, but in
+    // `renderSlot` we can be sure that it's template-based so we can force
+    // enable it.
+    if (slot && slot._c) {
+        slot._d = false;
+    }
+    openBlock();
+    const validSlotContent = slot && ensureValidVNode(slot(props));
+    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
+        ? 64 /* STABLE_FRAGMENT */
+        : -2 /* BAIL */);
+    if (!noSlotted && rendered.scopeId) {
+        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    }
+    if (slot && slot._c) {
+        slot._d = true;
+    }
+    return rendered;
 }
+function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+        if (!isVNode(child))
+            return true;
+        if (child.type === Comment$1)
+            return false;
+        if (child.type === Fragment &&
+            !ensureValidVNode(child.children))
+            return false;
+        return true;
+    })
+        ? vnodes
+        : null;
+}
+
 /**
- * Create a block root vnode. Takes the same exact arguments as `createVNode`.
- * A block root keeps track of dynamic nodes within the block in the
- * `dynamicChildren` array.
- *
+ * For prefixing keys in v-on="obj" with "on"
  * @private
  */
-function createBlock(type, props, children, patchFlag, dynamicProps) {
-    const vnode = createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */);
-    // save current block children on the block vnode
-    vnode.dynamicChildren =
-        isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
-    // close block
-    closeBlock();
-    // a block is always going to be patched, so track it as a child of its
-    // parent block
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-        currentBlock.push(vnode);
+function toHandlers(obj) {
+    const ret = {};
+    if ((process.env.NODE_ENV !== 'production') && !isObject$1(obj)) {
+        warn$1(`v-on with no argument expects an object value.`);
+        return ret;
     }
-    return vnode;
-}
-function isVNode(value) {
-    return value ? value.__v_isVNode === true : false;
-}
-function isSameVNodeType(n1, n2) {
-    if ((process.env.NODE_ENV !== 'production') &&
-        n2.shapeFlag & 6 /* COMPONENT */ &&
-        hmrDirtyComponents.has(n2.type)) {
-        // HMR only: if the component has been hot-updated, force a reload.
-        return false;
+    for (const key in obj) {
+        ret[toHandlerKey(key)] = obj[key];
     }
-    return n1.type === n2.type && n1.key === n2.key;
-}
-let vnodeArgsTransformer;
+    return ret;
+}
+
 /**
- * Internal API for registering an arguments transform for createVNode
- * used for creating stubs in the test-utils
- * It is *internal* but needs to be exposed for test-utils to pick up proper
- * typings
+ * #2437 In Vue 3, functional components do not have a public instance proxy but
+ * they exist in the internal parent chain. For code that relies on traversing
+ * public $parent chains, skip functional ones and go to the parent instead.
  */
-function transformVNodeArgs(transformer) {
-    vnodeArgsTransformer = transformer;
-}
-const createVNodeWithArgsTransform = (...args) => {
-    return _createVNode(...(vnodeArgsTransformer
-        ? vnodeArgsTransformer(args, currentRenderingInstance)
-        : args));
-};
-const InternalObjectKey = `__vInternal`;
-const normalizeKey = ({ key }) => key != null ? key : null;
-const normalizeRef = ({ ref }) => {
-    return (ref != null
-        ? isString(ref) || isRef(ref) || isFunction$1(ref)
-            ? { i: currentRenderingInstance, r: ref }
-            : ref
-        : null);
+const getPublicInstance = (i) => {
+    if (!i)
+        return null;
+    if (isStatefulComponent(i))
+        return getExposeProxy(i) || i.proxy;
+    return getPublicInstance(i.parent);
 };
-const createVNode = ((process.env.NODE_ENV !== 'production')
-    ? createVNodeWithArgsTransform
-    : _createVNode);
-function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-        if ((process.env.NODE_ENV !== 'production') && !type) {
-            warn(`Invalid vnode type when creating vnode: ${type}.`);
+const publicPropertiesMap = extend(Object.create(null), {
+    $: i => i,
+    $el: i => i.vnode.el,
+    $data: i => i.data,
+    $props: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.props) : i.props),
+    $attrs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.attrs) : i.attrs),
+    $slots: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots),
+    $refs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.refs) : i.refs),
+    $parent: i => getPublicInstance(i.parent),
+    $root: i => getPublicInstance(i.root),
+    $emit: i => i.emit,
+    $options: i => (__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
+    $forceUpdate: i => () => queueJob(i.update),
+    $nextTick: i => nextTick.bind(i.proxy),
+    $watch: i => (__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
+});
+const PublicInstanceProxyHandlers = {
+    get({ _: instance }, key) {
+        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
+        // for internal formatters to know that this is a Vue instance
+        if ((process.env.NODE_ENV !== 'production') && key === '__isVue') {
+            return true;
+        }
+        // prioritize <script setup> bindings during dev.
+        // this allows even properties that start with _ or $ to be used - so that
+        // it aligns with the production behavior where the render fn is inlined and
+        // indeed has access to all declared variables.
+        if ((process.env.NODE_ENV !== 'production') &&
+            setupState !== EMPTY_OBJ &&
+            setupState.__isScriptSetup &&
+            hasOwn(setupState, key)) {
+            return setupState[key];
+        }
+        // data / props / ctx
+        // This getter gets called for every property access on the render context
+        // during render and is a major hotspot. The most expensive part of this
+        // is the multiple hasOwn() calls. It's much faster to do a simple property
+        // access on a plain object, so we use an accessCache object (with null
+        // prototype) to memoize what access type a key corresponds to.
+        let normalizedProps;
+        if (key[0] !== '$') {
+            const n = accessCache[key];
+            if (n !== undefined) {
+                switch (n) {
+                    case 0 /* SETUP */:
+                        return setupState[key];
+                    case 1 /* DATA */:
+                        return data[key];
+                    case 3 /* CONTEXT */:
+                        return ctx[key];
+                    case 2 /* PROPS */:
+                        return props[key];
+                    // default: just fallthrough
+                }
+            }
+            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+                accessCache[key] = 0 /* SETUP */;
+                return setupState[key];
+            }
+            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+                accessCache[key] = 1 /* DATA */;
+                return data[key];
+            }
+            else if (
+            // only cache other properties when instance has declared (thus stable)
+            // props
+            (normalizedProps = instance.propsOptions[0]) &&
+                hasOwn(normalizedProps, key)) {
+                accessCache[key] = 2 /* PROPS */;
+                return props[key];
+            }
+            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+                accessCache[key] = 3 /* CONTEXT */;
+                return ctx[key];
+            }
+            else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {
+                accessCache[key] = 4 /* OTHER */;
+            }
+        }
+        const publicGetter = publicPropertiesMap[key];
+        let cssModule, globalProperties;
+        // public $xxx properties
+        if (publicGetter) {
+            if (key === '$attrs') {
+                track(instance, "get" /* GET */, key);
+                (process.env.NODE_ENV !== 'production') && markAttrsAccessed();
+            }
+            return publicGetter(instance);
+        }
+        else if (
+        // css module (injected by vue-loader)
+        (cssModule = type.__cssModules) &&
+            (cssModule = cssModule[key])) {
+            return cssModule;
         }
-        type = Comment$1;
-    }
-    if (isVNode(type)) {
-        // createVNode receiving an existing vnode. This happens in cases like
-        // <component :is="vnode"/>
-        // #2078 make sure to merge refs during the clone instead of overwriting it
-        const cloned = cloneVNode(type, props, true /* mergeRef: true */);
-        if (children) {
-            normalizeChildren(cloned, children);
+        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
+            // user may set custom properties to `this` that start with `$`
+            accessCache[key] = 3 /* CONTEXT */;
+            return ctx[key];
         }
-        return cloned;
-    }
-    // class component normalization.
-    if (isClassComponent(type)) {
-        type = type.__vccOpts;
-    }
-    // class & style normalization.
-    if (props) {
-        // for reactive or proxy objects, we need to clone it to enable mutation.
-        if (isProxy(props) || InternalObjectKey in props) {
-            props = extend({}, props);
+        else if (
+        // global properties
+        ((globalProperties = appContext.config.globalProperties),
+            hasOwn(globalProperties, key))) {
+            {
+                return globalProperties[key];
+            }
         }
-        let { class: klass, style } = props;
-        if (klass && !isString(klass)) {
-            props.class = normalizeClass(klass);
+        else if ((process.env.NODE_ENV !== 'production') &&
+            currentRenderingInstance &&
+            (!isString(key) ||
+                // #1091 avoid internal isRef/isVNode checks on component instance leading
+                // to infinite warning loop
+                key.indexOf('__v') !== 0)) {
+            if (data !== EMPTY_OBJ &&
+                (key[0] === '$' || key[0] === '_') &&
+                hasOwn(data, key)) {
+                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                    `character ("$" or "_") and is not proxied on the render context.`);
+            }
+            else if (instance === currentRenderingInstance) {
+                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
+                    `but is not defined on instance.`);
+            }
         }
-        if (isObject$1(style)) {
-            // reactive state objects need to be cloned since they are likely to be
-            // mutated
-            if (isProxy(style) && !isArray(style)) {
-                style = extend({}, style);
+    },
+    set({ _: instance }, key, value) {
+        const { data, setupState, ctx } = instance;
+        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+            setupState[key] = value;
+        }
+        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
+            data[key] = value;
+        }
+        else if (hasOwn(instance.props, key)) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+            return false;
+        }
+        if (key[0] === '$' && key.slice(1) in instance) {
+            (process.env.NODE_ENV !== 'production') &&
+                warn$1(`Attempting to mutate public property "${key}". ` +
+                    `Properties starting with $ are reserved and readonly.`, instance);
+            return false;
+        }
+        else {
+            if ((process.env.NODE_ENV !== 'production') && key in instance.appContext.config.globalProperties) {
+                Object.defineProperty(ctx, key, {
+                    enumerable: true,
+                    configurable: true,
+                    value
+                });
+            }
+            else {
+                ctx[key] = value;
             }
-            props.style = normalizeStyle(style);
         }
+        return true;
+    },
+    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
+        let normalizedProps;
+        return (accessCache[key] !== undefined ||
+            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
+            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
+            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
+            hasOwn(ctx, key) ||
+            hasOwn(publicPropertiesMap, key) ||
+            hasOwn(appContext.config.globalProperties, key));
     }
-    // encode the vnode type information into a bitmap
-    const shapeFlag = isString(type)
-        ? 1 /* ELEMENT */
-        : isSuspense(type)
-            ? 128 /* SUSPENSE */
-            : isTeleport(type)
-                ? 64 /* TELEPORT */
-                : isObject$1(type)
-                    ? 4 /* STATEFUL_COMPONENT */
-                    : isFunction$1(type)
-                        ? 2 /* FUNCTIONAL_COMPONENT */
-                        : 0;
-    if ((process.env.NODE_ENV !== 'production') && shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) {
-        type = toRaw(type);
-        warn(`Vue received a Component which was made a reactive object. This can ` +
-            `lead to unnecessary performance overhead, and should be avoided by ` +
-            `marking the component with \`markRaw\` or using \`shallowRef\` ` +
-            `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
+};
+if ((process.env.NODE_ENV !== 'production') && !false) {
+    PublicInstanceProxyHandlers.ownKeys = (target) => {
+        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+            `The keys will be empty in production mode to avoid performance overhead.`);
+        return Reflect.ownKeys(target);
+    };
+}
+const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
+    get(target, key) {
+        // fast path for unscopables when using `with` block
+        if (key === Symbol.unscopables) {
+            return;
+        }
+        return PublicInstanceProxyHandlers.get(target, key, target);
+    },
+    has(_, key) {
+        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
+        if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
+            warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+        }
+        return has;
     }
-    const vnode = {
-        __v_isVNode: true,
-        __v_skip: true,
+});
+// dev only
+// In dev mode, the proxy target exposes the same properties as seen on `this`
+// for easier console inspection. In prod mode it will be an empty object so
+// these properties definitions can be skipped.
+function createDevRenderContext(instance) {
+    const target = {};
+    // expose internal instance for proxy handlers
+    Object.defineProperty(target, `_`, {
+        configurable: true,
+        enumerable: false,
+        get: () => instance
+    });
+    // expose public properties
+    Object.keys(publicPropertiesMap).forEach(key => {
+        Object.defineProperty(target, key, {
+            configurable: true,
+            enumerable: false,
+            get: () => publicPropertiesMap[key](instance),
+            // intercepted by the proxy so no need for implementation,
+            // but needed to prevent set errors
+            set: NOOP
+        });
+    });
+    return target;
+}
+// dev only
+function exposePropsOnRenderContext(instance) {
+    const { ctx, propsOptions: [propsOptions] } = instance;
+    if (propsOptions) {
+        Object.keys(propsOptions).forEach(key => {
+            Object.defineProperty(ctx, key, {
+                enumerable: true,
+                configurable: true,
+                get: () => instance.props[key],
+                set: NOOP
+            });
+        });
+    }
+}
+// dev only
+function exposeSetupStateOnRenderContext(instance) {
+    const { ctx, setupState } = instance;
+    Object.keys(toRaw(setupState)).forEach(key => {
+        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
+            warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                `which are reserved prefixes for Vue internals.`);
+            return;
+        }
+        Object.defineProperty(ctx, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => setupState[key],
+            set: NOOP
+        });
+    });
+}
+
+const emptyAppContext = createAppContext();
+let uid$1 = 0;
+function createComponentInstance(vnode, parent, suspense) {
+    const type = vnode.type;
+    // inherit parent app context - or - if root, adopt from root vnode
+    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
+    const instance = {
+        uid: uid$1++,
+        vnode,
         type,
-        props,
-        key: props && normalizeKey(props),
-        ref: props && normalizeRef(props),
-        scopeId: currentScopeId,
-        slotScopeIds: null,
-        children: null,
-        component: null,
-        suspense: null,
-        ssContent: null,
-        ssFallback: null,
-        dirs: null,
-        transition: null,
-        el: null,
-        anchor: null,
-        target: null,
-        targetAnchor: null,
-        shapeFlag,
-        patchFlag,
-        dynamicProps,
-        dynamicChildren: null,
-        appContext: null
+        parent,
+        appContext,
+        root: null,
+        next: null,
+        subTree: null,
+        update: null,
+        scope: new EffectScope(true /* detached */),
+        render: null,
+        proxy: null,
+        exposed: null,
+        exposeProxy: null,
+        withProxy: null,
+        provides: parent ? parent.provides : Object.create(appContext.provides),
+        accessCache: null,
+        renderCache: [],
+        // local resovled assets
+        components: null,
+        directives: null,
+        // resolved props and emits options
+        propsOptions: normalizePropsOptions(type, appContext),
+        emitsOptions: normalizeEmitsOptions(type, appContext),
+        // emit
+        emit: null,
+        emitted: null,
+        // props default value
+        propsDefaults: EMPTY_OBJ,
+        // inheritAttrs
+        inheritAttrs: type.inheritAttrs,
+        // state
+        ctx: EMPTY_OBJ,
+        data: EMPTY_OBJ,
+        props: EMPTY_OBJ,
+        attrs: EMPTY_OBJ,
+        slots: EMPTY_OBJ,
+        refs: EMPTY_OBJ,
+        setupState: EMPTY_OBJ,
+        setupContext: null,
+        // suspense related
+        suspense,
+        suspenseId: suspense ? suspense.pendingId : 0,
+        asyncDep: null,
+        asyncResolved: false,
+        // lifecycle hooks
+        // not using enums here because it results in computed properties
+        isMounted: false,
+        isUnmounted: false,
+        isDeactivated: false,
+        bc: null,
+        c: null,
+        bm: null,
+        m: null,
+        bu: null,
+        u: null,
+        um: null,
+        bum: null,
+        bda: null,
+        da: null,
+        ba: null,
+        a: null,
+        rtg: null,
+        rtc: null,
+        ec: null,
+        sp: null
     };
-    // validate key
-    if ((process.env.NODE_ENV !== 'production') && vnode.key !== vnode.key) {
-        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+    if ((process.env.NODE_ENV !== 'production')) {
+        instance.ctx = createDevRenderContext(instance);
     }
-    normalizeChildren(vnode, children);
-    // normalize suspense children
-    if (shapeFlag & 128 /* SUSPENSE */) {
-        type.normalize(vnode);
+    else {
+        instance.ctx = { _: instance };
     }
-    if (isBlockTreeEnabled > 0 &&
-        // avoid a block node from tracking itself
-        !isBlockNode &&
-        // has current parent block
-        currentBlock &&
-        // presence of a patch flag indicates this node needs patching on updates.
-        // component nodes also should always be patched, because even if the
-        // component doesn't need to update, it needs to persist the instance on to
-        // the next vnode so that it can be properly unmounted later.
-        (patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) &&
-        // the EVENTS flag is only for hydration and if it is the only flag, the
-        // vnode should not be considered dynamic due to handler caching.
-        patchFlag !== 32 /* HYDRATE_EVENTS */) {
-        currentBlock.push(vnode);
+    instance.root = parent ? parent.root : instance;
+    instance.emit = emit.bind(null, instance);
+    // apply custom element special handling
+    if (vnode.ce) {
+        vnode.ce(instance);
     }
-    return vnode;
-}
-function cloneVNode(vnode, extraProps, mergeRef = false) {
-    // This is intentionally NOT using spread or extend to avoid the runtime
-    // key enumeration cost.
-    const { props, ref, patchFlag, children } = vnode;
-    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    const cloned = {
-        __v_isVNode: true,
-        __v_skip: true,
-        type: vnode.type,
-        props: mergedProps,
-        key: mergedProps && normalizeKey(mergedProps),
-        ref: extraProps && extraProps.ref
-            ? // #2078 in the case of <component :is="vnode" ref="extra"/>
-                // if the vnode itself already has a ref, cloneVNode will need to merge
-                // the refs so the single vnode can be set on multiple refs
-                mergeRef && ref
-                    ? isArray(ref)
-                        ? ref.concat(normalizeRef(extraProps))
-                        : [ref, normalizeRef(extraProps)]
-                    : normalizeRef(extraProps)
-            : ref,
-        scopeId: vnode.scopeId,
-        slotScopeIds: vnode.slotScopeIds,
-        children: (process.env.NODE_ENV !== 'production') && patchFlag === -1 /* HOISTED */ && isArray(children)
-            ? children.map(deepCloneVNode)
-            : children,
-        target: vnode.target,
-        targetAnchor: vnode.targetAnchor,
-        staticCount: vnode.staticCount,
-        staticCache: vnode.staticCache,
-        shapeFlag: vnode.shapeFlag,
-        // if the vnode is cloned with extra props, we can no longer assume its
-        // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-        // note: perserve flag for fragments since they use the flag for children
-        // fast paths only.
-        patchFlag: extraProps && vnode.type !== Fragment
-            ? patchFlag === -1 // hoisted node
-                ? 16 /* FULL_PROPS */
-                : patchFlag | 16 /* FULL_PROPS */
-            : patchFlag,
-        dynamicProps: vnode.dynamicProps,
-        dynamicChildren: vnode.dynamicChildren,
-        appContext: vnode.appContext,
-        dirs: vnode.dirs,
-        transition: vnode.transition,
-        // These should technically only be non-null on mounted VNodes. However,
-        // they *should* be copied for kept-alive vnodes. So we just always copy
-        // them since them being non-null during a mount doesn't affect the logic as
-        // they will simply be overwritten.
-        component: vnode.component,
-        suspense: vnode.suspense,
-        ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
-        ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
-        el: vnode.el,
-        anchor: vnode.anchor
-    };
-    return cloned;
+    return instance;
 }
-/**
- * Dev only, for HMR of hoisted vnodes reused in v-for
- * https://github.com/vitejs/vite/issues/2022
- */
-function deepCloneVNode(vnode) {
-    const cloned = cloneVNode(vnode);
-    if (isArray(vnode.children)) {
-        cloned.children = vnode.children.map(deepCloneVNode);
+let currentInstance = null;
+const getCurrentInstance = () => currentInstance || currentRenderingInstance;
+const setCurrentInstance = (instance) => {
+    currentInstance = instance;
+    instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+    currentInstance && currentInstance.scope.off();
+    currentInstance = null;
+};
+const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
+function validateComponentName(name, config) {
+    const appIsNativeTag = config.isNativeTag || NO;
+    if (isBuiltInTag(name) || appIsNativeTag(name)) {
+        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
-    return cloned;
-}
-/**
- * @private
- */
-function createTextVNode(text = ' ', flag = 0) {
-    return createVNode(Text, null, text, flag);
 }
-/**
- * @private
- */
-function createStaticVNode(content, numberOfNodes) {
-    // A static vnode can contain multiple stringified elements, and the number
-    // of elements is necessary for hydration.
-    const vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
+function isStatefulComponent(instance) {
+    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
 }
-/**
- * @private
- */
-function createCommentVNode(text = '', 
-// when used as the v-else branch, the comment node must be created as a
-// block to ensure correct updates.
-asBlock = false) {
-    return asBlock
-        ? (openBlock(), createBlock(Comment$1, null, text))
-        : createVNode(Comment$1, null, text);
+let isInSSRComponentSetup = false;
+function setupComponent(instance, isSSR = false) {
+    isInSSRComponentSetup = isSSR;
+    const { props, children } = instance.vnode;
+    const isStateful = isStatefulComponent(instance);
+    initProps(instance, props, isStateful, isSSR);
+    initSlots(instance, children);
+    const setupResult = isStateful
+        ? setupStatefulComponent(instance, isSSR)
+        : undefined;
+    isInSSRComponentSetup = false;
+    return setupResult;
 }
-function normalizeVNode(child) {
-    if (child == null || typeof child === 'boolean') {
-        // empty placeholder
-        return createVNode(Comment$1);
+function setupStatefulComponent(instance, isSSR) {
+    const Component = instance.type;
+    if ((process.env.NODE_ENV !== 'production')) {
+        if (Component.name) {
+            validateComponentName(Component.name, instance.appContext.config);
+        }
+        if (Component.components) {
+            const names = Object.keys(Component.components);
+            for (let i = 0; i < names.length; i++) {
+                validateComponentName(names[i], instance.appContext.config);
+            }
+        }
+        if (Component.directives) {
+            const names = Object.keys(Component.directives);
+            for (let i = 0; i < names.length; i++) {
+                validateDirectiveName(names[i]);
+            }
+        }
+        if (Component.compilerOptions && isRuntimeOnly()) {
+            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+                `includes the runtime compiler. Since you are using a runtime-only ` +
+                `build, the options should be passed via your build tool config instead.`);
+        }
     }
-    else if (isArray(child)) {
-        // fragment
-        return createVNode(Fragment, null, 
-        // #3666, avoid reference pollution when reusing vnode
-        child.slice());
+    // 0. create render proxy property access cache
+    instance.accessCache = Object.create(null);
+    // 1. create public instance / render proxy
+    // also mark it raw so it's never observed
+    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    if ((process.env.NODE_ENV !== 'production')) {
+        exposePropsOnRenderContext(instance);
     }
-    else if (typeof child === 'object') {
-        // already vnode, this should be the most common since compiled templates
-        // always produce all-vnode children arrays
-        return cloneIfMounted(child);
+    // 2. call setup()
+    const { setup } = Component;
+    if (setup) {
+        const setupContext = (instance.setupContext =
+            setup.length > 1 ? createSetupContext(instance) : null);
+        setCurrentInstance(instance);
+        pauseTracking();
+        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
+        resetTracking();
+        unsetCurrentInstance();
+        if (isPromise$1(setupResult)) {
+            setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
+            if (isSSR) {
+                // return the promise so server-renderer can wait on it
+                return setupResult
+                    .then((resolvedResult) => {
+                    handleSetupResult(instance, resolvedResult, isSSR);
+                })
+                    .catch(e => {
+                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
+                });
+            }
+            else {
+                // async setup returned Promise.
+                // bail here and wait for re-entry.
+                instance.asyncDep = setupResult;
+            }
+        }
+        else {
+            handleSetupResult(instance, setupResult, isSSR);
+        }
     }
     else {
-        // strings and numbers
-        return createVNode(Text, null, String(child));
+        finishComponentSetup(instance, isSSR);
     }
 }
-// optimized normalization for template-compiled render fns
-function cloneIfMounted(child) {
-    return child.el === null ? child : cloneVNode(child);
-}
-function normalizeChildren(vnode, children) {
-    let type = 0;
-    const { shapeFlag } = vnode;
-    if (children == null) {
-        children = null;
+function handleSetupResult(instance, setupResult, isSSR) {
+    if (isFunction$1(setupResult)) {
+        // setup returned an inline render function
+        {
+            instance.render = setupResult;
+        }
+    }
+    else if (isObject$1(setupResult)) {
+        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
+            warn$1(`setup() should not return VNodes directly - ` +
+                `return a render function instead.`);
+        }
+        // setup returned bindings.
+        // assuming a render function compiled from template is present.
+        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
+            instance.devtoolsRawSetupState = setupResult;
+        }
+        instance.setupState = proxyRefs(setupResult);
+        if ((process.env.NODE_ENV !== 'production')) {
+            exposeSetupStateOnRenderContext(instance);
+        }
     }
-    else if (isArray(children)) {
-        type = 16 /* ARRAY_CHILDREN */;
+    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
+        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
     }
-    else if (typeof children === 'object') {
-        if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
-            // Normalize slot to plain children for plain element and Teleport
-            const slot = children.default;
-            if (slot) {
-                // _c marker is added by withCtx() indicating this is a compiled slot
-                slot._c && (slot._d = false);
-                normalizeChildren(vnode, slot());
-                slot._c && (slot._d = true);
-            }
-            return;
+    finishComponentSetup(instance, isSSR);
+}
+let compile;
+let installWithProxy;
+/**
+ * For runtime-dom to register the compiler.
+ * Note the exported method uses any to avoid d.ts relying on the compiler types.
+ */
+function registerRuntimeCompiler(_compile) {
+    compile = _compile;
+    installWithProxy = i => {
+        if (i.render._rc) {
+            i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
         }
-        else {
-            type = 32 /* SLOTS_CHILDREN */;
-            const slotFlag = children._;
-            if (!slotFlag && !(InternalObjectKey in children)) {
-                children._ctx = currentRenderingInstance;
-            }
-            else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) {
-                // a child component receives forwarded slots from the parent.
-                // its slot type is determined by its parent's slot type.
-                if (currentRenderingInstance.slots._ === 1 /* STABLE */) {
-                    children._ = 1 /* STABLE */;
+    };
+}
+// dev only
+const isRuntimeOnly = () => !compile;
+function finishComponentSetup(instance, isSSR, skipOptions) {
+    const Component = instance.type;
+    // template / render function normalization
+    if (!instance.render) {
+        // could be set from setup()
+        if (compile && !Component.render) {
+            const template = Component.template;
+            if (template) {
+                if ((process.env.NODE_ENV !== 'production')) {
+                    startMeasure(instance, `compile`);
                 }
-                else {
-                    children._ = 2 /* DYNAMIC */;
-                    vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */;
+                const { isCustomElement, compilerOptions } = instance.appContext.config;
+                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
+                const finalCompilerOptions = extend(extend({
+                    isCustomElement,
+                    delimiters
+                }, compilerOptions), componentCompilerOptions);
+                Component.render = compile(template, finalCompilerOptions);
+                if ((process.env.NODE_ENV !== 'production')) {
+                    endMeasure(instance, `compile`);
                 }
             }
         }
+        instance.render = (Component.render || NOOP);
+        // for runtime-compiled render functions using `with` blocks, the render
+        // proxy used needs a different `has` handler which is more performant and
+        // also only allows a whitelist of globals to fallthrough.
+        if (installWithProxy) {
+            installWithProxy(instance);
+        }
     }
-    else if (isFunction$1(children)) {
-        children = { default: children, _ctx: currentRenderingInstance };
-        type = 32 /* SLOTS_CHILDREN */;
+    // support for 2.x options
+    if (__VUE_OPTIONS_API__ && !(false )) {
+        setCurrentInstance(instance);
+        pauseTracking();
+        applyOptions(instance);
+        resetTracking();
+        unsetCurrentInstance();
     }
-    else {
-        children = String(children);
-        // force teleport children to array so it can be moved around
-        if (shapeFlag & 64 /* TELEPORT */) {
-            type = 16 /* ARRAY_CHILDREN */;
-            children = [createTextVNode(children)];
+    // warn missing template/render
+    // the runtime compilation of template in SSR is done by server-render
+    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
+        /* istanbul ignore if */
+        if (!compile && Component.template) {
+            warn$1(`Component provided template option but ` +
+                `runtime compilation is not supported in this build of Vue.` +
+                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
+                    ) /* should not happen */);
         }
         else {
-            type = 8 /* TEXT_CHILDREN */;
+            warn$1(`Component is missing template or render function.`);
         }
     }
-    vnode.children = children;
-    vnode.shapeFlag |= type;
 }
-function mergeProps(...args) {
-    const ret = extend({}, args[0]);
-    for (let i = 1; i < args.length; i++) {
-        const toMerge = args[i];
-        for (const key in toMerge) {
-            if (key === 'class') {
-                if (ret.class !== toMerge.class) {
-                    ret.class = normalizeClass([ret.class, toMerge.class]);
-                }
+function createAttrsProxy(instance) {
+    return new Proxy(instance.attrs, (process.env.NODE_ENV !== 'production')
+        ? {
+            get(target, key) {
+                markAttrsAccessed();
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
+            },
+            set() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
+            },
+            deleteProperty() {
+                warn$1(`setupContext.attrs is readonly.`);
+                return false;
             }
-            else if (key === 'style') {
-                ret.style = normalizeStyle([ret.style, toMerge.style]);
+        }
+        : {
+            get(target, key) {
+                track(instance, "get" /* GET */, '$attrs');
+                return target[key];
             }
-            else if (isOn(key)) {
-                const existing = ret[key];
-                const incoming = toMerge[key];
-                if (existing !== incoming) {
-                    ret[key] = existing
-                        ? [].concat(existing, incoming)
-                        : incoming;
+        });
+}
+function createSetupContext(instance) {
+    const expose = exposed => {
+        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
+            warn$1(`expose() should be called only once per setup().`);
+        }
+        instance.exposed = exposed || {};
+    };
+    let attrs;
+    if ((process.env.NODE_ENV !== 'production')) {
+        // We use getters in dev in case libs like test-utils overwrite instance
+        // properties (overwrites should not be done in prod)
+        return Object.freeze({
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            get slots() {
+                return shallowReadonly(instance.slots);
+            },
+            get emit() {
+                return (event, ...args) => instance.emit(event, ...args);
+            },
+            expose
+        });
+    }
+    else {
+        return {
+            get attrs() {
+                return attrs || (attrs = createAttrsProxy(instance));
+            },
+            slots: instance.slots,
+            emit: instance.emit,
+            expose
+        };
+    }
+}
+function getExposeProxy(instance) {
+    if (instance.exposed) {
+        return (instance.exposeProxy ||
+            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+                get(target, key) {
+                    if (key in target) {
+                        return target[key];
+                    }
+                    else if (key in publicPropertiesMap) {
+                        return publicPropertiesMap[key](instance);
+                    }
                 }
-            }
-            else if (key !== '') {
-                ret[key] = toMerge[key];
-            }
+            })));
+    }
+}
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return isFunction$1(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
+}
+/* istanbul ignore next */
+function formatComponentName(instance, Component, isRoot = false) {
+    let name = getComponentName(Component);
+    if (!name && Component.__file) {
+        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
+        if (match) {
+            name = match[1];
         }
     }
-    return ret;
+    if (!name && instance && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
+                }
+            }
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    }
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+}
+function isClassComponent(value) {
+    return isFunction$1(value) && '__vccOpts' in value;
 }
 
-/**
- * Actual implementation
- */
-function renderList(source, renderItem) {
-    let ret;
-    if (isArray(source) || isString(source)) {
-        ret = new Array(source.length);
-        for (let i = 0, l = source.length; i < l; i++) {
-            ret[i] = renderItem(source[i], i);
-        }
+const stack = [];
+function pushWarningContext(vnode) {
+    stack.push(vnode);
+}
+function popWarningContext() {
+    stack.pop();
+}
+function warn$1(msg, ...args) {
+    // avoid props formatting or warn handler tracking deps that might be mutated
+    // during patch, leading to infinite recursion.
+    pauseTracking();
+    const instance = stack.length ? stack[stack.length - 1].component : null;
+    const appWarnHandler = instance && instance.appContext.config.warnHandler;
+    const trace = getComponentTrace();
+    if (appWarnHandler) {
+        callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
+            msg + args.join(''),
+            instance && instance.proxy,
+            trace
+                .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
+                .join('\n'),
+            trace
+        ]);
     }
-    else if (typeof source === 'number') {
-        if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
-            warn(`The v-for range expect an integer value but got ${source}.`);
-            return [];
-        }
-        ret = new Array(source);
-        for (let i = 0; i < source; i++) {
-            ret[i] = renderItem(i + 1, i);
+    else {
+        const warnArgs = [`[Vue warn]: ${msg}`, ...args];
+        /* istanbul ignore if */
+        if (trace.length &&
+            // avoid spamming console during tests
+            !false) {
+            warnArgs.push(`\n`, ...formatTrace(trace));
         }
+        console.warn(...warnArgs);
     }
-    else if (isObject$1(source)) {
-        if (source[Symbol.iterator]) {
-            ret = Array.from(source, renderItem);
+    resetTracking();
+}
+function getComponentTrace() {
+    let currentVNode = stack[stack.length - 1];
+    if (!currentVNode) {
+        return [];
+    }
+    // we can't just use the stack because it will be incomplete during updates
+    // that did not start from the root. Re-construct the parent chain using
+    // instance parent pointers.
+    const normalizedStack = [];
+    while (currentVNode) {
+        const last = normalizedStack[0];
+        if (last && last.vnode === currentVNode) {
+            last.recurseCount++;
         }
         else {
-            const keys = Object.keys(source);
-            ret = new Array(keys.length);
-            for (let i = 0, l = keys.length; i < l; i++) {
-                const key = keys[i];
-                ret[i] = renderItem(source[key], key, i);
-            }
+            normalizedStack.push({
+                vnode: currentVNode,
+                recurseCount: 0
+            });
         }
+        const parentInstance = currentVNode.component && currentVNode.component.parent;
+        currentVNode = parentInstance && parentInstance.vnode;
     }
-    else {
-        ret = [];
+    return normalizedStack;
+}
+/* istanbul ignore next */
+function formatTrace(trace) {
+    const logs = [];
+    trace.forEach((entry, i) => {
+        logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
+    });
+    return logs;
+}
+function formatTraceEntry({ vnode, recurseCount }) {
+    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
+    const isRoot = vnode.component ? vnode.component.parent == null : false;
+    const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
+    const close = `>` + postfix;
+    return vnode.props
+        ? [open, ...formatProps(vnode.props), close]
+        : [open + close];
+}
+/* istanbul ignore next */
+function formatProps(props) {
+    const res = [];
+    const keys = Object.keys(props);
+    keys.slice(0, 3).forEach(key => {
+        res.push(...formatProp(key, props[key]));
+    });
+    if (keys.length > 3) {
+        res.push(` ...`);
     }
-    return ret;
-}
-
-/**
- * Compiler runtime helper for creating dynamic slots object
- * @private
- */
-function createSlots(slots, dynamicSlots) {
-    for (let i = 0; i < dynamicSlots.length; i++) {
-        const slot = dynamicSlots[i];
-        // array of dynamic slot generated by <template v-for="..." #[...]>
-        if (isArray(slot)) {
-            for (let j = 0; j < slot.length; j++) {
-                slots[slot[j].name] = slot[j].fn;
-            }
-        }
-        else if (slot) {
-            // conditional single slot generated by <template v-if="..." #foo>
-            slots[slot.name] = slot.fn;
-        }
+    return res;
+}
+/* istanbul ignore next */
+function formatProp(key, value, raw) {
+    if (isString(value)) {
+        value = JSON.stringify(value);
+        return raw ? value : [`${key}=${value}`];
     }
-    return slots;
-}
-
-/**
- * Compiler runtime helper for rendering `<slot/>`
- * @private
- */
-function renderSlot(slots, name, props = {}, 
-// this is not a user-facing function, so the fallback is always generated by
-// the compiler and guaranteed to be a function returning an array
-fallback, noSlotted) {
-    let slot = slots[name];
-    if ((process.env.NODE_ENV !== 'production') && slot && slot.length > 1) {
-        warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
-            `function. You need to mark this component with $dynamic-slots in the ` +
-            `parent template.`);
-        slot = () => [];
+    else if (typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        value == null) {
+        return raw ? value : [`${key}=${value}`];
     }
-    // a compiled slot disables block tracking by default to avoid manual
-    // invocation interfering with template-based block tracking, but in
-    // `renderSlot` we can be sure that it's template-based so we can force
-    // enable it.
-    if (slot && slot._c) {
-        slot._d = false;
+    else if (isRef(value)) {
+        value = formatProp(key, toRaw(value.value), true);
+        return raw ? value : [`${key}=Ref<`, value, `>`];
     }
-    openBlock();
-    const validSlotContent = slot && ensureValidVNode(slot(props));
-    const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */
-        ? 64 /* STABLE_FRAGMENT */
-        : -2 /* BAIL */);
-    if (!noSlotted && rendered.scopeId) {
-        rendered.slotScopeIds = [rendered.scopeId + '-s'];
+    else if (isFunction$1(value)) {
+        return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
     }
-    if (slot && slot._c) {
-        slot._d = true;
+    else {
+        value = toRaw(value);
+        return raw ? value : [`${key}=`, value];
     }
-    return rendered;
-}
-function ensureValidVNode(vnodes) {
-    return vnodes.some(child => {
-        if (!isVNode(child))
-            return true;
-        if (child.type === Comment$1)
-            return false;
-        if (child.type === Fragment &&
-            !ensureValidVNode(child.children))
-            return false;
-        return true;
-    })
-        ? vnodes
-        : null;
 }
 
-/**
- * For prefixing keys in v-on="obj" with "on"
- * @private
- */
-function toHandlers(obj) {
-    const ret = {};
-    if ((process.env.NODE_ENV !== 'production') && !isObject$1(obj)) {
-        warn(`v-on with no argument expects an object value.`);
-        return ret;
+const ErrorTypeStrings = {
+    ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
+    ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
+    ["c" /* CREATED */]: 'created hook',
+    ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
+    ["m" /* MOUNTED */]: 'mounted hook',
+    ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
+    ["u" /* UPDATED */]: 'updated',
+    ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
+    ["um" /* UNMOUNTED */]: 'unmounted hook',
+    ["a" /* ACTIVATED */]: 'activated hook',
+    ["da" /* DEACTIVATED */]: 'deactivated hook',
+    ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
+    ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
+    ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
+    [0 /* SETUP_FUNCTION */]: 'setup function',
+    [1 /* RENDER_FUNCTION */]: 'render function',
+    [2 /* WATCH_GETTER */]: 'watcher getter',
+    [3 /* WATCH_CALLBACK */]: 'watcher callback',
+    [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
+    [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
+    [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
+    [7 /* VNODE_HOOK */]: 'vnode hook',
+    [8 /* DIRECTIVE_HOOK */]: 'directive hook',
+    [9 /* TRANSITION_HOOK */]: 'transition hook',
+    [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
+    [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
+    [12 /* FUNCTION_REF */]: 'ref function',
+    [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
+    [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+};
+function callWithErrorHandling(fn, instance, type, args) {
+    let res;
+    try {
+        res = args ? fn(...args) : fn();
     }
-    for (const key in obj) {
-        ret[toHandlerKey(key)] = obj[key];
+    catch (err) {
+        handleError(err, instance, type);
     }
-    return ret;
-}
-
-/**
- * #2437 In Vue 3, functional components do not have a public instance proxy but
- * they exist in the internal parent chain. For code that relies on traversing
- * public $parent chains, skip functional ones and go to the parent instead.
- */
-const getPublicInstance = (i) => {
-    if (!i)
-        return null;
-    if (isStatefulComponent(i))
-        return getExposeProxy(i) || i.proxy;
-    return getPublicInstance(i.parent);
-};
-const publicPropertiesMap = extend(Object.create(null), {
-    $: i => i,
-    $el: i => i.vnode.el,
-    $data: i => i.data,
-    $props: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.props) : i.props),
-    $attrs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.attrs) : i.attrs),
-    $slots: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.slots) : i.slots),
-    $refs: i => ((process.env.NODE_ENV !== 'production') ? shallowReadonly(i.refs) : i.refs),
-    $parent: i => getPublicInstance(i.parent),
-    $root: i => getPublicInstance(i.root),
-    $emit: i => i.emit,
-    $options: i => (__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
-    $forceUpdate: i => () => queueJob(i.update),
-    $nextTick: i => nextTick.bind(i.proxy),
-    $watch: i => (__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
-});
-const PublicInstanceProxyHandlers = {
-    get({ _: instance }, key) {
-        const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-        // for internal formatters to know that this is a Vue instance
-        if ((process.env.NODE_ENV !== 'production') && key === '__isVue') {
-            return true;
-        }
-        // prioritize <script setup> bindings during dev.
-        // this allows even properties that start with _ or $ to be used - so that
-        // it aligns with the production behavior where the render fn is inlined and
-        // indeed has access to all declared variables.
-        if ((process.env.NODE_ENV !== 'production') &&
-            setupState !== EMPTY_OBJ &&
-            setupState.__isScriptSetup &&
-            hasOwn(setupState, key)) {
-            return setupState[key];
+    return res;
+}
+function callWithAsyncErrorHandling(fn, instance, type, args) {
+    if (isFunction$1(fn)) {
+        const res = callWithErrorHandling(fn, instance, type, args);
+        if (res && isPromise$1(res)) {
+            res.catch(err => {
+                handleError(err, instance, type);
+            });
         }
-        // data / props / ctx
-        // This getter gets called for every property access on the render context
-        // during render and is a major hotspot. The most expensive part of this
-        // is the multiple hasOwn() calls. It's much faster to do a simple property
-        // access on a plain object, so we use an accessCache object (with null
-        // prototype) to memoize what access type a key corresponds to.
-        let normalizedProps;
-        if (key[0] !== '$') {
-            const n = accessCache[key];
-            if (n !== undefined) {
-                switch (n) {
-                    case 0 /* SETUP */:
-                        return setupState[key];
-                    case 1 /* DATA */:
-                        return data[key];
-                    case 3 /* CONTEXT */:
-                        return ctx[key];
-                    case 2 /* PROPS */:
-                        return props[key];
-                    // default: just fallthrough
+        return res;
+    }
+    const values = [];
+    for (let i = 0; i < fn.length; i++) {
+        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    }
+    return values;
+}
+function handleError(err, instance, type, throwInDev = true) {
+    const contextVNode = instance ? instance.vnode : null;
+    if (instance) {
+        let cur = instance.parent;
+        // the exposed instance is the render proxy to keep it consistent with 2.x
+        const exposedInstance = instance.proxy;
+        // in production the hook receives only the error code
+        const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
+        while (cur) {
+            const errorCapturedHooks = cur.ec;
+            if (errorCapturedHooks) {
+                for (let i = 0; i < errorCapturedHooks.length; i++) {
+                    if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+                        return;
+                    }
                 }
             }
-            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-                accessCache[key] = 0 /* SETUP */;
-                return setupState[key];
-            }
-            else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-                accessCache[key] = 1 /* DATA */;
-                return data[key];
-            }
-            else if (
-            // only cache other properties when instance has declared (thus stable)
-            // props
-            (normalizedProps = instance.propsOptions[0]) &&
-                hasOwn(normalizedProps, key)) {
-                accessCache[key] = 2 /* PROPS */;
-                return props[key];
-            }
-            else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-                accessCache[key] = 3 /* CONTEXT */;
-                return ctx[key];
-            }
-            else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) {
-                accessCache[key] = 4 /* OTHER */;
-            }
+            cur = cur.parent;
         }
-        const publicGetter = publicPropertiesMap[key];
-        let cssModule, globalProperties;
-        // public $xxx properties
-        if (publicGetter) {
-            if (key === '$attrs') {
-                track(instance, "get" /* GET */, key);
-                (process.env.NODE_ENV !== 'production') && markAttrsAccessed();
-            }
-            return publicGetter(instance);
+        // app-level handling
+        const appErrorHandler = instance.appContext.config.errorHandler;
+        if (appErrorHandler) {
+            callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
+            return;
         }
-        else if (
-        // css module (injected by vue-loader)
-        (cssModule = type.__cssModules) &&
-            (cssModule = cssModule[key])) {
-            return cssModule;
+    }
+    logError(err, type, contextVNode, throwInDev);
+}
+function logError(err, type, contextVNode, throwInDev = true) {
+    if ((process.env.NODE_ENV !== 'production')) {
+        const info = ErrorTypeStrings[type];
+        if (contextVNode) {
+            pushWarningContext(contextVNode);
         }
-        else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-            // user may set custom properties to `this` that start with `$`
-            accessCache[key] = 3 /* CONTEXT */;
-            return ctx[key];
+        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        if (contextVNode) {
+            popWarningContext();
         }
-        else if (
-        // global properties
-        ((globalProperties = appContext.config.globalProperties),
-            hasOwn(globalProperties, key))) {
-            {
-                return globalProperties[key];
-            }
+        // crash in dev by default so it's more noticeable
+        if (throwInDev) {
+            throw err;
         }
-        else if ((process.env.NODE_ENV !== 'production') &&
-            currentRenderingInstance &&
-            (!isString(key) ||
-                // #1091 avoid internal isRef/isVNode checks on component instance leading
-                // to infinite warning loop
-                key.indexOf('__v') !== 0)) {
-            if (data !== EMPTY_OBJ &&
-                (key[0] === '$' || key[0] === '_') &&
-                hasOwn(data, key)) {
-                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
-                    `character ("$" or "_") and is not proxied on the render context.`);
-            }
-            else if (instance === currentRenderingInstance) {
-                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
-                    `but is not defined on instance.`);
-            }
+        else {
+            console.error(err);
         }
-    },
-    set({ _: instance }, key, value) {
-        const { data, setupState, ctx } = instance;
-        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
-            setupState[key] = value;
+    }
+    else {
+        // recover in prod to reduce the impact on end-user
+        console.error(err);
+    }
+}
+
+let isFlushing = false;
+let isFlushPending = false;
+const queue = [];
+let flushIndex = 0;
+const pendingPreFlushCbs = [];
+let activePreFlushCbs = null;
+let preFlushIndex = 0;
+const pendingPostFlushCbs = [];
+let activePostFlushCbs = null;
+let postFlushIndex = 0;
+const resolvedPromise = Promise.resolve();
+let currentFlushPromise = null;
+let currentPreFlushParentJob = null;
+const RECURSION_LIMIT = 100;
+function nextTick(fn) {
+    const p = currentFlushPromise || resolvedPromise;
+    return fn ? p.then(this ? fn.bind(this) : fn) : p;
+}
+// #2768
+// Use binary-search to find a suitable position in the queue,
+// so that the queue maintains the increasing order of job's id,
+// which can prevent the job from being skipped and also can avoid repeated patching.
+function findInsertionIndex(id) {
+    // the start index should be `flushIndex + 1`
+    let start = flushIndex + 1;
+    let end = queue.length;
+    while (start < end) {
+        const middle = (start + end) >>> 1;
+        const middleJobId = getId(queue[middle]);
+        middleJobId < id ? (start = middle + 1) : (end = middle);
+    }
+    return start;
+}
+function queueJob(job) {
+    // the dedupe search uses the startIndex argument of Array.includes()
+    // by default the search index includes the current job that is being run
+    // so it cannot recursively trigger itself again.
+    // if the job is a watch() callback, the search will start with a +1 index to
+    // allow it recursively trigger itself - it is the user's responsibility to
+    // ensure it doesn't end up in an infinite loop.
+    if ((!queue.length ||
+        !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) &&
+        job !== currentPreFlushParentJob) {
+        if (job.id == null) {
+            queue.push(job);
         }
-        else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-            data[key] = value;
+        else {
+            queue.splice(findInsertionIndex(job.id), 0, job);
         }
-        else if (hasOwn(instance.props, key)) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
-            return false;
+        queueFlush();
+    }
+}
+function queueFlush() {
+    if (!isFlushing && !isFlushPending) {
+        isFlushPending = true;
+        currentFlushPromise = resolvedPromise.then(flushJobs);
+    }
+}
+function invalidateJob(job) {
+    const i = queue.indexOf(job);
+    if (i > flushIndex) {
+        queue.splice(i, 1);
+    }
+}
+function queueCb(cb, activeQueue, pendingQueue, index) {
+    if (!isArray(cb)) {
+        if (!activeQueue ||
+            !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+            pendingQueue.push(cb);
         }
-        if (key[0] === '$' && key.slice(1) in instance) {
-            (process.env.NODE_ENV !== 'production') &&
-                warn(`Attempting to mutate public property "${key}". ` +
-                    `Properties starting with $ are reserved and readonly.`, instance);
-            return false;
+    }
+    else {
+        // if cb is an array, it is a component lifecycle hook which can only be
+        // triggered by a job, which is already deduped in the main queue, so
+        // we can skip duplicate check here to improve perf
+        pendingQueue.push(...cb);
+    }
+    queueFlush();
+}
+function queuePreFlushCb(cb) {
+    queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+}
+function queuePostFlushCb(cb) {
+    queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+}
+function flushPreFlushCbs(seen, parentJob = null) {
+    if (pendingPreFlushCbs.length) {
+        currentPreFlushParentJob = parentJob;
+        activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+        pendingPreFlushCbs.length = 0;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
         }
-        else {
-            if ((process.env.NODE_ENV !== 'production') && key in instance.appContext.config.globalProperties) {
-                Object.defineProperty(ctx, key, {
-                    enumerable: true,
-                    configurable: true,
-                    value
-                });
-            }
-            else {
-                ctx[key] = value;
+        for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) {
+                continue;
             }
+            activePreFlushCbs[preFlushIndex]();
         }
-        return true;
-    },
-    has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) {
-        let normalizedProps;
-        return (accessCache[key] !== undefined ||
-            (data !== EMPTY_OBJ && hasOwn(data, key)) ||
-            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
-            ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
-            hasOwn(ctx, key) ||
-            hasOwn(publicPropertiesMap, key) ||
-            hasOwn(appContext.config.globalProperties, key));
+        activePreFlushCbs = null;
+        preFlushIndex = 0;
+        currentPreFlushParentJob = null;
+        // recursively flush until it drains
+        flushPreFlushCbs(seen, parentJob);
     }
-};
-if ((process.env.NODE_ENV !== 'production') && !false) {
-    PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
-            `The keys will be empty in production mode to avoid performance overhead.`);
-        return Reflect.ownKeys(target);
-    };
 }
-const RuntimeCompiledPublicInstanceProxyHandlers = extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-        // fast path for unscopables when using `with` block
-        if (key === Symbol.unscopables) {
+function flushPostFlushCbs(seen) {
+    if (pendingPostFlushCbs.length) {
+        const deduped = [...new Set(pendingPostFlushCbs)];
+        pendingPostFlushCbs.length = 0;
+        // #1947 already has active queue, nested flushPostFlushCbs call
+        if (activePostFlushCbs) {
+            activePostFlushCbs.push(...deduped);
             return;
         }
-        return PublicInstanceProxyHandlers.get(target, key, target);
-    },
-    has(_, key) {
-        const has = key[0] !== '_' && !isGloballyWhitelisted(key);
-        if ((process.env.NODE_ENV !== 'production') && !has && PublicInstanceProxyHandlers.has(_, key)) {
-            warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+        activePostFlushCbs = deduped;
+        if ((process.env.NODE_ENV !== 'production')) {
+            seen = seen || new Map();
         }
-        return has;
+        activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+            if ((process.env.NODE_ENV !== 'production') &&
+                checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) {
+                continue;
+            }
+            activePostFlushCbs[postFlushIndex]();
+        }
+        activePostFlushCbs = null;
+        postFlushIndex = 0;
     }
-});
-// In dev mode, the proxy target exposes the same properties as seen on `this`
-// for easier console inspection. In prod mode it will be an empty object so
-// these properties definitions can be skipped.
-function createRenderContext(instance) {
-    const target = {};
-    // expose internal instance for proxy handlers
-    Object.defineProperty(target, `_`, {
-        configurable: true,
-        enumerable: false,
-        get: () => instance
-    });
-    // expose public properties
-    Object.keys(publicPropertiesMap).forEach(key => {
-        Object.defineProperty(target, key, {
-            configurable: true,
-            enumerable: false,
-            get: () => publicPropertiesMap[key](instance),
-            // intercepted by the proxy so no need for implementation,
-            // but needed to prevent set errors
-            set: NOOP
-        });
-    });
-    return target;
 }
-// dev only
-function exposePropsOnRenderContext(instance) {
-    const { ctx, propsOptions: [propsOptions] } = instance;
-    if (propsOptions) {
-        Object.keys(propsOptions).forEach(key => {
-            Object.defineProperty(ctx, key, {
-                enumerable: true,
-                configurable: true,
-                get: () => instance.props[key],
-                set: NOOP
-            });
-        });
+const getId = (job) => job.id == null ? Infinity : job.id;
+function flushJobs(seen) {
+    isFlushPending = false;
+    isFlushing = true;
+    if ((process.env.NODE_ENV !== 'production')) {
+        seen = seen || new Map();
     }
-}
-// dev only
-function exposeSetupStateOnRenderContext(instance) {
-    const { ctx, setupState } = instance;
-    Object.keys(toRaw(setupState)).forEach(key => {
-        if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-            warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
-                `which are reserved prefixes for Vue internals.`);
-            return;
+    flushPreFlushCbs(seen);
+    // Sort queue before flush.
+    // This ensures that:
+    // 1. Components are updated from parent to child. (because parent is always
+    //    created before the child so its render effect will have smaller
+    //    priority number)
+    // 2. If a component is unmounted during a parent component's update,
+    //    its update can be skipped.
+    queue.sort((a, b) => getId(a) - getId(b));
+    try {
+        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+            const job = queue[flushIndex];
+            if (job && job.active !== false) {
+                if ((process.env.NODE_ENV !== 'production') && checkRecursiveUpdates(seen, job)) {
+                    continue;
+                }
+                // console.log(`running:`, job.id)
+                callWithErrorHandling(job, null, 14 /* SCHEDULER */);
+            }
         }
-        Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            get: () => setupState[key],
-            set: NOOP
-        });
-    });
-}
-
-const emptyAppContext = createAppContext();
-let uid$2 = 0;
-function createComponentInstance(vnode, parent, suspense) {
-    const type = vnode.type;
-    // inherit parent app context - or - if root, adopt from root vnode
-    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    const instance = {
-        uid: uid$2++,
-        vnode,
-        type,
-        parent,
-        appContext,
-        root: null,
-        next: null,
-        subTree: null,
-        update: null,
-        render: null,
-        proxy: null,
-        exposed: null,
-        exposeProxy: null,
-        withProxy: null,
-        effects: null,
-        provides: parent ? parent.provides : Object.create(appContext.provides),
-        accessCache: null,
-        renderCache: [],
-        // local resovled assets
-        components: null,
-        directives: null,
-        // resolved props and emits options
-        propsOptions: normalizePropsOptions(type, appContext),
-        emitsOptions: normalizeEmitsOptions(type, appContext),
-        // emit
-        emit: null,
-        emitted: null,
-        // props default value
-        propsDefaults: EMPTY_OBJ,
-        // inheritAttrs
-        inheritAttrs: type.inheritAttrs,
-        // state
-        ctx: EMPTY_OBJ,
-        data: EMPTY_OBJ,
-        props: EMPTY_OBJ,
-        attrs: EMPTY_OBJ,
-        slots: EMPTY_OBJ,
-        refs: EMPTY_OBJ,
-        setupState: EMPTY_OBJ,
-        setupContext: null,
-        // suspense related
-        suspense,
-        suspenseId: suspense ? suspense.pendingId : 0,
-        asyncDep: null,
-        asyncResolved: false,
-        // lifecycle hooks
-        // not using enums here because it results in computed properties
-        isMounted: false,
-        isUnmounted: false,
-        isDeactivated: false,
-        bc: null,
-        c: null,
-        bm: null,
-        m: null,
-        bu: null,
-        u: null,
-        um: null,
-        bum: null,
-        bda: null,
-        da: null,
-        ba: null,
-        a: null,
-        rtg: null,
-        rtc: null,
-        ec: null,
-        sp: null
-    };
-    if ((process.env.NODE_ENV !== 'production')) {
-        instance.ctx = createRenderContext(instance);
     }
-    else {
-        instance.ctx = { _: instance };
+    finally {
+        flushIndex = 0;
+        queue.length = 0;
+        flushPostFlushCbs(seen);
+        isFlushing = false;
+        currentFlushPromise = null;
+        // some postFlushCb queued jobs!
+        // keep flushing until it drains.
+        if (queue.length ||
+            pendingPreFlushCbs.length ||
+            pendingPostFlushCbs.length) {
+            flushJobs(seen);
+        }
     }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit.bind(null, instance);
-    return instance;
 }
-let currentInstance = null;
-const getCurrentInstance = () => currentInstance || currentRenderingInstance;
-const setCurrentInstance = (instance) => {
-    currentInstance = instance;
-};
-const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
-function validateComponentName(name, config) {
-    const appIsNativeTag = config.isNativeTag || NO;
-    if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
+function checkRecursiveUpdates(seen, fn) {
+    if (!seen.has(fn)) {
+        seen.set(fn, 1);
+    }
+    else {
+        const count = seen.get(fn);
+        if (count > RECURSION_LIMIT) {
+            const instance = fn.ownerInstance;
+            const componentName = instance && getComponentName(instance.type);
+            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+                `This means you have a reactive effect that is mutating its own ` +
+                `dependencies and thus recursively triggering itself. Possible sources ` +
+                `include component template, render function, updated hook or ` +
+                `watcher source function.`);
+            return true;
+        }
+        else {
+            seen.set(fn, count + 1);
+        }
     }
+}
+
+// Simple effect.
+function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
 }
-function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */;
+function watchPostEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'post' })
+        : { flush: 'post' }));
 }
-let isInSSRComponentSetup = false;
-function setupComponent(instance, isSSR = false) {
-    isInSSRComponentSetup = isSSR;
-    const { props, children } = instance.vnode;
-    const isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children);
-    const setupResult = isStateful
-        ? setupStatefulComponent(instance, isSSR)
-        : undefined;
-    isInSSRComponentSetup = false;
-    return setupResult;
+function watchSyncEffect(effect, options) {
+    return doWatch(effect, null, ((process.env.NODE_ENV !== 'production')
+        ? Object.assign(options || {}, { flush: 'sync' })
+        : { flush: 'sync' }));
 }
-function setupStatefulComponent(instance, isSSR) {
-    const Component = instance.type;
-    if ((process.env.NODE_ENV !== 'production')) {
-        if (Component.name) {
-            validateComponentName(Component.name, instance.appContext.config);
-        }
-        if (Component.components) {
-            const names = Object.keys(Component.components);
-            for (let i = 0; i < names.length; i++) {
-                validateComponentName(names[i], instance.appContext.config);
-            }
-        }
-        if (Component.directives) {
-            const names = Object.keys(Component.directives);
-            for (let i = 0; i < names.length; i++) {
-                validateDirectiveName(names[i]);
-            }
+// initial value for watchers to trigger on undefined initial values
+const INITIAL_WATCHER_VALUE = {};
+// implementation
+function watch(source, cb, options) {
+    if ((process.env.NODE_ENV !== 'production') && !isFunction$1(cb)) {
+        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+            `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
+            `supports \`watch(source, cb, options?) signature.`);
+    }
+    return doWatch(source, cb, options);
+}
+function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
+    if ((process.env.NODE_ENV !== 'production') && !cb) {
+        if (immediate !== undefined) {
+            warn$1(`watch() "immediate" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
-        if (Component.compilerOptions && isRuntimeOnly()) {
-            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
-                `includes the runtime compiler. Since you are using a runtime-only ` +
-                `build, the options should be passed via your build tool config instead.`);
+        if (deep !== undefined) {
+            warn$1(`watch() "deep" option is only respected when using the ` +
+                `watch(source, callback, options?) signature.`);
         }
     }
-    // 0. create render proxy property access cache
-    instance.accessCache = Object.create(null);
-    // 1. create public instance / render proxy
-    // also mark it raw so it's never observed
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
-    if ((process.env.NODE_ENV !== 'production')) {
-        exposePropsOnRenderContext(instance);
+    const warnInvalidSource = (s) => {
+        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+            `a reactive object, or an array of these types.`);
+    };
+    const instance = currentInstance;
+    let getter;
+    let forceTrigger = false;
+    let isMultiSource = false;
+    if (isRef(source)) {
+        getter = () => source.value;
+        forceTrigger = !!source._shallow;
     }
-    // 2. call setup()
-    const { setup } = Component;
-    if (setup) {
-        const setupContext = (instance.setupContext =
-            setup.length > 1 ? createSetupContext(instance) : null);
-        currentInstance = instance;
-        pauseTracking();
-        const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [(process.env.NODE_ENV !== 'production') ? shallowReadonly(instance.props) : instance.props, setupContext]);
-        resetTracking();
-        currentInstance = null;
-        if (isPromise$1(setupResult)) {
-            const unsetInstance = () => {
-                currentInstance = null;
-            };
-            setupResult.then(unsetInstance, unsetInstance);
-            if (isSSR) {
-                // return the promise so server-renderer can wait on it
-                return setupResult
-                    .then((resolvedResult) => {
-                    handleSetupResult(instance, resolvedResult, isSSR);
-                })
-                    .catch(e => {
-                    handleError(e, instance, 0 /* SETUP_FUNCTION */);
-                });
+    else if (isReactive(source)) {
+        getter = () => source;
+        deep = true;
+    }
+    else if (isArray(source)) {
+        isMultiSource = true;
+        forceTrigger = source.some(isReactive);
+        getter = () => source.map(s => {
+            if (isRef(s)) {
+                return s.value;
+            }
+            else if (isReactive(s)) {
+                return traverse(s);
+            }
+            else if (isFunction$1(s)) {
+                return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */);
             }
             else {
-                // async setup returned Promise.
-                // bail here and wait for re-entry.
-                instance.asyncDep = setupResult;
+                (process.env.NODE_ENV !== 'production') && warnInvalidSource(s);
             }
+        });
+    }
+    else if (isFunction$1(source)) {
+        if (cb) {
+            // getter with cb
+            getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */);
         }
         else {
-            handleSetupResult(instance, setupResult, isSSR);
+            // no cb -> simple effect
+            getter = () => {
+                if (instance && instance.isUnmounted) {
+                    return;
+                }
+                if (cleanup) {
+                    cleanup();
+                }
+                return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]);
+            };
         }
     }
     else {
-        finishComponentSetup(instance, isSSR);
+        getter = NOOP;
+        (process.env.NODE_ENV !== 'production') && warnInvalidSource(source);
     }
-}
-function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction$1(setupResult)) {
-        // setup returned an inline render function
-        {
-            instance.render = setupResult;
-        }
+    if (cb && deep) {
+        const baseGetter = getter;
+        getter = () => traverse(baseGetter());
     }
-    else if (isObject$1(setupResult)) {
-        if ((process.env.NODE_ENV !== 'production') && isVNode(setupResult)) {
-            warn(`setup() should not return VNodes directly - ` +
-                `return a render function instead.`);
+    let cleanup;
+    let onInvalidate = (fn) => {
+        cleanup = effect.onStop = () => {
+            callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */);
+        };
+    };
+    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    const job = () => {
+        if (!effect.active) {
+            return;
         }
-        // setup returned bindings.
-        // assuming a render function compiled from template is present.
-        if ((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) {
-            instance.devtoolsRawSetupState = setupResult;
+        if (cb) {
+            // watch(source, cb)
+            const newValue = effect.run();
+            if (deep ||
+                forceTrigger ||
+                (isMultiSource
+                    ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
+                    : hasChanged(newValue, oldValue)) ||
+                (false  )) {
+                // cleanup before running cb again
+                if (cleanup) {
+                    cleanup();
+                }
+                callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [
+                    newValue,
+                    // pass undefined as the old value when it's changed for the first time
+                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    onInvalidate
+                ]);
+                oldValue = newValue;
+            }
         }
-        instance.setupState = proxyRefs(setupResult);
-        if ((process.env.NODE_ENV !== 'production')) {
-            exposeSetupStateOnRenderContext(instance);
+        else {
+            // watchEffect
+            effect.run();
         }
+    };
+    // important: mark the job as a watcher callback so that scheduler knows
+    // it is allowed to self-trigger (#1727)
+    job.allowRecurse = !!cb;
+    let scheduler;
+    if (flush === 'sync') {
+        scheduler = job; // the scheduler function gets called directly
     }
-    else if ((process.env.NODE_ENV !== 'production') && setupResult !== undefined) {
-        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+    else if (flush === 'post') {
+        scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
     }
-    finishComponentSetup(instance, isSSR);
-}
-let compile;
-// dev only
-const isRuntimeOnly = () => !compile;
-/**
- * For runtime-dom to register the compiler.
- * Note the exported method uses any to avoid d.ts relying on the compiler types.
- */
-function registerRuntimeCompiler(_compile) {
-    compile = _compile;
-}
-function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component = instance.type;
-    // template / render function normalization
-    if (!instance.render) {
-        // could be set from setup()
-        if (compile && !Component.render) {
-            const template = Component.template;
-            if (template) {
-                if ((process.env.NODE_ENV !== 'production')) {
-                    startMeasure(instance, `compile`);
-                }
-                const { isCustomElement, compilerOptions } = instance.appContext.config;
-                const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-                const finalCompilerOptions = extend(extend({
-                    isCustomElement,
-                    delimiters
-                }, compilerOptions), componentCompilerOptions);
-                Component.render = compile(template, finalCompilerOptions);
-                if ((process.env.NODE_ENV !== 'production')) {
-                    endMeasure(instance, `compile`);
-                }
+    else {
+        // default: 'pre'
+        scheduler = () => {
+            if (!instance || instance.isMounted) {
+                queuePreFlushCb(job);
             }
-        }
-        instance.render = (Component.render || NOOP);
-        // for runtime-compiled render functions using `with` blocks, the render
-        // proxy used needs a different `has` handler which is more performant and
-        // also only allows a whitelist of globals to fallthrough.
-        if (instance.render._rc) {
-            instance.withProxy = new Proxy(instance.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-        }
+            else {
+                // with 'pre' option, the first call must happen before
+                // the component is mounted so it is called synchronously.
+                job();
+            }
+        };
     }
-    // support for 2.x options
-    if (__VUE_OPTIONS_API__ && !(false )) {
-        currentInstance = instance;
-        pauseTracking();
-        applyOptions(instance);
-        resetTracking();
-        currentInstance = null;
+    const effect = new ReactiveEffect(getter, scheduler);
+    if ((process.env.NODE_ENV !== 'production')) {
+        effect.onTrack = onTrack;
+        effect.onTrigger = onTrigger;
     }
-    // warn missing template/render
-    // the runtime compilation of template in SSR is done by server-render
-    if ((process.env.NODE_ENV !== 'production') && !Component.render && instance.render === NOOP && !isSSR) {
-        /* istanbul ignore if */
-        if (!compile && Component.template) {
-            warn(`Component provided template option but ` +
-                `runtime compilation is not supported in this build of Vue.` +
-                (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
-                    ) /* should not happen */);
+    // initial run
+    if (cb) {
+        if (immediate) {
+            job();
         }
         else {
-            warn(`Component is missing template or render function.`);
+            oldValue = effect.run();
         }
     }
-}
-const attrDevProxyHandlers = {
-    get: (target, key) => {
-        markAttrsAccessed();
-        return target[key];
-    },
-    set: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
-    },
-    deleteProperty: () => {
-        warn(`setupContext.attrs is readonly.`);
-        return false;
+    else if (flush === 'post') {
+        queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense);
     }
-};
-function createSetupContext(instance) {
-    const expose = exposed => {
-        if ((process.env.NODE_ENV !== 'production') && instance.exposed) {
-            warn(`expose() should be called only once per setup().`);
+    else {
+        effect.run();
+    }
+    return () => {
+        effect.stop();
+        if (instance && instance.scope) {
+            remove(instance.scope.effects, effect);
         }
-        instance.exposed = exposed || {};
     };
-    if ((process.env.NODE_ENV !== 'production')) {
-        let attrs;
-        // We use getters in dev in case libs like test-utils overwrite instance
-        // properties (overwrites should not be done in prod)
-        return Object.freeze({
-            get attrs() {
-                return (attrs || (attrs = new Proxy(instance.attrs, attrDevProxyHandlers)));
-            },
-            get slots() {
-                return shallowReadonly(instance.slots);
-            },
-            get emit() {
-                return (event, ...args) => instance.emit(event, ...args);
-            },
-            expose
-        });
+}
+// this.$watch
+function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = isString(source)
+        ? source.includes('.')
+            ? createPathGetter(publicThis, source)
+            : () => publicThis[source]
+        : source.bind(publicThis, publicThis);
+    let cb;
+    if (isFunction$1(value)) {
+        cb = value;
     }
     else {
-        return {
-            attrs: instance.attrs,
-            slots: instance.slots,
-            emit: instance.emit,
-            expose
-        };
+        cb = value.handler;
+        options = value;
     }
-}
-function getExposeProxy(instance) {
-    if (instance.exposed) {
-        return (instance.exposeProxy ||
-            (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-                get(target, key) {
-                    if (key in target) {
-                        return target[key];
-                    }
-                    else if (key in publicPropertiesMap) {
-                        return publicPropertiesMap[key](instance);
-                    }
-                }
-            })));
+    const cur = currentInstance;
+    setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    if (cur) {
+        setCurrentInstance(cur);
     }
-}
-// record effects created during a component's setup() so that they can be
-// stopped when the component unmounts
-function recordInstanceBoundEffect(effect, instance = currentInstance) {
-    if (instance) {
-        (instance.effects || (instance.effects = [])).push(effect);
+    else {
+        unsetCurrentInstance();
     }
+    return res;
 }
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return isFunction$1(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
+function createPathGetter(ctx, path) {
+    const segments = path.split('.');
+    return () => {
+        let cur = ctx;
+        for (let i = 0; i < segments.length && cur; i++) {
+            cur = cur[segments[i]];
+        }
+        return cur;
+    };
 }
-/* istanbul ignore next */
-function formatComponentName(instance, Component, isRoot = false) {
-    let name = getComponentName(Component);
-    if (!name && Component.__file) {
-        const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-        if (match) {
-            name = match[1];
+function traverse(value, seen = new Set()) {
+    if (!isObject$1(value) || value["__v_skip" /* SKIP */]) {
+        return value;
+    }
+    seen = seen || new Set();
+    if (seen.has(value)) {
+        return value;
+    }
+    seen.add(value);
+    if (isRef(value)) {
+        traverse(value.value, seen);
+    }
+    else if (isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            traverse(value[i], seen);
         }
     }
-    if (!name && instance && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    else if (isSet(value) || isMap(value)) {
+        value.forEach((v) => {
+            traverse(v, seen);
+        });
     }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-function isClassComponent(value) {
-    return isFunction$1(value) && '__vccOpts' in value;
-}
-
-function computed$1(getterOrOptions) {
-    const c = computed(getterOrOptions);
-    recordInstanceBoundEffect(c.effect);
-    return c;
+    else if (isPlainObject(value)) {
+        for (const key in value) {
+            traverse(value[key], seen);
+        }
+    }
+    return value;
 }
 
 (process.env.NODE_ENV !== 'production')
@@ -8396,7 +8731,7 @@ const isPromise = (val) => {
 };
 
 // dev only
-const warnRuntimeUsage = (method) => warn(`${method}() is a compiler-hint helper that is only usable inside ` +
+const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
     `<script setup> of a single file component. Its arguments should be ` +
     `compiled away and passing it at runtime has no effect.`);
 // implementation
@@ -8413,10 +8748,6 @@ function defineEmits() {
     }
     return null;
 }
-/**
- * @deprecated use `defineEmits` instead.
- */
-const defineEmit = defineEmits;
 /**
  * Vue `<script setup>` compiler macro for declaring a component's exposed
  * instance properties when it is accessed by a parent component via template
@@ -8458,16 +8789,6 @@ function withDefaults(props, defaults) {
     }
     return null;
 }
-/**
- * @deprecated use `useSlots` and `useAttrs` instead.
- */
-function useContext() {
-    if ((process.env.NODE_ENV !== 'production')) {
-        warn(`\`useContext()\` has been deprecated and will be removed in the ` +
-            `next minor release. Use \`useSlots()\` and \`useAttrs()\` instead.`);
-    }
-    return getContext();
-}
 function useSlots() {
     return getContext().slots;
 }
@@ -8477,7 +8798,7 @@ function useAttrs() {
 function getContext() {
     const i = getCurrentInstance();
     if ((process.env.NODE_ENV !== 'production') && !i) {
-        warn(`useContext() called without active instance.`);
+        warn$1(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
 }
@@ -8498,30 +8819,44 @@ props, defaults) {
             props[key] = { default: defaults[key] };
         }
         else if ((process.env.NODE_ENV !== 'production')) {
-            warn(`props default key "${key}" has no corresponding declaration.`);
+            warn$1(`props default key "${key}" has no corresponding declaration.`);
         }
     }
     return props;
 }
 /**
- * Runtime helper for storing and resuming current instance context in
- * async setup().
+ * `<script setup>` helper for persisting the current instance context over
+ * async/await flows.
+ *
+ * `@vue/compiler-sfc` converts the following:
+ *
+ * ```ts
+ * const x = await foo()
+ * ```
+ *
+ * into:
+ *
+ * ```ts
+ * let __temp, __restore
+ * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp)
+ * ```
+ * @internal
  */
-function withAsyncContext(awaitable) {
+function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
-    setCurrentInstance(null); // unset after storing instance
     if ((process.env.NODE_ENV !== 'production') && !ctx) {
-        warn(`withAsyncContext() called when there is no active context instance.`);
+        warn$1(`withAsyncContext called without active current instance. ` +
+            `This is likely a bug.`);
     }
-    return isPromise(awaitable)
-        ? awaitable.then(res => {
-            setCurrentInstance(ctx);
-            return res;
-        }, err => {
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+        awaitable = awaitable.catch(e => {
             setCurrentInstance(ctx);
-            throw err;
-        })
-        : awaitable;
+            throw e;
+        });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
 }
 
 // Actual implementation
@@ -8557,7 +8892,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn(`Server rendering context not provided. Make sure to only call ` +
+            warn$1(`Server rendering context not provided. Make sure to only call ` +
                 `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -8753,13 +9088,60 @@ function initCustomFormatter() {
     }
 }
 
+function withMemo(memo, render, cache, index) {
+    const cached = cache[index];
+    if (cached && isMemoSame(cached, memo)) {
+        return cached;
+    }
+    const ret = render();
+    // shallow clone
+    ret.memo = memo.slice();
+    return (cache[index] = ret);
+}
+function isMemoSame(cached, memo) {
+    const prev = cached.memo;
+    if (prev.length != memo.length) {
+        return false;
+    }
+    for (let i = 0; i < prev.length; i++) {
+        if (prev[i] !== memo[i]) {
+            return false;
+        }
+    }
+    // make sure to let parent block track it when returning cached
+    if (isBlockTreeEnabled > 0 && currentBlock) {
+        currentBlock.push(cached);
+    }
+    return true;
+}
+
+function $ref() { }
+function $shallowRef(arg) {
+    return arg;
+}
+function $computed() { }
+function $fromRefs() {
+    return null;
+}
+function $raw() {
+    return null;
+}
+
 // Core API ------------------------------------------------------------------
-const version = "3.1.4";
+const version = "3.2.2";
+const _ssrUtils = {
+    createComponentInstance,
+    setupComponent,
+    renderComponentRoot,
+    setCurrentRenderingInstance,
+    isVNode,
+    normalizeVNode
+};
 /**
  * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
  * @internal
  */
-const ssrUtils = (null);
+const ssrUtils = (_ssrUtils );
 /**
  * @internal only exposed in compat builds
  */
@@ -8771,6 +9153,7 @@ const compatUtils = (null);
 
 const svgNS = 'http://www.w3.org/2000/svg';
 const doc = (typeof document !== 'undefined' ? document : null);
+const staticTemplateCache = new Map();
 const nodeOps = {
     insert: (child, parent, anchor) => {
         parent.insertBefore(child, anchor || null);
@@ -8821,94 +9204,68 @@ const nodeOps = {
         return cloned;
     },
     // __UNSAFE__
-    // Reason: insertAdjacentHTML.
+    // Reason: innerHTML.
     // Static content here can only come from compiled templates.
     // As long as the user only uses trusted templates, this is safe.
-    insertStaticContent(content, parent, anchor, isSVG, cached) {
-        if (cached) {
-            let first;
-            let last;
-            let i = 0;
-            let l = cached.length;
-            for (; i < l; i++) {
-                const node = cached[i].cloneNode(true);
-                if (i === 0)
-                    first = node;
-                if (i === l - 1)
-                    last = node;
-                parent.insertBefore(node, anchor);
-            }
-            return [first, last];
-        }
+    insertStaticContent(content, parent, anchor, isSVG) {
         // <parent> before | first ... last | anchor </parent>
         const before = anchor ? anchor.previousSibling : parent.lastChild;
-        if (anchor) {
-            let insertionPoint;
-            let usingTempInsertionPoint = false;
-            if (anchor instanceof Element) {
-                insertionPoint = anchor;
-            }
-            else {
-                // insertAdjacentHTML only works for elements but the anchor is not an
-                // element...
-                usingTempInsertionPoint = true;
-                insertionPoint = isSVG
-                    ? doc.createElementNS(svgNS, 'g')
-                    : doc.createElement('div');
-                parent.insertBefore(insertionPoint, anchor);
-            }
-            insertionPoint.insertAdjacentHTML('beforebegin', content);
-            if (usingTempInsertionPoint) {
-                parent.removeChild(insertionPoint);
-            }
-        }
-        else {
-            parent.insertAdjacentHTML('beforeend', content);
-        }
-        let first = before ? before.nextSibling : parent.firstChild;
-        const last = anchor ? anchor.previousSibling : parent.lastChild;
-        const ret = [];
-        while (first) {
-            ret.push(first);
-            if (first === last)
-                break;
-            first = first.nextSibling;
-        }
-        return ret;
+        let template = staticTemplateCache.get(content);
+        if (!template) {
+            const t = doc.createElement('template');
+            t.innerHTML = isSVG ? `<svg>${content}</svg>` : content;
+            template = t.content;
+            if (isSVG) {
+                // remove outer svg wrapper
+                const wrapper = template.firstChild;
+                while (wrapper.firstChild) {
+                    template.appendChild(wrapper.firstChild);
+                }
+                template.removeChild(wrapper);
+            }
+            staticTemplateCache.set(content, template);
+        }
+        parent.insertBefore(template.cloneNode(true), anchor);
+        return [
+            // first
+            before ? before.nextSibling : parent.firstChild,
+            // last
+            anchor ? anchor.previousSibling : parent.lastChild
+        ];
     }
 };
 
 // compiler should normalize class + :class bindings on the same element
 // into a single binding ['staticClass', dynamic]
 function patchClass(el, value, isSVG) {
-    if (value == null) {
-        value = '';
-    }
+    // directly setting className should be faster than setAttribute in theory
+    // if this is an element during a transition, take the temporary transition
+    // classes into account.
     // fixed by xxxxxx wxs
     const { __wxsAddClass, __wxsRemoveClass } = el;
     if (__wxsRemoveClass && __wxsRemoveClass.length) {
-        value = value
+        value = (value || '')
             .split(/\s+/)
             .filter(v => __wxsRemoveClass.indexOf(v) === -1)
             .join(' ');
         __wxsRemoveClass.length = 0;
     }
     if (__wxsAddClass && __wxsAddClass.length) {
-        value = value + ' ' + __wxsAddClass.join(' ');
+        value = (value || '') + ' ' + __wxsAddClass.join(' ');
     }
-    if (isSVG) {
+    const transitionClasses = el._vtc;
+    if (transitionClasses) {
+        value = (value
+            ? [value, ...transitionClasses]
+            : [...transitionClasses]).join(' ');
+    }
+    if (value == null) {
+        el.removeAttribute('class');
+    }
+    else if (isSVG) {
         el.setAttribute('class', value);
     }
     else {
-        // directly setting className should be faster than setAttribute in theory
-        // if this is an element during a transition, take the temporary transition
-        // classes into account.
-        const transitionClasses = el._vtc;
-        if (transitionClasses) {
-            value = (value
-                ? [value, ...transitionClasses]
-                : [...transitionClasses]).join(' ');
-        }
         el.className = value;
     }
 }
@@ -9075,7 +9432,11 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
         }
         else if (type === 'number') {
             // e.g. <img :width="null">
-            el[key] = 0;
+            // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error
+            try {
+                el[key] = 0;
+            }
+            catch (_a) { }
             el.removeAttribute(key);
             return;
         }
@@ -9086,7 +9447,7 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
     }
     catch (e) {
         if ((process.env.NODE_ENV !== 'production')) {
-            warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+            warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
                 `value ${value} is invalid.`, e);
         }
     }
@@ -9230,65 +9591,49 @@ function patchWxs(el, rawName, nextValue, instance = null) {
 }
 
 const nativeOnRE = /^on[a-z]/;
-// fixed by xxxxxx
-const forcePatchProp = (el, key) => {
-    if (key === 'value' || key.indexOf('change:') === 0) {
-        return true;
-    }
-    if (key === 'class' && el.__wxsClassChanged) {
-        el.__wxsClassChanged = false;
-        return true;
-    }
-    if (key === 'style' && el.__wxsStyleChanged) {
-        el.__wxsStyleChanged = false;
-        return true;
-    }
-    return false;
-};
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
     // @ts-expect-error fixed by xxxxxx
     if (__UNI_FEATURE_WXS__ && key.indexOf('change:') === 0) {
         return patchWxs(el, key, nextValue, parentComponent);
     }
-    switch (key) {
-        // special
-        case 'class':
-            patchClass(el, nextValue, isSVG);
-            break;
-        case 'style':
-            patchStyle(el, prevValue, nextValue);
-            break;
-        default:
-            if (isOn(key)) {
-                // ignore v-model listeners
-                if (!isModelListener(key)) {
-                    patchEvent(el, key, prevValue, nextValue, parentComponent);
-                }
-            }
-            else if (shouldSetAsProp(el, key, nextValue, isSVG)) {
-                patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
-            }
-            else {
-                // special case for <input v-model type="checkbox"> with
-                // :true-value & :false-value
-                // store value as dom properties since non-string values will be
-                // stringified.
-                if (key === 'true-value') {
-                    el._trueValue = nextValue;
-                }
-                else if (key === 'false-value') {
-                    el._falseValue = nextValue;
-                }
-                patchAttr(el, key, nextValue, isSVG);
-            }
-            break;
+    if (key === 'class') {
+        patchClass(el, nextValue, isSVG);
+    }
+    else if (key === 'style') {
+        patchStyle(el, prevValue, nextValue);
+    }
+    else if (isOn(key)) {
+        // ignore v-model listeners
+        if (!isModelListener(key)) {
+            patchEvent(el, key, prevValue, nextValue, parentComponent);
+        }
+    }
+    else if (key[0] === '.'
+        ? ((key = key.slice(1)), true)
+        : key[0] === '^'
+            ? ((key = key.slice(1)), false)
+            : shouldSetAsProp(el, key, nextValue, isSVG)) {
+        patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren);
+    }
+    else {
+        // special case for <input v-model type="checkbox"> with
+        // :true-value & :false-value
+        // store value as dom properties since non-string values will be
+        // stringified.
+        if (key === 'true-value') {
+            el._trueValue = nextValue;
+        }
+        else if (key === 'false-value') {
+            el._falseValue = nextValue;
+        }
+        patchAttr(el, key, nextValue, isSVG);
     }
 };
 function shouldSetAsProp(el, key, value, isSVG) {
     if (isSVG) {
         // most keys must be set as attribute on svg elements to work
-        // ...except innerHTML
-        if (key === 'innerHTML') {
+        // ...except innerHTML & textContent
+        if (key === 'innerHTML' || key === 'textContent') {
             return true;
         }
         // or native onclick with function values
@@ -9326,23 +9671,216 @@ function shouldSetAsProp(el, key, value, isSVG) {
     return key in el;
 }
 
+function defineCustomElement(options, hydate) {
+    const Comp = defineComponent(options);
+    class VueCustomElement extends VueElement {
+        constructor(initialProps) {
+            super(Comp, initialProps, hydate);
+        }
+    }
+    VueCustomElement.def = Comp;
+    return VueCustomElement;
+}
+const defineSSRCustomElement = ((options) => {
+    // @ts-ignore
+    return defineCustomElement(options, hydrate);
+});
+const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class {
+});
+class VueElement extends BaseClass {
+    constructor(_def, _props = {}, hydrate) {
+        super();
+        this._def = _def;
+        this._props = _props;
+        /**
+         * @internal
+         */
+        this._instance = null;
+        this._connected = false;
+        this._resolved = false;
+        if (this.shadowRoot && hydrate) {
+            hydrate(this._createVNode(), this.shadowRoot);
+        }
+        else {
+            if ((process.env.NODE_ENV !== 'production') && this.shadowRoot) {
+                warn$1(`Custom element has pre-rendered declarative shadow root but is not ` +
+                    `defined as hydratable. Use \`defineSSRCustomElement\`.`);
+            }
+            this.attachShadow({ mode: 'open' });
+        }
+        // set initial attrs
+        for (let i = 0; i < this.attributes.length; i++) {
+            this._setAttr(this.attributes[i].name);
+        }
+        // watch future attr changes
+        const observer = new MutationObserver(mutations => {
+            for (const m of mutations) {
+                this._setAttr(m.attributeName);
+            }
+        });
+        observer.observe(this, { attributes: true });
+    }
+    connectedCallback() {
+        this._connected = true;
+        if (!this._instance) {
+            this._resolveDef();
+            render(this._createVNode(), this.shadowRoot);
+        }
+    }
+    disconnectedCallback() {
+        this._connected = false;
+        nextTick(() => {
+            if (!this._connected) {
+                render(null, this.shadowRoot);
+                this._instance = null;
+            }
+        });
+    }
+    /**
+     * resolve inner component definition (handle possible async component)
+     */
+    _resolveDef() {
+        if (this._resolved) {
+            return;
+        }
+        const resolve = (def) => {
+            this._resolved = true;
+            // check if there are props set pre-upgrade or connect
+            for (const key of Object.keys(this)) {
+                if (key[0] !== '_') {
+                    this._setProp(key, this[key]);
+                }
+            }
+            const { props, styles } = def;
+            // defining getter/setters on prototype
+            const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : [];
+            for (const key of rawKeys.map(camelize)) {
+                Object.defineProperty(this, key, {
+                    get() {
+                        return this._getProp(key);
+                    },
+                    set(val) {
+                        this._setProp(key, val);
+                    }
+                });
+            }
+            this._applyStyles(styles);
+        };
+        const asyncDef = this._def.__asyncLoader;
+        if (asyncDef) {
+            asyncDef().then(resolve);
+        }
+        else {
+            resolve(this._def);
+        }
+    }
+    _setAttr(key) {
+        this._setProp(camelize(key), toNumber(this.getAttribute(key)), false);
+    }
+    /**
+     * @internal
+     */
+    _getProp(key) {
+        return this._props[key];
+    }
+    /**
+     * @internal
+     */
+    _setProp(key, val, shouldReflect = true) {
+        if (val !== this._props[key]) {
+            this._props[key] = val;
+            if (this._instance) {
+                render(this._createVNode(), this.shadowRoot);
+            }
+            // reflect
+            if (shouldReflect) {
+                if (val === true) {
+                    this.setAttribute(hyphenate(key), '');
+                }
+                else if (typeof val === 'string' || typeof val === 'number') {
+                    this.setAttribute(hyphenate(key), val + '');
+                }
+                else if (!val) {
+                    this.removeAttribute(hyphenate(key));
+                }
+            }
+        }
+    }
+    _createVNode() {
+        const vnode = createVNode(this._def, extend({}, this._props));
+        if (!this._instance) {
+            vnode.ce = instance => {
+                this._instance = instance;
+                instance.isCE = true;
+                // HMR
+                if ((process.env.NODE_ENV !== 'production')) {
+                    instance.ceReload = newStyles => {
+                        // alawys reset styles
+                        if (this._styles) {
+                            this._styles.forEach(s => this.shadowRoot.removeChild(s));
+                            this._styles.length = 0;
+                        }
+                        this._applyStyles(newStyles);
+                        // if this is an async component, ceReload is called from the inner
+                        // component so no need to reload the async wrapper
+                        if (!this._def.__asyncLoader) {
+                            // reload
+                            this._instance = null;
+                            render(this._createVNode(), this.shadowRoot);
+                        }
+                    };
+                }
+                // intercept emit
+                instance.emit = (event, ...args) => {
+                    this.dispatchEvent(new CustomEvent(event, {
+                        detail: args
+                    }));
+                };
+                // locate nearest Vue custom element parent for provide/inject
+                let parent = this;
+                while ((parent =
+                    parent && (parent.parentNode || parent.host))) {
+                    if (parent instanceof VueElement) {
+                        instance.parent = parent._instance;
+                        break;
+                    }
+                }
+            };
+        }
+        return vnode;
+    }
+    _applyStyles(styles) {
+        if (styles) {
+            styles.forEach(css => {
+                const s = document.createElement('style');
+                s.textContent = css;
+                this.shadowRoot.appendChild(s);
+                // record for HMR
+                if ((process.env.NODE_ENV !== 'production')) {
+                    (this._styles || (this._styles = [])).push(s);
+                }
+            });
+        }
+    }
+}
+
 function useCssModule(name = '$style') {
     /* istanbul ignore else */
     {
         const instance = getCurrentInstance();
         if (!instance) {
-            (process.env.NODE_ENV !== 'production') && warn(`useCssModule must be called inside setup()`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`useCssModule must be called inside setup()`);
             return EMPTY_OBJ;
         }
         const modules = instance.type.__cssModules;
         if (!modules) {
-            (process.env.NODE_ENV !== 'production') && warn(`Current instance does not have CSS modules injected.`);
+            (process.env.NODE_ENV !== 'production') && warn$1(`Current instance does not have CSS modules injected.`);
             return EMPTY_OBJ;
         }
         const mod = modules[name];
         if (!mod) {
             (process.env.NODE_ENV !== 'production') &&
-                warn(`Current instance does not have CSS module named "${name}".`);
+                warn$1(`Current instance does not have CSS module named "${name}".`);
             return EMPTY_OBJ;
         }
         return mod;
@@ -9358,12 +9896,16 @@ function useCssVars(getter) {
     /* istanbul ignore next */
     if (!instance) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`useCssVars is called without current active component instance.`);
+            warn$1(`useCssVars is called without current active component instance.`);
         return;
     }
     const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy));
-    onMounted(() => watchEffect(setVars, { flush: 'post' }));
-    onUpdated(setVars);
+    watchPostEffect(setVars);
+    onMounted(() => {
+        const ob = new MutationObserver(setVars);
+        ob.observe(instance.subTree.el.parentNode, { childList: true });
+        onUnmounted(() => ob.disconnect());
+    });
 }
 function setVarsOnVNode(vnode, vars) {
     if (vnode.shapeFlag & 128 /* SUSPENSE */) {
@@ -9380,14 +9922,28 @@ function setVarsOnVNode(vnode, vars) {
         vnode = vnode.component.subTree;
     }
     if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) {
-        const style = vnode.el.style;
-        for (const key in vars) {
-            style.setProperty(`--${key}`, vars[key]);
-        }
+        setVarsOnNode(vnode.el, vars);
     }
     else if (vnode.type === Fragment) {
         vnode.children.forEach(c => setVarsOnVNode(c, vars));
     }
+    else if (vnode.type === Static) {
+        let { el, anchor } = vnode;
+        while (el) {
+            setVarsOnNode(el, vars);
+            if (el === anchor)
+                break;
+            el = el.nextSibling;
+        }
+    }
+}
+function setVarsOnNode(el, vars) {
+    if (el.nodeType === 1) {
+        const style = el.style;
+        for (const key in vars) {
+            style.setProperty(`--${key}`, vars[key]);
+        }
+    }
 }
 
 const TRANSITION = 'transition';
@@ -9414,7 +9970,8 @@ const DOMTransitionPropsValidators = {
     leaveActiveClass: String,
     leaveToClass: String
 };
-const TransitionPropsValidators = (Transition.props = /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
+const TransitionPropsValidators = (Transition.props =
+    /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators));
 /**
  * #3227 Incoming hooks may be merged into arrays when wrapping Transition
  * with custom HOCs.
@@ -9539,11 +10096,11 @@ function NumberOf(val) {
 }
 function validateDuration(val) {
     if (typeof val !== 'number') {
-        warn(`<transition> explicit duration is not a valid number - ` +
+        warn$1(`<transition> explicit duration is not a valid number - ` +
             `got ${JSON.stringify(val)}.`);
     }
     else if (isNaN(val)) {
-        warn(`<transition> explicit duration is NaN - ` +
+        warn$1(`<transition> explicit duration is NaN - ` +
             'the duration expression might be incorrect.');
     }
 }
@@ -9728,7 +10285,7 @@ const TransitionGroupImpl = {
                     setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
-                    warn(`<TransitionGroup> children must be keyed.`);
+                    warn$1(`<TransitionGroup> children must be keyed.`);
                 }
             }
             if (prevChildren) {
@@ -9781,9 +10338,7 @@ function hasCSSTransform(el, root, moveClass) {
     }
     moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c));
     clone.style.display = 'none';
-    const container = (root.nodeType === 1
-        ? root
-        : root.parentNode);
+    const container = (root.nodeType === 1 ? root : root.parentNode);
     container.appendChild(clone);
     const { hasTransform } = getTransitionInfo(clone);
     container.removeChild(clone);
@@ -9814,7 +10369,7 @@ function trigger$1(el, type) {
 const vModelText = {
     created(el, { modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
-        const castToNumber = number || el.type === 'number';
+        const castToNumber = number || (vnode.props && vnode.props.type === 'number');
         addEventListener(el, lazy ? 'change' : 'input', e => {
             if (e.target.composing)
                 return;
@@ -9846,12 +10401,15 @@ const vModelText = {
     mounted(el, { value }) {
         el.value = value == null ? '' : value;
     },
-    beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) {
+    beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
         el._assign = getModelAssigner(vnode);
         // avoid clearing unresolved text. #2302
         if (el.composing)
             return;
         if (document.activeElement === el) {
+            if (lazy) {
+                return;
+            }
             if (trim && el.value.trim() === value) {
                 return;
             }
@@ -9866,6 +10424,8 @@ const vModelText = {
     }
 };
 const vModelCheckbox = {
+    // #4096 array checkboxes need to be deep traversed
+    deep: true,
     created(el, _, vnode) {
         el._assign = getModelAssigner(vnode);
         addEventListener(el, 'change', () => {
@@ -9935,6 +10495,8 @@ const vModelRadio = {
     }
 };
 const vModelSelect = {
+    // <select multiple> value need to be deep traversed
+    deep: true,
     created(el, { value, modifiers: { number } }, vnode) {
         const isSetModel = isSet(value);
         addEventListener(el, 'change', () => {
@@ -9965,7 +10527,7 @@ function setSelected(el, value) {
     const isMultiple = el.multiple;
     if (isMultiple && !isArray(value) && !isSet(value)) {
         (process.env.NODE_ENV !== 'production') &&
-            warn(`<select multiple v-model> expects an Array or Set value for its binding, ` +
+            warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` +
                 `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`);
         return;
     }
@@ -10135,13 +10697,14 @@ function setDisplay(el, value) {
     el.style.display = value ? el._vod : 'none';
 }
 
-const rendererOptions = extend({ patchProp, forcePatchProp }, nodeOps);
+const rendererOptions = extend({ patchProp }, nodeOps);
 // lazy create the renderer - this makes core renderer logic tree-shakable
 // in case the user only imports reactivity utilities from Vue.
 let renderer;
 let enabledHydration = false;
 function ensureRenderer() {
-    return renderer || (renderer = createRenderer(rendererOptions));
+    return (renderer ||
+        (renderer = createRenderer(rendererOptions)));
 }
 function ensureHydrationRenderer() {
     renderer = enabledHydration
@@ -10219,7 +10782,7 @@ function injectCompilerOptionsCheck(app) {
                 return isCustomElement;
             },
             set() {
-                warn(`The \`isCustomElement\` config option is deprecated. Use ` +
+                warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
                     `\`compilerOptions.isCustomElement\` instead.`);
             }
         });
@@ -10233,11 +10796,11 @@ function injectCompilerOptionsCheck(app) {
             `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
         Object.defineProperty(app.config, 'compilerOptions', {
             get() {
-                warn(msg);
+                warn$1(msg);
                 return compilerOptions;
             },
             set() {
-                warn(msg);
+                warn$1(msg);
             }
         });
     }
@@ -10246,14 +10809,15 @@ function normalizeContainer(container) {
     if (isString(container)) {
         const res = document.querySelector(container);
         if ((process.env.NODE_ENV !== 'production') && !res) {
-            warn(`Failed to mount app: mount target selector "${container}" returned null.`);
+            warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
         }
         return res;
     }
     if ((process.env.NODE_ENV !== 'production') &&
+        window.ShadowRoot &&
         container instanceof window.ShadowRoot &&
         container.mode === 'closed') {
-        warn(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+        warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
 }
@@ -10270,10 +10834,10 @@ if ((process.env.NODE_ENV !== 'production')) {
 }
 const compile$1 = () => {
     if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Runtime compilation is not supported in this build of Vue.` +
+        warn$1(`Runtime compilation is not supported in this build of Vue.` +
             (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
                 ) /* should not happen */);
     }
 };
 
-export { BaseTransition, Comment$1 as Comment, Fragment, KeepAlive, Static, Suspense, Teleport, Text, Transition, TransitionGroup, callWithAsyncErrorHandling, callWithErrorHandling, cloneVNode, compatUtils, compile$1 as compile, computed$1 as computed, createApp, createBlock, createCommentVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, createApp as createVueApp, customRef, defineAsyncComponent, defineComponent, defineEmit, defineEmits, defineExpose, defineProps, devtools, getCurrentInstance, getTransitionRawChildren, h, handleError, hydrate, initCustomFormatter, inject, injectHook, isInSSRComponentSetup, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, onActivated, onBeforeActivate, onBeforeDeactivate, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useContext, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withModifiers, withScopeId };
+export { $computed, $fromRefs, $raw, $ref, $shallowRef, BaseTransition, Comment$1 as Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, cloneVNode, compatUtils, compile$1 as compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, createApp as createVueApp, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, inject, injectHook, isInSSRComponentSetup, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, onActivated, onBeforeActivate, onBeforeDeactivate, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
diff --git a/packages/uni-h5/dist/uni-h5.cjs.js b/packages/uni-h5/dist/uni-h5.cjs.js
index 881f5d143..24d58dd66 100644
--- a/packages/uni-h5/dist/uni-h5.cjs.js
+++ b/packages/uni-h5/dist/uni-h5.cjs.js
@@ -10557,36 +10557,39 @@ var _sfc_main = {
   }
 };
 const _hoisted_1 = { class: "uni-page-refresh-inner" };
-const _hoisted_2 = /* @__PURE__ */ vue.createVNode("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ vue.createVNode("path", {
+const _hoisted_2 = ["fill"];
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" }, null, -1);
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }, null, -1);
-const _hoisted_4 = {
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _hoisted_6 = {
   class: "uni-page-refresh__spinner",
   width: "24",
   height: "24",
   viewBox: "25 25 50 50"
 };
+const _hoisted_7 = ["stroke"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock("uni-page-refresh", null, [
-    vue.createVNode("div", {
-      style: { "margin-top": $setup.offset + "px" },
+  return vue.openBlock(), vue.createElementBlock("uni-page-refresh", null, [
+    vue.createElementVNode("div", {
+      style: vue.normalizeStyle({ "margin-top": $setup.offset + "px" }),
       class: "uni-page-refresh"
     }, [
-      vue.createVNode("div", _hoisted_1, [
-        (vue.openBlock(), vue.createBlock("svg", {
+      vue.createElementVNode("div", _hoisted_1, [
+        (vue.openBlock(), vue.createElementBlock("svg", {
           fill: $setup.color,
           class: "uni-page-refresh__icon",
           width: "24",
           height: "24",
           viewBox: "0 0 24 24"
-        }, [
-          _hoisted_2,
-          _hoisted_3
-        ], 8, ["fill"])),
-        (vue.openBlock(), vue.createBlock("svg", _hoisted_4, [
-          vue.createVNode("circle", {
+        }, _hoisted_5, 8, _hoisted_2)),
+        (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6, [
+          vue.createElementVNode("circle", {
             stroke: $setup.color,
             class: "uni-page-refresh__path",
             cx: "50",
@@ -10595,7 +10598,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             fill: "none",
             "stroke-width": "4",
             "stroke-miterlimit": "10"
-          }, null, 8, ["stroke"])
+          }, null, 8, _hoisted_7)
         ]))
       ])
     ], 4)
diff --git a/packages/uni-h5/dist/uni-h5.es.js b/packages/uni-h5/dist/uni-h5.es.js
index ca58d4b7f..4a2b3d775 100644
--- a/packages/uni-h5/dist/uni-h5.es.js
+++ b/packages/uni-h5/dist/uni-h5.es.js
@@ -1,4 +1,4 @@
-import { withModifiers, createVNode, getCurrentInstance, defineComponent, ref, provide, computed, watch, onUnmounted, inject, onBeforeUnmount, mergeProps, reactive, onActivated, onMounted, nextTick, onBeforeMount, withDirectives, vShow, shallowRef, watchEffect, isVNode, Fragment, markRaw, createTextVNode, injectHook, onBeforeActivate, onBeforeDeactivate, openBlock, createBlock, renderList, onDeactivated, createApp, Transition, withCtx, KeepAlive, resolveDynamicComponent, renderSlot } from "vue";
+import { withModifiers, createVNode, getCurrentInstance, defineComponent, ref, provide, computed, watch, onUnmounted, inject, onBeforeUnmount, mergeProps, reactive, onActivated, onMounted, nextTick, onBeforeMount, withDirectives, vShow, shallowRef, watchEffect, isVNode, Fragment, markRaw, createTextVNode, injectHook, onBeforeActivate, onBeforeDeactivate, openBlock, createBlock, renderList, onDeactivated, createApp, Transition, withCtx, KeepAlive, resolveDynamicComponent, createElementBlock, createElementVNode, normalizeStyle, renderSlot } from "vue";
 import { once, passive, initCustomDataset, invokeArrayFns, resolveOwnerVm, resolveOwnerEl, ON_WXS_INVOKE_CALL_METHOD, normalizeTarget, ON_RESIZE, ON_APP_ENTER_FOREGROUND, ON_APP_ENTER_BACKGROUND, ON_SHOW, ON_HIDE, ON_PAGE_SCROLL, ON_REACH_BOTTOM, EventChannel, SCHEME_RE, DATA_RE, getCustomDataset, ON_ERROR, callOptions, PRIMARY_COLOR, removeLeadingSlash, getLen, debounce, NAVBAR_HEIGHT, parseQuery, ON_UNLOAD, ON_REACH_BOTTOM_DISTANCE, decodedQuery, WEB_INVOKE_APPSERVICE, ON_WEB_INVOKE_APP_SERVICE, updateElementStyle, ON_BACK_PRESS, parseUrl, addFont, scrollTo, RESPONSIVE_MIN_WIDTH, formatDateTime, ON_PULL_DOWN_REFRESH } from "@dcloudio/uni-shared";
 import { initVueI18n, LOCALE_EN, LOCALE_ES, LOCALE_FR, LOCALE_ZH_HANS, LOCALE_ZH_HANT } from "@dcloudio/uni-i18n";
 import { extend, isString, stringifyStyle, parseStringStyle, isPlainObject, isFunction, isArray, hasOwn, isObject, capitalize, toRawType, makeMap as makeMap$1, isPromise, hyphenate, invokeArrayFns as invokeArrayFns$1 } from "@vue/shared";
@@ -20839,36 +20839,39 @@ var _sfc_main = {
   }
 };
 const _hoisted_1 = { class: "uni-page-refresh-inner" };
-const _hoisted_2 = /* @__PURE__ */ createVNode("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createVNode("path", {
+const _hoisted_2 = ["fill"];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" }, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }, null, -1);
-const _hoisted_4 = {
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _hoisted_6 = {
   class: "uni-page-refresh__spinner",
   width: "24",
   height: "24",
   viewBox: "25 25 50 50"
 };
+const _hoisted_7 = ["stroke"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock("uni-page-refresh", null, [
-    createVNode("div", {
-      style: { "margin-top": $setup.offset + "px" },
+  return openBlock(), createElementBlock("uni-page-refresh", null, [
+    createElementVNode("div", {
+      style: normalizeStyle({ "margin-top": $setup.offset + "px" }),
       class: "uni-page-refresh"
     }, [
-      createVNode("div", _hoisted_1, [
-        (openBlock(), createBlock("svg", {
+      createElementVNode("div", _hoisted_1, [
+        (openBlock(), createElementBlock("svg", {
           fill: $setup.color,
           class: "uni-page-refresh__icon",
           width: "24",
           height: "24",
           viewBox: "0 0 24 24"
-        }, [
-          _hoisted_2,
-          _hoisted_3
-        ], 8, ["fill"])),
-        (openBlock(), createBlock("svg", _hoisted_4, [
-          createVNode("circle", {
+        }, _hoisted_5, 8, _hoisted_2)),
+        (openBlock(), createElementBlock("svg", _hoisted_6, [
+          createElementVNode("circle", {
             stroke: $setup.color,
             class: "uni-page-refresh__path",
             cx: "50",
@@ -20877,7 +20880,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             fill: "none",
             "stroke-width": "4",
             "stroke-miterlimit": "10"
-          }, null, 8, ["stroke"])
+          }, null, 8, _hoisted_7)
         ]))
       ])
     ], 4)
diff --git a/yarn.lock b/yarn.lock
index 104db70b1..8362161c2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2428,9 +2428,9 @@
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
 "@types/node@*":
-  version "16.6.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.6.0.tgz#0d5685f85066f94e97f19e8a67fe003c5fadacc4"
-  integrity sha512-OyiZPohMMjZEYqcVo/UJ04GyAxXOJEZO/FpzyXxcH4r/ArrVoXHf4MbUrkLp0Tz7/p1mMKpo5zJ6ZHl8XBNthQ==
+  version "16.6.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.6.1.tgz#aee62c7b966f55fc66c7b6dfa1d58db2a616da61"
+  integrity sha512-Sr7BhXEAer9xyGuCN3Ek9eg9xPviCF2gfu9kTfuU2HkTVAMYSDeX40fvpmo72n5nansg3nsBjuQBrsS28r+NUw==
 
 "@types/node@10.17.13":
   version "10.17.13"
@@ -2640,7 +2640,7 @@
     "@vue/babel-plugin-jsx" "^1.0.6"
     hash-sum "^2.0.0"
 
-"@vitejs/plugin-vue@^1.3.0":
+"@vitejs/plugin-vue@^1.4.0":
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-1.4.0.tgz#962ae01b7fd16ad4007898c64ed639136e12215b"
   integrity sha512-RkqfJHz9wdLKBp5Yi+kQL8BAljdrvPoccQm2PTZc/UcL4EjD11xsv2PPCduYx2oV1a/bpSKA3sD5sxOHFhz+LA==
@@ -2665,37 +2665,37 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.1.5.tgz#298f905b6065d6d81ff63756f98c60876b393c87"
-  integrity sha512-TXBhFinoBaXKDykJzY26UEuQU1K07FOp/0Ie+OXySqqk0bS0ZO7Xvl7UmiTUPYcLrWbxWBR7Bs/y55AI0MNc2Q==
+"@vue/compiler-core@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.2.tgz#8d3e29f129579ed9b14f48af735fd8d95f248504"
+  integrity sha512-QhCI0ZU5nAR0LMcLgzW3v75374tIrHGp8XG5CzJS7Nsy+iuignbE4MZ2XJfh5TGIrtpuzfWA4eTIfukZf/cRdg==
   dependencies:
     "@babel/parser" "^7.12.0"
     "@babel/types" "^7.12.0"
-    "@vue/shared" "3.1.5"
+    "@vue/shared" "3.2.2"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.1.5.tgz#cbb97020c62a5faa3fbc2a97916bd98041ac9856"
-  integrity sha512-ZsL3jqJ52OjGU/YiT/9XiuZAmWClKInZM2aFJh9gnsAPqOrj2JIELMbkIFpVKR/CrVO/f2VxfPiiQdQTr65jcQ==
+"@vue/compiler-dom@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.2.tgz#26e198498746c53047c3744d26fc95e670692ab7"
+  integrity sha512-ggcc+NV/ENIE0Uc3TxVE/sKrhYVpLepMAAmEiQ047332mbKOvUkowz4TTFZ+YkgOIuBOPP0XpCxmCMg7p874mA==
   dependencies:
-    "@vue/compiler-core" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-core" "3.2.2"
+    "@vue/shared" "3.2.2"
 
-"@vue/compiler-sfc@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.1.5.tgz#e61e54f3a963b0f4a8e523fbb8632390dc52b0d6"
-  integrity sha512-mtMY6xMvZeSRx9MTa1+NgJWndrkzVTdJ1pQAmAKQuxyb5LsHVvrgP7kcQFvxPHVpLVTORbTJWHaiqoKrJvi1iA==
+"@vue/compiler-sfc@^3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.2.tgz#5b7b13b07689be8e4880d856f72d1be500785be9"
+  integrity sha512-hrtqpQ5L6IPn5v7yVRo7uvLcQxv0z1+KBjZBWMBOcrXz4t+PKUxU/SWd6Tl9T8FDmYlunzKUh6lcx+2CLo6f5A==
   dependencies:
     "@babel/parser" "^7.13.9"
     "@babel/types" "^7.13.0"
     "@types/estree" "^0.0.48"
-    "@vue/compiler-core" "3.1.5"
-    "@vue/compiler-dom" "3.1.5"
-    "@vue/compiler-ssr" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-core" "3.2.2"
+    "@vue/compiler-dom" "3.2.2"
+    "@vue/compiler-ssr" "3.2.2"
+    "@vue/shared" "3.2.2"
     consolidate "^0.16.0"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2707,47 +2707,47 @@
     postcss-selector-parser "^6.0.4"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.1.5.tgz#f068652774293256a1e53084bed48a67682df9d2"
-  integrity sha512-CU5N7Di/a4lyJ18LGJxJYZS2a8PlLdWpWHX9p/XcsjT2TngMpj3QvHVRkuik2u8QrIDZ8OpYmTyj1WDNsOV+Dg==
+"@vue/compiler-ssr@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.2.tgz#633bb8e01f00a969c35ca12db32be7fe4c7185a9"
+  integrity sha512-rVl1agMFhdEN3Go0bCriXo+3cysxKIuRP0yh1Wd8ysRrKfAmokyDhUA8PrGSq2Ymj/LdZTh+4OKfj3p2+C+hlA==
   dependencies:
-    "@vue/compiler-dom" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-dom" "3.2.2"
+    "@vue/shared" "3.2.2"
 
 "@vue/devtools-api@^6.0.0-beta.14":
   version "6.0.0-beta.15"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.0.0-beta.15.tgz#ad7cb384e062f165bcf9c83732125bffbc2ad83d"
   integrity sha512-quBx4Jjpexo6KDiNUGFr/zF/2A4srKM9S9v2uHgMXSU//hjgq1eGzqkIFql8T9gfX5ZaVOUzYBP3jIdIR3PKIA==
 
-"@vue/reactivity@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.1.5.tgz#dbec4d9557f7c8f25c2635db1e23a78a729eb991"
-  integrity sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==
+"@vue/reactivity@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.2.tgz#d37011a68395e038a3cf5256af52d48c591b06b6"
+  integrity sha512-IHjhtmrhK6dzacj/EnLQDWOaA3HuzzVk6w84qgV8EpS4uWGIJXiRalMRg6XvGW2ykJvIl3pLsF0aBFlTMRiLOA==
   dependencies:
-    "@vue/shared" "3.1.5"
+    "@vue/shared" "3.2.2"
 
-"@vue/runtime-core@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.1.5.tgz#a545b7f146092929cb5e833e85439150f17ac87b"
-  integrity sha512-YQbG5cBktN1RowQDKA22itmvQ+b40f0WgQ6CXK4VYoYICAiAfu6Cc14777ve8zp1rJRGtk5oIeS149TOculrTg==
+"@vue/runtime-core@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.2.tgz#b9a7250783de19dd8dd6febf008084b0f9144586"
+  integrity sha512-/aUk1+GO/VPX0oVxhbzSWE1zrf3/wGCsO1ALNisVokYftKqfqLDjbJHE6mrI2hx3MiuwbHrWjJClkGUVTIOPEQ==
   dependencies:
-    "@vue/reactivity" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/reactivity" "3.2.2"
+    "@vue/shared" "3.2.2"
 
-"@vue/runtime-dom@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.1.5.tgz#4fa28947d408aa368fa17ea0edc1beb9af1472a1"
-  integrity sha512-tNcf3JhVR0RfW0kw1p8xZgv30nvX8Y9rsz7eiQ0dHe273sfoCngAG0y4GvMaY4Xd8FsjUwFedd4suQ8Lu8meXg==
+"@vue/runtime-dom@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.2.tgz#6d0da23ed1cfc702477f4b8c5dc4f9335c94e119"
+  integrity sha512-1Le/NpCfawCOfePfJezvWUF+oCVLU8N+IHN4oFDOxRe6/PgHNJ+yT+YdxFifBfI+TIAoXI/9PsnqzmJZV+xsmw==
   dependencies:
-    "@vue/runtime-core" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/runtime-core" "3.2.2"
+    "@vue/shared" "3.2.2"
     csstype "^2.6.8"
 
-"@vue/shared@3.1.5":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.1.5.tgz#74ee3aad995d0a3996a6bb9533d4d280514ede03"
-  integrity sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==
+"@vue/shared@3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.2.tgz#6104185ebd57af5a14ac51c1f491b2205fc24054"
+  integrity sha512-dvYb318tk9uOzHtSaT3WII/HscQSIRzoCZ5GyxEb3JlkEXASpAUAQwKnvSe2CudnF8XHFRTB7VITWSnWNLZUtA==
 
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
@@ -4368,9 +4368,9 @@ ee-first@1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.3.793:
-  version "1.3.803"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.803.tgz#78993a991d096500f21a77e91cd2a44295fe3cbe"
-  integrity sha512-tmRK9qB8Zs8eLMtTBp+w2zVS9MUe62gQQQHjYdAc5Zljam3ZIokNb+vZLPRz9RCREp6EFRwyhOFwbt1fEriQ2Q==
+  version "1.3.806"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.806.tgz#21502100f11aead6c501d1cd7f2504f16c936642"
+  integrity sha512-AH/otJLAAecgyrYp0XK1DPiGVWcOgwPeJBOLeuFQ5l//vhQhwC9u6d+GijClqJAmsHG4XDue81ndSQPohUu0xA==
 
 elliptic@^6.5.3:
   version "6.5.4"
@@ -4501,9 +4501,9 @@ es-to-primitive@^1.2.1:
     is-symbol "^1.0.2"
 
 esbuild@^0.12.8:
-  version "0.12.19"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.19.tgz#ab849766705a5093df5acd8ec2f6ba2159a38a6c"
-  integrity sha512-5NuT1G6THW7l3fsSCDkcPepn24R0XtyPjKoqKHD8LfhqMXzCdz0mrS9HgO6hIhzVT7zt0T+JGbzCqF5AH8hS9w==
+  version "0.12.20"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.20.tgz#4d3c9d83c99a4031e027b42a4c398c23b6827cb0"
+  integrity sha512-u7+0qTo9Z64MD9PhooEngCmzyEYJ6ovFhPp8PLNh3UasR5Ihjv6HWVXqm8uHmasdQlpsAf0IsY4U0YVUfCpt4Q==
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -5236,9 +5236,9 @@ globals@^11.1.0:
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
 globals@^13.6.0, globals@^13.9.0:
-  version "13.10.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.10.0.tgz#60ba56c3ac2ca845cfbf4faeca727ad9dd204676"
-  integrity sha512-piHC3blgLGFjvOuMmWZX60f+na1lXFDhQXBf1UYp2fXPXqvEUbOhNwi6BsQ0bQishwedgnjkwv1d9zKf+MWw3g==
+  version "13.11.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.11.0.tgz#40ef678da117fe7bd2e28f1fab24951bd0255be7"
+  integrity sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==
   dependencies:
     type-fest "^0.20.2"
 
@@ -7366,9 +7366,9 @@ mute-stream@0.0.8, mute-stream@~0.0.4:
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
 nanoid@^3.1.23:
-  version "3.1.24"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.24.tgz#d7ac20215f595c26d314ee5671169a27b609025f"
-  integrity sha512-WNhqqgD4qH7TQdU9ujXfFa/hQI5rOGGnZq+JRmz4JwMZFCgSZVquTq3ORUSv6IC+Y41ACBYV8a8J1kPkqGIiQg==
+  version "3.1.25"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.25.tgz#09ca32747c0e543f0e1814b7d3793477f9c8e152"
+  integrity sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==
 
 natural-compare@^1.4.0:
   version "1.4.0"
@@ -9983,7 +9983,7 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
 
-vue-router@^4.0.10:
+vue-router@^4.0.11:
   version "4.0.11"
   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.11.tgz#cd649a0941c635281763a20965b599643ddc68ed"
   integrity sha512-sha6I8fx9HWtvTrFZfxZkiQQBpqSeT+UCwauYjkdOQYRvwsGwimlQQE2ayqUwuuXGzquFpCPoXzYKWlzL4OuXg==
@@ -10011,14 +10011,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.1.5.tgz#12879b11d0685ee4478c8869551799630a52f9fe"
-  integrity sha512-Ho7HNb1nfDoO+HVb6qYZgeaobt1XbY6KXFe4HGs1b9X6RhkWG/113n4/SrtM1LUclM6OrP/Se5aPHHvAPG1iVQ==
+vue@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.2.tgz#11715cb71a02baefd0f6e6552dc623680eb1bf32"
+  integrity sha512-D/LuzAV30CgNJYGyNheE/VUs5N4toL2IgmS6c9qeOxvyh0xyn4exyRqizpXIrsvfx34zG9x5gCI2tdRHCGvF9w==
   dependencies:
-    "@vue/compiler-dom" "3.1.5"
-    "@vue/runtime-dom" "3.1.5"
-    "@vue/shared" "3.1.5"
+    "@vue/compiler-dom" "3.2.2"
+    "@vue/runtime-dom" "3.2.2"
+    "@vue/shared" "3.2.2"
 
 w3c-hr-time@^1.0.2:
   version "1.0.2"
-- 
GitLab