fix(tag-input): 修复方法传参 (#1007)

Tencent · Jun 16, 2022 · 45d9e30 · 45d9e30
1 parent 590d576
commit 45d9e30
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/src/tag-input/tag-input.tsx b/src/tag-input/tag-input.tsx
@@ -148,27 +148,31 @@ export default defineComponent({
         placeholder={this.tagInputPlaceholder}
         suffix={this.suffix}
         suffixIcon={() => suffixIconNode}
-        onEnter={this.onInputEnter}
-        onKeyup={this.onInputBackspaceKeyUp}
-        onMouseenter={(context: { e: MouseEvent }) => {
-          this.addHover(context);
-          this.scrollToRightOnEnter();
-        }}
-        onMouseleave={(context: { e: MouseEvent }) => {
-          this.cancelHover(context);
-          this.scrollToLeftOnLeave();
-        }}
-        onFocus={(inputValue: InputValue, context: { e: MouseEvent }) => {
-          this.onFocus?.(this.tagValue, { e: context.e, inputValue });
-          this.$emit('focus', this.tagValue, { e: context.e, inputValue });
-        }}
-        onBlur={(inputValue: InputValue, context: { e: MouseEvent }) => {
-          this.onBlur?.(this.tagValue, { e: context.e, inputValue });
-          this.$emit('blur', this.tagValue, { e: context.e, inputValue });
-        }}
-        onPaste={(context: { e: ClipboardEvent; pasteValue: string }) => {
-          this.onPaste?.(context);
-          this.$emit('paste', context);
+        {...{
+          props: {
+            onEnter: this.onInputEnter,
+            onKeyup: this.onInputBackspaceKeyUp,
+            onMouseenter: (context: { e: MouseEvent }) => {
+              this.addHover(context);
+              this.scrollToRightOnEnter();
+            },
+            onMouseleave: (context: { e: MouseEvent }) => {
+              this.cancelHover(context);
+              this.scrollToLeftOnLeave();
+            },
+            onFocus: (inputValue: InputValue, context: { e: MouseEvent }) => {
+              this.onFocus?.(this.tagValue, { e: context.e, inputValue });
+              this.$emit('focus', this.tagValue, { e: context.e, inputValue });
+            },
+            onBlur: (inputValue: InputValue, context: { e: MouseEvent }) => {
+              this.onBlur?.(this.tagValue, { e: context.e, inputValue });
+              this.$emit('blur', this.tagValue, { e: context.e, inputValue });
+            },
+            onPaste: (context: { e: ClipboardEvent; pasteValue: string }) => {
+              this.onPaste?.(context);
+              this.$emit('paste', context);
+            },
+          },
         }}
       />
     );