vite-plugin-vue-devtools 1.0.0-rc.3 → 1.0.0-rc.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/README.zh-CN.md +5 -5
- package/dist/client/assets/{DrawerRight.vue_vue_type_script_setup_true_lang-d1e6f85b.js → DrawerRight.vue_vue_type_script_setup_true_lang-86417d19.js} +2 -2
- package/dist/client/assets/{IconButton.vue_vue_type_script_setup_true_lang-2c80611a.js → IconButton.vue_vue_type_script_setup_true_lang-5413432d.js} +1 -2
- package/dist/client/assets/{IconTitle.vue_vue_type_script_setup_true_lang-18ded317.js → IconTitle.vue_vue_type_script_setup_true_lang-61e99e48.js} +1 -1
- package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-6dcf68c7.js → IframeView.vue_vue_type_script_setup_true_lang-284f4aeb.js} +1 -1
- package/dist/client/assets/{PanelGrids-41d52aca.js → PanelGrids-1efd2725.js} +1 -1
- package/dist/client/assets/{SectionBlock-3134845a.js → SectionBlock-37da5531.js} +2 -3
- package/dist/client/assets/{StateFields.vue_vue_type_script_setup_true_lang-4cfe51d6.js → StateFields.vue_vue_type_script_setup_true_lang-28edb052.js} +3 -4
- package/dist/client/assets/{Switch.vue_vue_type_script_setup_true_lang-9848bfba.js → Switch.vue_vue_type_script_setup_true_lang-06139d5d.js} +1 -2
- package/dist/client/assets/{TextInput.vue_vue_type_script_setup_true_lang-2329528e.js → TextInput.vue_vue_type_script_setup_true_lang-c0e850e5.js} +1 -2
- package/dist/client/assets/{__eyedropper-acc3f123.js → __eyedropper-2f8d4ccb.js} +3 -3
- package/dist/client/assets/{assets-8e0d913e.js → assets-1521db36.js} +7 -8
- package/dist/client/assets/{component-docs-140a135c.js → component-docs-9614186c.js} +4 -5
- package/dist/client/assets/{components-f343b0c5.js → components-fa86985f.js} +11 -12
- package/dist/client/assets/{data-edfb31c7.js → data-8813539a.js} +1 -1
- package/dist/client/assets/{documentations-a11c5bfb.js → documentations-8e05228e.js} +2 -2
- package/dist/client/assets/{graph-bb57d727.js → graph-bb4e5490.js} +1129 -2152
- package/dist/client/assets/index-596e276f.css +482 -0
- package/dist/client/assets/{index-ce1fcb24.js → index-a93d5a24.js} +1 -1
- package/dist/client/assets/{index-42385ed9.js → index-b40290a8.js} +293 -181
- package/dist/client/assets/{inspect-a7dbf486.js → inspect-cdc1015f.js} +2 -2
- package/dist/client/assets/jse-theme-dark-c5c63c23.js +1558 -0
- package/dist/client/assets/npm-12f65bd9.js +549 -0
- package/dist/client/assets/{overview-5648284b.js → overview-3b28a6e5.js} +4 -4
- package/dist/client/assets/{pages-8b2e9d9b.js → pages-68eea71a.js} +7 -8
- package/dist/client/assets/{pinia-99ac02bc.js → pinia-4113ec25.js} +5 -6
- package/dist/client/assets/{rerender-trace-8eb716f9.js → rerender-trace-bcb7abbe.js} +2 -2
- package/dist/client/assets/{routes-e1588547.js → routes-1409a39f.js} +6 -7
- package/dist/client/assets/{settings-bf16021b.js → settings-2afa7498.js} +27 -9
- package/dist/client/assets/{splitpanes.es-96ad8842.js → splitpanes.es-60cf9925.js} +1 -1
- package/dist/client/assets/{timeline-b813fce8.js → timeline-4d22230f.js} +6 -7
- package/dist/client/index.html +2 -2
- package/package.json +5 -5
- package/src/views/ComponentInspector.vue +1 -1
- package/src/views/Main.vue +1 -1
- package/dist/client/assets/Icon.vue_vue_type_script_setup_true_lang-7a243fe7.js +0 -19
- package/dist/client/assets/index-1634d25d.css +0 -481
- package/dist/client/assets/jse-theme-dark-a247d7ba.js +0 -1555
- package/dist/client/assets/npm-e7ef5f2a.js +0 -550
package/README.md
CHANGED
|
@@ -56,7 +56,7 @@ Assets tab that shows all your static assets and their information. You can open
|
|
|
56
56
|
|
|
57
57
|
### Timeline
|
|
58
58
|
|
|
59
|
-
Timeline tab has three categories: Performance, Router Navigations, and Pinia. You can switch between them to see the state changes and timelines.
|
|
59
|
+
Timeline tab has three categories: Performance, Router Navigations, and [Pinia](https://github.com/vuejs/pinia). You can switch between them to see the state changes and timelines.
|
|
60
60
|
|
|
61
61
|
<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/timeline.png" />
|
|
62
62
|
|
|
@@ -80,7 +80,7 @@ Graph tab provides a graph view that show the relationship between components.
|
|
|
80
80
|
|
|
81
81
|
### Inspect
|
|
82
82
|
|
|
83
|
-
Inspect expose the [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) integration, allowing you to inspect transformation steps of Vite. It can be helpful to understand how each plugin is transforming your code and spot potential issues.
|
|
83
|
+
Inspect expose the [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) integration, allowing you to inspect transformation steps of [Vite](https://vitejs.dev/). It can be helpful to understand how each plugin is transforming your code and spot potential issues.
|
|
84
84
|
|
|
85
85
|
<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/inspect.png" />
|
|
86
86
|
|
|
@@ -154,7 +154,7 @@ interface VitePluginVueDevToolsOptions {
|
|
|
154
154
|
## 💡 Notice
|
|
155
155
|
|
|
156
156
|
- Only available in `development mode`.
|
|
157
|
-
- Only support `Vue3.0+` .
|
|
157
|
+
- Only support `Vue3.0+` and `Vite 3.1+`.
|
|
158
158
|
- Only supports single-instance `Vue` applications.
|
|
159
159
|
- Doesn't support `SSR` (If you're using `Nuxt`, use [nuxt/devtools](https://github.com/nuxt/devtools) directly).
|
|
160
160
|
- The plugin follows `Vue's DevTools` configuration, so if you have configured the `hide` option, it will also be applied in this plugin. e.g.
|
package/README.zh-CN.md
CHANGED
|
@@ -55,7 +55,7 @@ Vue DevTools <sup>预览</sup>
|
|
|
55
55
|
|
|
56
56
|
### Timeline
|
|
57
57
|
|
|
58
|
-
`Timeline` 选项卡包含三个类别:性能、路由导航和 Pinia,您可以在它们之间切换以查看状态变化和时间线。
|
|
58
|
+
`Timeline` 选项卡包含三个类别:性能、路由导航和 [Pinia](https://github.com/vuejs/pinia),您可以在它们之间切换以查看状态变化和时间线。
|
|
59
59
|
|
|
60
60
|
<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/timeline.png" />
|
|
61
61
|
|
|
@@ -79,13 +79,13 @@ Vue DevTools <sup>预览</sup>
|
|
|
79
79
|
|
|
80
80
|
### Inspect
|
|
81
81
|
|
|
82
|
-
`Inspect` 公开 [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) 集成,允许您检查 Vite 的转换步骤,了解每个插件如何改变您的代码并发现潜在问题可能会有所帮助。
|
|
82
|
+
`Inspect` 公开 [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) 集成,允许您检查 [Vite](https://vitejs.dev/) 的转换步骤,了解每个插件如何改变您的代码并发现潜在问题可能会有所帮助。
|
|
83
83
|
|
|
84
84
|
<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/inspect.png" />
|
|
85
85
|
|
|
86
86
|
### Inspector
|
|
87
87
|
|
|
88
|
-
您还可以使用 `Inspector` 功能来检查 `DOM`
|
|
88
|
+
您还可以使用 `Inspector` 功能来检查 `DOM` 树并查看哪个组件正在渲染它,单击可转到编辑器的特定行,使更改变得更加容易,而无需彻底了解项目结构。 (该功能基于 [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector))
|
|
89
89
|
|
|
90
90
|
<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/inspector.png" height=450 />
|
|
91
91
|
|
|
@@ -148,9 +148,9 @@ interface VitePluginVueDevToolsOptions {
|
|
|
148
148
|
## 💡 注意
|
|
149
149
|
|
|
150
150
|
- 仅在 `开发模式` 下可用。
|
|
151
|
-
- 仅支持 `Vue3.0+`
|
|
151
|
+
- 仅支持 `Vue3.0+` 和 `Vite 3.1+`。
|
|
152
152
|
- 仅支持单实例 `Vue` 应用程序。
|
|
153
|
-
- 不支持 `SSR`
|
|
153
|
+
- 不支持 `SSR` (如果您使用 `Nuxt` ,请使用 [nuxt/devtools](https://github.com/nuxt/devtools))。
|
|
154
154
|
- 该插件遵循 `Vue` 的 `DevTools` 配置,因此如果您配置了 `hide` 选项,它也将应用于该插件。例如
|
|
155
155
|
|
|
156
156
|
```js
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as _sfc_main$1 } from './IconButton.vue_vue_type_script_setup_true_lang-
|
|
2
|
-
import { v as defineComponent, a$ as ref,
|
|
1
|
+
import { _ as _sfc_main$1 } from './IconButton.vue_vue_type_script_setup_true_lang-5413432d.js';
|
|
2
|
+
import { v as defineComponent, a$ as ref, cF as useElementSize, ce as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, P as Transition } from './index-b40290a8.js';
|
|
3
3
|
|
|
4
4
|
const _hoisted_1 = {
|
|
5
5
|
relative: "",
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-42385ed9.js';
|
|
1
|
+
import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, bJ as _sfc_main$1, k as mergeProps, j as resolveDynamicComponent } from './index-b40290a8.js';
|
|
3
2
|
|
|
4
3
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
4
|
__name: "IconButton",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-
|
|
1
|
+
import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-b40290a8.js';
|
|
2
2
|
|
|
3
3
|
const _hoisted_1 = {
|
|
4
4
|
flex: "~ gap-3",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { v as defineComponent,
|
|
1
|
+
import { v as defineComponent, cb as useColorMode, a$ as ref, a1 as computed, aZ as reactive, ct as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-b40290a8.js';
|
|
2
2
|
|
|
3
3
|
const _hoisted_1 = {
|
|
4
4
|
key: 0,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { bK as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-b40290a8.js';
|
|
2
2
|
|
|
3
3
|
/* unplugin-vue-components disabled */const _sfc_main = {};
|
|
4
4
|
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-
|
|
2
|
-
import {
|
|
3
|
-
import { v as defineComponent, bK as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-42385ed9.js';
|
|
1
|
+
import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-61e99e48.js';
|
|
2
|
+
import { v as defineComponent, bL as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _sfc_main$2, bK as _export_sfc } from './index-b40290a8.js';
|
|
4
3
|
|
|
5
4
|
const _withScopeId = (n) => (pushScopeId("data-v-e966339e"), n = n(), popScopeId(), n);
|
|
6
5
|
const _hoisted_1 = ["open"];
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-2c80611a.js';
|
|
1
|
+
import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, bJ as _sfc_main$3, aC as isRef, bd as toRaw, a1 as computed, cx as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cy as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cz as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-b40290a8.js';
|
|
2
|
+
import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-a93d5a24.js';
|
|
3
|
+
import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-5413432d.js';
|
|
5
4
|
|
|
6
5
|
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
7
6
|
__name: "ExpandIcon",
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-42385ed9.js';
|
|
1
|
+
import { v as defineComponent, bL as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bJ as _sfc_main$2, bq as vModelCheckbox, bE as withKeys } from './index-b40290a8.js';
|
|
3
2
|
|
|
4
3
|
const _hoisted_1$1 = { class: "n-text-input flex flex items-center border n-border-base rounded px-2 py-1 focus-within:n-focus-base focus-within:border-context n-bg-base" };
|
|
5
4
|
const _hoisted_2$1 = ["disabled"];
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-42385ed9.js';
|
|
1
|
+
import { v as defineComponent, bL as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode, bJ as _sfc_main$1 } from './index-b40290a8.js';
|
|
3
2
|
|
|
4
3
|
const _hoisted_1 = { class: "n-text-input flex flex items-center border n-border-base rounded py-1 pl-1 pr-2 focus-within:n-focus-base focus-within:border-context n-bg-base" };
|
|
5
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as __unplugin_components_0 } from './PanelGrids-
|
|
2
|
-
import { v as defineComponent,
|
|
3
|
-
import { h as checkIsSecurityContext } from './index-
|
|
1
|
+
import { _ as __unplugin_components_0 } from './PanelGrids-1efd2725.js';
|
|
2
|
+
import { v as defineComponent, cG as useRouter, a$ as ref, a1 as computed, cx as useCopy, ck as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, c6 as useDevToolsClient, bY as useFrameState, u as createVNode } from './index-b40290a8.js';
|
|
3
|
+
import { h as checkIsSecurityContext } from './index-a93d5a24.js';
|
|
4
4
|
|
|
5
5
|
const _hoisted_1 = {
|
|
6
6
|
key: 0
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { _ as __unplugin_components_0 } from './PanelGrids-
|
|
2
|
-
import { v as defineComponent, a1 as computed, o as openBlock, e as createElementBlock, y as toDisplayString, z as unref, q as normalizeClass,
|
|
3
|
-
import { _ as _sfc_main$d } from './DrawerRight.vue_vue_type_script_setup_true_lang-
|
|
4
|
-
import { _ as _sfc_main$b } from './TextInput.vue_vue_type_script_setup_true_lang-
|
|
5
|
-
import { _ as _sfc_main$8 } from './IconButton.vue_vue_type_script_setup_true_lang-
|
|
6
|
-
import { _ as
|
|
7
|
-
import { _ as __unplugin_components_3 } from './SectionBlock-3134845a.js';
|
|
1
|
+
import { _ as __unplugin_components_0 } from './PanelGrids-1efd2725.js';
|
|
2
|
+
import { v as defineComponent, a1 as computed, o as openBlock, e as createElementBlock, y as toDisplayString, z as unref, q as normalizeClass, cA as useStyleTag, l as normalizeStyle, c as createBlock, x as createBaseVNode, bL as useVModel, cz as useNotification, cB as computedAsync, cx as useCopy, cC as useTimeAgo, a$ as ref, F as Fragment, u as createVNode, g as createCommentVNode, a9 as createTextVNode, h as withCtx, aC as isRef, ch as rpc, c6 as useDevToolsClient, bM as _sfc_main$9, bN as _sfc_main$a, r as resolveComponent, f as renderSlot, i as renderList, bJ as _sfc_main$c, cD as onKeyDown, cl as hookApi, c7 as rootPath, _ as __unplugin_components_7, cE as useDebounceFn } from './index-b40290a8.js';
|
|
3
|
+
import { _ as _sfc_main$d } from './DrawerRight.vue_vue_type_script_setup_true_lang-86417d19.js';
|
|
4
|
+
import { _ as _sfc_main$b } from './TextInput.vue_vue_type_script_setup_true_lang-c0e850e5.js';
|
|
5
|
+
import { _ as _sfc_main$8 } from './IconButton.vue_vue_type_script_setup_true_lang-5413432d.js';
|
|
6
|
+
import { _ as __unplugin_components_3 } from './SectionBlock-37da5531.js';
|
|
8
7
|
import { F as Fuse } from './fuse.esm-c317b696.js';
|
|
9
|
-
import './IconTitle.vue_vue_type_script_setup_true_lang-
|
|
8
|
+
import './IconTitle.vue_vue_type_script_setup_true_lang-61e99e48.js';
|
|
10
9
|
|
|
11
10
|
const _hoisted_1$6 = ["title"];
|
|
12
11
|
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { v as defineComponent,
|
|
2
|
-
import { _ as _sfc_main$1 } from './TextInput.vue_vue_type_script_setup_true_lang-
|
|
3
|
-
import { g, M } from './splitpanes.es-
|
|
1
|
+
import { v as defineComponent, cb as useColorMode, a$ as ref, a1 as computed, by as watch, o as openBlock, e as createElementBlock, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, d as withDirectives, bv as vShow, q as normalizeClass, l as normalizeStyle, ch as rpc, _ as __unplugin_components_7, y as toDisplayString } from './index-b40290a8.js';
|
|
2
|
+
import { _ as _sfc_main$1 } from './TextInput.vue_vue_type_script_setup_true_lang-c0e850e5.js';
|
|
3
|
+
import { g, M } from './splitpanes.es-60cf9925.js';
|
|
4
4
|
import { F as Fuse } from './fuse.esm-c317b696.js';
|
|
5
|
-
import { U as Uu } from './jse-theme-dark-
|
|
6
|
-
import './Icon.vue_vue_type_script_setup_true_lang-7a243fe7.js';
|
|
5
|
+
import { U as Uu } from './jse-theme-dark-c5c63c23.js';
|
|
7
6
|
|
|
8
7
|
const _hoisted_1 = {
|
|
9
8
|
relative: "",
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import { _ as __unplugin_components_0 } from './PanelGrids-
|
|
2
|
-
import { a$ as ref, a1 as computed, b8 as shallowRef,
|
|
3
|
-
import { a as _sfc_main$2, _ as _sfc_main$4 } from './StateFields.vue_vue_type_script_setup_true_lang-
|
|
4
|
-
import { g as getInstanceName, c as classify, k as kebabize, i as isFragment, b as isBeingDestroyed, d as getUniqueComponentId, e as getRenderKey, f as getInstanceState, h as getInstanceDetails } from './data-
|
|
5
|
-
import { _ as _sfc_main$3 } from './TextInput.vue_vue_type_script_setup_true_lang-
|
|
6
|
-
import { g, M } from './splitpanes.es-
|
|
7
|
-
import './
|
|
8
|
-
import './
|
|
9
|
-
import './IconButton.vue_vue_type_script_setup_true_lang-2c80611a.js';
|
|
1
|
+
import { _ as __unplugin_components_0 } from './PanelGrids-1efd2725.js';
|
|
2
|
+
import { a$ as ref, a1 as computed, b8 as shallowRef, c6 as useDevToolsClient, cu as useThrottleFn, v as defineComponent, by as watch, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, F as Fragment, i as renderList, g as createCommentVNode, cq as watchDebounced, aP as onMounted, cv as onVueInstanceUpdate, cs as useMagicKeys, bz as watchEffect, u as createVNode, h as withCtx, aC as isRef, c7 as rootPath, aZ as reactive, _ as __unplugin_components_7, cw as instance } from './index-b40290a8.js';
|
|
3
|
+
import { a as _sfc_main$2, _ as _sfc_main$4 } from './StateFields.vue_vue_type_script_setup_true_lang-28edb052.js';
|
|
4
|
+
import { g as getInstanceName, c as classify, k as kebabize, i as isFragment, b as isBeingDestroyed, d as getUniqueComponentId, e as getRenderKey, f as getInstanceState, h as getInstanceDetails } from './data-8813539a.js';
|
|
5
|
+
import { _ as _sfc_main$3 } from './TextInput.vue_vue_type_script_setup_true_lang-c0e850e5.js';
|
|
6
|
+
import { g, M } from './splitpanes.es-60cf9925.js';
|
|
7
|
+
import './index-a93d5a24.js';
|
|
8
|
+
import './IconButton.vue_vue_type_script_setup_true_lang-5413432d.js';
|
|
10
9
|
|
|
11
|
-
const t
|
|
10
|
+
const t=t=>"object"==typeof t&&null!=t&&1===t.nodeType,e$1=(t,e)=>(!e||"hidden"!==t)&&("visible"!==t&&"clip"!==t),n=(t,n)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const o=getComputedStyle(t,null);return e$1(o.overflowY,n)||e$1(o.overflowX,n)||(t=>{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)})(t)}return !1},o$1=(t,e,n,o,i,l,r,d)=>l<t&&r>e||l>t&&r<e?0:l<=t&&d<=n||r>=e&&d>=n?l-t-o:r>e&&d<n||l<t&&d>n?r-e+i:0,i=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},l=(e,l)=>{var r,d,s,h;if("undefined"==typeof document)return [];const{scrollMode:c,block:f,inline:u,boundary:a,skipOverflowHiddenElements:g}=l,m="function"==typeof a?a:t=>t!==a;if(!t(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,w=[];let W=e;for(;t(W)&&m(W);){if(W=i(W),W===p){w.push(W);break}null!=W&&W===document.body&&n(W)&&!n(document.documentElement)||null!=W&&n(W,g)&&w.push(W);}const H=null!=(d=null==(r=window.visualViewport)?void 0:r.width)?d:innerWidth,b=null!=(h=null==(s=window.visualViewport)?void 0:s.height)?h:innerHeight,{scrollX:v,scrollY:y}=window,{height:E,width:M,top:x,right:I,bottom:C,left:R}=e.getBoundingClientRect();let T="start"===f||"nearest"===f?x:"end"===f?C:x+E/2,V="center"===u?R+M/2:"end"===u?I:R;const k=[];for(let t=0;t<w.length;t++){const e=w[t],{height:n,width:i,top:l,right:r,bottom:d,left:s}=e.getBoundingClientRect();if("if-needed"===c&&x>=0&&R>=0&&C<=b&&I<=H&&x>=l&&C<=d&&R>=s&&I<=r)return k;const h=getComputedStyle(e),a=parseInt(h.borderLeftWidth,10),g=parseInt(h.borderTopWidth,10),m=parseInt(h.borderRightWidth,10),W=parseInt(h.borderBottomWidth,10);let B=0,D=0;const L="offsetWidth"in e?e.offsetWidth-e.clientWidth-a-m:0,S="offsetHeight"in e?e.offsetHeight-e.clientHeight-g-W:0,X="offsetWidth"in e?0===e.offsetWidth?0:i/e.offsetWidth:0,Y="offsetHeight"in e?0===e.offsetHeight?0:n/e.offsetHeight:0;if(p===e)B="start"===f?T:"end"===f?T-b:"nearest"===f?o$1(y,y+b,b,g,W,y+T,y+T+E,E):T-b/2,D="start"===u?V:"center"===u?V-H/2:"end"===u?V-H:o$1(v,v+H,H,a,m,v+V,v+V+M,M),B=Math.max(0,B+y),D=Math.max(0,D+v);else {B="start"===f?T-l-g:"end"===f?T-d+W+S:"nearest"===f?o$1(l,d,n,g,W+S,T,T+E,E):T-(l+n/2)+S/2,D="start"===u?V-s-a:"center"===u?V-(s+i/2)+L/2:"end"===u?V-r+m+L:o$1(s,r,i,a,m+L,V,V+M,M);const{scrollLeft:t,scrollTop:h}=e;B=Math.max(0,Math.min(h+B/Y,e.scrollHeight-n/Y+S)),D=Math.max(0,Math.min(t+D/X,e.scrollWidth-i/X+L)),T+=h-B,V+=t-D;}k.push({el:e,top:B,left:D});}return k};
|
|
12
11
|
/* Injected with object hook! */
|
|
13
12
|
|
|
14
|
-
const o=
|
|
13
|
+
const o=t=>!1===t?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&0!==Object.keys(t).length)(t)?t:{block:"start",inline:"nearest"};function e(e,r){if(!e.isConnected||!(t=>{let o=t;for(;o&&o.parentNode;){if(o.parentNode===document)return !0;o=o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode;}return !1})(e))return;const n=(t=>{const o=window.getComputedStyle(t);return {top:parseFloat(o.scrollMarginTop)||0,right:parseFloat(o.scrollMarginRight)||0,bottom:parseFloat(o.scrollMarginBottom)||0,left:parseFloat(o.scrollMarginLeft)||0}})(e);if((t=>"object"==typeof t&&"function"==typeof t.behavior)(r))return r.behavior(l(e,r));const l$1="boolean"==typeof r||null==r?void 0:r.behavior;for(const{el:a,top:i,left:s}of l(e,o(r))){const t=i-n.top+n.bottom,o=s-n.left+n.right;a.scroll({top:t,left:o,behavior:l$1});}}
|
|
15
14
|
/* Injected with object hook! */
|
|
16
15
|
|
|
17
16
|
class ComponentFilter {
|
|
@@ -400,7 +399,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
400
399
|
function autoScroll() {
|
|
401
400
|
if (isSelected.value && toggleEl.value) {
|
|
402
401
|
const el = toggleEl.value;
|
|
403
|
-
|
|
402
|
+
e(el, {
|
|
404
403
|
scrollMode: "if-needed",
|
|
405
404
|
block: "center",
|
|
406
405
|
behavior: "smooth",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, a9 as createTextVNode, y as toDisplayString, g as createCommentVNode, e as createElementBlock, bG as withModifiers, f as renderSlot, _ as __unplugin_components_7, a$ as ref, z as unref, u as createVNode, T as Teleport, F as Fragment, i as renderList } from './index-
|
|
2
|
-
import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, a9 as createTextVNode, y as toDisplayString, g as createCommentVNode, e as createElementBlock, bG as withModifiers, f as renderSlot, _ as __unplugin_components_7, a$ as ref, z as unref, u as createVNode, T as Teleport, F as Fragment, i as renderList } from './index-b40290a8.js';
|
|
2
|
+
import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-284f4aeb.js';
|
|
3
3
|
|
|
4
4
|
const _hoisted_1$1 = {
|
|
5
5
|
flex: "~ col gap2",
|