From 62fe10a6a0d696f0f8d844200c0980cc63cec9e4 Mon Sep 17 00:00:00 2001 From: Arash Sheyda Date: Tue, 26 Sep 2023 16:11:55 -0600 Subject: [PATCH] feat(ui): NSplitPane component --- packages/devtools-ui-kit/package.json | 1 + .../splitpanes.d.ts | 0 .../src/components/NSplitPane.vue | 82 ++ packages/devtools/client/app.vue | 5 +- .../client/components/PanelLeftRight.vue | 34 - .../client/components/StorageDetails.vue | 4 +- .../client/pages/modules/analyze-build.vue | 4 +- .../client/pages/modules/server-routes.vue | 4 +- .../client/pages/modules/virtual-files.vue | 4 +- packages/devtools/client/styles/global.css | 36 - packages/devtools/package.json | 1 - pnpm-lock.yaml | 881 ++++++++++++++++-- 12 files changed, 902 insertions(+), 154 deletions(-) rename packages/{devtools/client => devtools-ui-kit}/splitpanes.d.ts (100%) create mode 100644 packages/devtools-ui-kit/src/components/NSplitPane.vue delete mode 100644 packages/devtools/client/components/PanelLeftRight.vue diff --git a/packages/devtools-ui-kit/package.json b/packages/devtools-ui-kit/package.json index 397dac4e66..11b4bba7ba 100644 --- a/packages/devtools-ui-kit/package.json +++ b/packages/devtools-ui-kit/package.json @@ -51,6 +51,7 @@ "@vueuse/nuxt": "^10.4.1", "defu": "^6.1.2", "focus-trap": "^7.5.3", + "splitpanes": "^3.1.5", "unocss": "^0.56.2", "v-lazy-show": "^0.2.3" }, diff --git a/packages/devtools/client/splitpanes.d.ts b/packages/devtools-ui-kit/splitpanes.d.ts similarity index 100% rename from packages/devtools/client/splitpanes.d.ts rename to packages/devtools-ui-kit/splitpanes.d.ts diff --git a/packages/devtools-ui-kit/src/components/NSplitPane.vue b/packages/devtools-ui-kit/src/components/NSplitPane.vue new file mode 100644 index 0000000000..dcbb50d699 --- /dev/null +++ b/packages/devtools-ui-kit/src/components/NSplitPane.vue @@ -0,0 +1,82 @@ + + + + + diff --git a/packages/devtools/client/app.vue b/packages/devtools/client/app.vue index 232d8c7b73..203fdb7fdb 100644 --- a/packages/devtools/client/app.vue +++ b/packages/devtools/client/app.vue @@ -1,7 +1,6 @@ - - diff --git a/packages/devtools/client/components/StorageDetails.vue b/packages/devtools/client/components/StorageDetails.vue index 247ee4307e..629526ab80 100644 --- a/packages/devtools/client/components/StorageDetails.vue +++ b/packages/devtools/client/components/StorageDetails.vue @@ -109,7 +109,7 @@ async function renameCurrentItem() {