refactor: remove antd (#140)

orzyyyy · Nov 28, 2019 · b3e3e89 · b3e3e89
1 parent b14cf0c
commit b3e3e89
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -42,7 +42,6 @@
     ]
   },
   "dependencies": {
-    "antd": "^4.0.0-alpha.2",
     "core-js": "^3.4.1",
     "react-draggable": "^4.1.0"
   },

diff --git a/src/tools/TagGroup.tsx b/src/tools/TagGroup.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
 import Draggable, { DraggableEvent, DraggableData } from 'react-draggable';
-import { Input } from 'antd';
 import './css/TagGroup.css';
 import { stopPropagation, preventDefault } from '../utils/LineUtil';
 import { ContextMenuProps, CoordinatesProps, CommonProps } from '../canvas/core';
@@ -64,12 +63,11 @@ const TagGroup = ({ data, onChange, onContextMenu, className: parentClassName, l
       }}
       key={key}
     >
-      <Input.TextArea
+      <textarea
         className="animate-appear"
         onChange={e => handleChange(item, key, 'input', e.target.value)}
         value={item.input}
         autoFocus
-        autoSize
         onBlur={() => handleChange(item, key, 'editable', false)}
       />
     </div>

diff --git a/src/tools/__tests__/TagGroup.test.tsx b/src/tools/__tests__/TagGroup.test.tsx
@@ -28,7 +28,7 @@ describe('TagGroup', () => {
         },
       },
     });
-    expect(wrapper.find('TextArea').prop('value')).toBe('test1');
+    expect(wrapper.find('textarea').prop('value')).toBe('test1');
   });
 
   it('double click should work correctly', () => {
@@ -65,7 +65,7 @@ describe('TagGroup', () => {
     const wrapper = mount(
       <TagGroup data={data as any} onChange={jest.fn()} onContextMenu={jest.fn()} lineData={{}} onWheel={onWheel} />,
     );
-    wrapper.find('TextArea').simulate('change', { target: { value: 'test1' } });
+    wrapper.find('textarea').simulate('change', { target: { value: 'test1' } });
     expect(wrapper.find('TagGroup').props().data).toEqual({
       tag: {
         editable: true,
@@ -116,7 +116,7 @@ describe('TagGroup', () => {
         onWheel={onWheel}
       />,
     );
-    wrapper.find('TextArea').simulate('change', { target: { value: '1' } });
+    wrapper.find('textarea').simulate('change', { target: { value: '1' } });
     expect(onChange).toHaveBeenCalled();
   });
 
@@ -139,7 +139,7 @@ describe('TagGroup', () => {
         onWheel={onWheel}
       />,
     );
-    wrapper.find('TextArea').simulate('blur');
+    wrapper.find('textarea').simulate('blur');
     expect(onChange).toHaveBeenCalled();
   });