fix textarea props not pass

Author: zombieJ

examples/textarea.js

@@ -0,0 +1,23 @@
+/* eslint no-console: 0 */
+
+import React from 'react';
+import Mentions from '../src';
+import '../assets/index.less';
+
+const { Option } = Mentions;
+
+export default () => (
+  <div>
+    <Mentions placeholder="disabled" disabled>
+      <Option value="light">Light</Option>
+      <Option value="bamboo">Bamboo</Option>
+      <Option value="cat">Cat</Option>
+    </Mentions>
+
+    <Mentions placeholder="readonly" readOnly>
+      <Option value="light">Light</Option>
+      <Option value="bamboo">Bamboo</Option>
+      <Option value="cat">Cat</Option>
+    </Mentions>
+  </div>
+);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-mentions",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React Mentions",
   "keywords": [
     "react",

src/Mentions.tsx

@@ -10,12 +10,19 @@ import {
   filterOption as defaultFilterOption,
   getBeforeSelectionText,
   getLastMeasureIndex,
+  omit,
+  Omit,
   replaceWithMeasure,
   setInputSelection,
   validateSearch as defaultValidateSearch,
 } from './util';
 
-export interface MentionsProps {
+type BaseTextareaAttrs = Omit<
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>,
+  'prefix' | 'onChange' | 'onSelect'
+>;
+
+export interface MentionsProps extends BaseTextareaAttrs {
   defaultValue?: string;
   value?: string;
   onChange?: (text: string) => void;
@@ -32,7 +39,6 @@ export interface MentionsProps {
   validateSearch?: typeof defaultValidateSearch;
   filterOption?: false | typeof defaultFilterOption;
   notFoundContent?: React.ReactNode;
-  rows?: number;
 }
 interface MentionsState {
   value: string;
@@ -311,7 +317,9 @@ class Mentions extends React.Component<MentionsProps, MentionsState> {
 
   public render() {
     const { value, measureLocation, measurePrefix, measuring, activeIndex } = this.state;
-    const { prefixCls, className, style, autoFocus, notFoundContent, rows } = this.props;
+    const { prefixCls, className, style, autoFocus, notFoundContent, ...restProps } = this.props;
+
+    const inputProps = omit(restProps, 'prefix', 'onSelect');
 
     const options = measuring ? this.getOptions() : [];
 
@@ -321,7 +329,7 @@ class Mentions extends React.Component<MentionsProps, MentionsState> {
           autoFocus={autoFocus}
           ref={this.setTextAreaRef}
           value={value}
-          rows={rows}
+          {...inputProps}
           onChange={this.onChange}
           onKeyDown={this.onKeyDown}
           onKeyUp={this.onKeyUp}

src/util.ts

@@ -1,6 +1,24 @@
 import { MentionsProps } from './Mentions';
 import { OptionProps } from './Option';
 
+export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+
+type OmitFunc = <T extends object, K extends [...Array<keyof T>]>(
+  obj: T,
+  ...keys: K
+) => { [K2 in Exclude<keyof T, K[number]>]: T[K2] };
+
+export const omit: OmitFunc = (obj, ...keys) => {
+  const clone = {
+    ...obj,
+  };
+  keys.forEach(key => {
+    delete clone[key];
+  });
+
+  return clone;
+};
+
 /**
  * Cut input selection into 2 part and return text before selection start
  */