fix: fix eyedropper dialog can not close

Author: baiwusanyu-c

PLAN.md

@@ -1,5 +1,6 @@
-# readme.md
 # ci
+
 # PlAN
+
 # drag
-# close bug
+# 关闭后会到 overview

README.md

@@ -8,79 +8,89 @@ ikun-svelte-devtools
 🍨 A vite plugin that improves the svelte development experience
 </p>
 
-
 ## Features
 
 ![overview.png](public%2Foverview.png)
 
 ### page
 
-In the pages module, you can quickly understand which pages the project contains  
+In the pages module, you can quickly understand which pages the project contains
 
 ![page.png](public%2Fpage.png)
 
 ### Routes
-In the Routes module, you can quickly understand the routing information of the project  
+
+In the Routes module, you can quickly understand the routing information of the project
 
 ![router.png](public%2Frouter.png)
 
 ### Assets
-In the Assets module, you can quickly understand the static resources of the project, including pictures, fonts, etc.  
+
+In the Assets module, you can quickly understand the static resources of the project, including pictures, fonts, etc.
 
 ![assets.png](public%2Fassets.png)
 
 ### Search Packages
-In the Search Packages module you can search for dependencies and install or uninstall them  
+
+In the Search Packages module you can search for dependencies and install or uninstall them
 
 ![search-package.png](public%2Fsearch-package.png)
 
 ### Inspect
-In the Inspect module you can view the compiled code, It comes from `vite-plugin-inspect` support.  
+
+In the Inspect module you can view the compiled code, It comes from `vite-plugin-inspect` support.
 
 ![inpect.png](public%2Finpect.png)
 
 ### Graph
-In the Graph module, you can quickly understand the reference relationship between js and sfc through visualization  
+
+In the Graph module, you can quickly understand the reference relationship between js and sfc through visualization
 
 ![graph.png](public%2Fgraph.png)
 
 ### Inspector
+
 In the Inspector module, you can click on an element on the page to open the corresponding source code in the IDE.  
 It comes from `svelte-kit-inspector` support.
 
-
 ### EyeDropper
+
 EyeDropper module can open a color picker
 
 ## Install
 
 ```bash
 npm i @ikun-svelte-devtools/server -D
 ```
+
 Or
+
 ```bash
 yarn add @ikun-svelte-devtools/server -D
 ```
+
 Or
+
 ```bash
 pnpm add @ikun-svelte-devtools/server -D
 ```
 
 ## Usage
+
 ```ts
 // vite.config.ts
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 import svelteDevtools from '@ikun-svelte-devtools/server';
 export default defineConfig({
-  plugins: [
-    svelteDevtools({
-      sveltekit: sveltekit()
-    }),
-  ],
+	plugins: [
+		svelteDevtools({
+			sveltekit: sveltekit()
+		})
+	]
 });
-
 ```
+
 ## Thanks
 
 - [svelte](https://github.com/sveltejs/svelte)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ikun-svelte-devtools/core",
-	"description": "\uD83C\uDF68 A vite plugin that improves the svelte development experience",
+	"description": "🍨 A vite plugin that improves the svelte development experience",
 	"type": "module",
 	"version": "0.0.1-beta.12",
 	"keywords": [

packages/client/src/views/pages.svelte

@@ -63,7 +63,6 @@
 
      function setCurrentAndNextRoute(path = ''){
       nextRoute = currentRoute = path ? path : window.parent.location.pathname;
-      console.log(currentRoute, nextRoute)
     }
 
 

packages/server/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ikun-svelte-devtools/server",
-	"description": "\uD83C\uDF68 A vite plugin that improves the svelte development experience",
+	"description": "🍨 A vite plugin that improves the svelte development experience",
 	"type": "module",
 	"version": "0.0.1-beta.12",
 	"main": "./dist/index.js",

packages/server/src/app/devtools-container.svelte

@@ -94,6 +94,7 @@
             eyeDropperRef && (eyeDropperRef.style.display = 'flex')
             setTimeout(() => modalRef && (modalRef.style.display = 'none'), 350)
           }else {
+            eyeDropperRef && (eyeDropperRef.style.display = 'none')
             setTimeout(() => bubbleRef && (bubbleRef.style.display = 'none'), 350)
             modalRef && (modalRef.style.display = 'initial')
           }