fix(language-service): enhance provideInlayHints to support range parameters

Author: johnsoncodehk

packages/language-service/lib/plugins/vue-missing-props-hints.ts

@@ -21,7 +21,7 @@ export function create(
 
 return {
 
-async provideInlayHints(document) {
+async provideInlayHints(document, range) {
 
 if (!isSupportedDocument(document)) {
 return;
@@ -68,15 +68,23 @@ export function create(
 let current: {
 unburnedRequiredProps: string[];
 labelOffset: number;
-insertOffset: number;
 } | undefined;
 
 while ((token = scanner.scan()) !== html.TokenType.EOS) {
 if (token === html.TokenType.StartTag) {
+
 const tagName = scanner.getTokenText();
+const tagOffset = scanner.getTokenOffset();
+
 if (intrinsicElementNames.has(tagName)) {
 continue;
 }
+if (tagOffset < document.offsetAt(range.start)) {
+continue;
+}
+if (tagOffset > document.offsetAt(range.end)) {
+break;
+}
 
 const checkTag = tagName.includes('.')
 ? tagName
@@ -88,7 +96,6 @@ export function create(
 current = {
 unburnedRequiredProps: [...componentProps[checkTag]],
 labelOffset: scanner.getTokenOffset() + scanner.getTokenLength(),
-insertOffset: scanner.getTokenOffset() + scanner.getTokenLength(),
 };
 }
 }
@@ -141,8 +148,8 @@ export function create(
 kind: 2 satisfies typeof vscode.InlayHintKind.Parameter,
 textEdits: [{
 range: {
-start: document.positionAt(current.insertOffset),
-end: document.positionAt(current.insertOffset),
+start: document.positionAt(current.labelOffset),
+end: document.positionAt(current.labelOffset),
 },
 newText: ` :${casing.attr === AttrNameCasing.Kebab ? hyphenateAttr(requiredProp) : requiredProp}=`,
 }],
@@ -151,11 +158,6 @@ export function create(
 current = undefined;
 }
 }
-if (token === html.TokenType.AttributeName || token === html.TokenType.AttributeValue) {
-if (current) {
-current.insertOffset = scanner.getTokenOffset() + scanner.getTokenLength();
-}
-}
 }
 
 return result;