@vue/devtools-kit 7.6.2 → 7.6.3

package/dist/index.cjs

@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target22) => (target22 = mod != null ? __create(
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.3.0_@microsoft+api-extractor@7.43.0_@types+node@20.16.14__@swc+core@1.5.29_jiti@2.0.0__utvtwgyeu6xd57udthcnogp47u/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.9.0__@swc+core@1.5.29_jiti@2.0.0_po_lnt5yfvawfblpk67opvcdwbq7u/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.3.0_@microsoft+api-extractor@7.43.0_@types+node@20.16.14__@swc+core@1.5.29_jiti@2.0.0__utvtwgyeu6xd57udthcnogp47u/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.9.0__@swc+core@1.5.29_jiti@2.0.0_po_lnt5yfvawfblpk67opvcdwbq7u/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1954,10 +1954,15 @@ async function editComponentState(payload, stateEditor2) {
     return;
   const targetPath = path.slice();
   let target22;
-  if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0]))
+  if (Object.keys(instance.props).includes(path[0])) {
+    target22 = instance.props;
+  } else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) {
     target22 = instance.devtoolsRawSetupState;
-  if (instance.data && Object.keys(instance.data).includes(path[0]))
+  } else if (instance.data && Object.keys(instance.data).includes(path[0])) {
     target22 = instance.data;
+  } else {
+    target22 = instance.proxy;
+  }
   if (target22 && targetPath) {
     if (state.type === "object" && type === "reactive") {
     }
@@ -2176,6 +2181,8 @@ function update(options) {
 }
 function highlight(instance) {
   const bounds = getComponentBoundingRect(instance);
+  if (!bounds.width && !bounds.height)
+    return;
   const name = getInstanceName(instance);
   const container = getContainerElement();
   container ? update({ bounds, name }) : create({ bounds, name });
@@ -3408,8 +3415,9 @@ function resolveMergedOptions(instance) {
   return options;
 }
 function processProps(instance) {
+  var _a25;
   const props = [];
-  const propDefinitions = instance.type.props;
+  const propDefinitions = (_a25 = instance == null ? void 0 : instance.type) == null ? void 0 : _a25.props;
   for (const key in instance.props) {
     const propDefinition = propDefinitions ? propDefinitions[key] : null;
     const camelizeKey = (0, import_devtools_shared11.camelize)(key);
@@ -3417,6 +3425,7 @@ function processProps(instance) {
       type: "props",
       key: camelizeKey,
       value: returnError(() => instance.props[key]),
+      editable: true,
       meta: propDefinition ? {
         type: propDefinition.type ? getPropType(propDefinition.type) : "any",
         required: !!propDefinition.required,

package/dist/index.js

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target22) => (target22 = mod != null ? __create(
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.3.0_@microsoft+api-extractor@7.43.0_@types+node@20.16.14__@swc+core@1.5.29_jiti@2.0.0__utvtwgyeu6xd57udthcnogp47u/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.9.0__@swc+core@1.5.29_jiti@2.0.0_po_lnt5yfvawfblpk67opvcdwbq7u/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.3.0_@microsoft+api-extractor@7.43.0_@types+node@20.16.14__@swc+core@1.5.29_jiti@2.0.0__utvtwgyeu6xd57udthcnogp47u/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.9.0__@swc+core@1.5.29_jiti@2.0.0_po_lnt5yfvawfblpk67opvcdwbq7u/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -1863,10 +1863,15 @@ async function editComponentState(payload, stateEditor2) {
     return;
   const targetPath = path.slice();
   let target22;
-  if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0]))
+  if (Object.keys(instance.props).includes(path[0])) {
+    target22 = instance.props;
+  } else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) {
     target22 = instance.devtoolsRawSetupState;
-  if (instance.data && Object.keys(instance.data).includes(path[0]))
+  } else if (instance.data && Object.keys(instance.data).includes(path[0])) {
     target22 = instance.data;
+  } else {
+    target22 = instance.proxy;
+  }
   if (target22 && targetPath) {
     if (state.type === "object" && type === "reactive") {
     }
@@ -2085,6 +2090,8 @@ function update(options) {
 }
 function highlight(instance) {
   const bounds = getComponentBoundingRect(instance);
+  if (!bounds.width && !bounds.height)
+    return;
   const name = getInstanceName(instance);
   const container = getContainerElement();
   container ? update({ bounds, name }) : create({ bounds, name });
@@ -3317,8 +3324,9 @@ function resolveMergedOptions(instance) {
   return options;
 }
 function processProps(instance) {
+  var _a25;
   const props = [];
-  const propDefinitions = instance.type.props;
+  const propDefinitions = (_a25 = instance == null ? void 0 : instance.type) == null ? void 0 : _a25.props;
   for (const key in instance.props) {
     const propDefinition = propDefinitions ? propDefinitions[key] : null;
     const camelizeKey = camelize(key);
@@ -3326,6 +3334,7 @@ function processProps(instance) {
       type: "props",
       key: camelizeKey,
       value: returnError(() => instance.props[key]),
+      editable: true,
       meta: propDefinition ? {
         type: propDefinition.type ? getPropType(propDefinition.type) : "any",
         required: !!propDefinition.required,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.6.2",
+  "version": "7.6.3",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -29,7 +29,7 @@
     "perfect-debounce": "^1.0.0",
     "speakingurl": "^14.0.1",
     "superjson": "^2.2.1",
-    "@vue/devtools-shared": "^7.6.2"
+    "@vue/devtools-shared": "^7.6.3"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",