fix: n-icon type define

云水 · 云水 · commit ff2a167d55df · 2021-08-29T23:13:11.000+08:00
diff --git a/packages/n-alert/index.tsx b/packages/n-alert/index.tsx
@@ -47,14 +47,15 @@ const NAlert = defineComponent({
     const closeAlert = () => {
       emit('update:show', false);
     };
+
     const renderCloseContent = () => {
       return (props.closeText
         ? <span class="close-text" onClick={closeAlert}>{props.closeText}</span>
         : <NIcon
         id="alertCloseIcon"
         name="icon-times"
         class={iconClass()}
-        onClick={closeAlert}
+        click={closeAlert}
       />);
     };
     return () => (
diff --git a/packages/n-icon/index.tsx b/packages/n-icon/index.tsx
@@ -1,16 +1,27 @@
-import { defineComponent, App, HTMLAttributes, SetupContext } from 'vue';
+import { defineComponent, App, PropType } from 'vue';
 
-export interface IconProps extends HTMLAttributes {
-  name?: string;
-}
+const IconProps = {
+  id: {
+    type: String as PropType<string>,
+    default: ''
+  },
+  name: {
+    type: String as PropType<string>,
+    default: ''
+  },
+  click: {
+    type: Function as PropType<() => void>,
+    default: () => {}
+  }
+};
 
 const NIcon = defineComponent({
   name: 'NIcon',
-  setup (_:IconProps, { attrs }: SetupContext) {
-    const props = attrs as IconProps;
-    const { name } = props;
+  props: IconProps,
+  setup (props) {
+    const { name,click } = props;
     return () => (
-        <i class={'iconfont ' + name}/>
+        <i class={'iconfont ' + name} onClick={click}/>
     );
   }
 });
diff --git a/packages/n-message/index.tsx b/packages/n-message/index.tsx
@@ -59,7 +59,7 @@ const Message = defineComponent({
                     id="messageCloseIcon"
                     name="icon-times"
                     class={secondIconClassList}
-                    onClick={closeMessage} />}
+                    click={() => closeMessage()} />}
               </div>
             </div>
           </div>
diff --git a/test/specs/icon.spec.js b/test/specs/icon.spec.js
@@ -0,0 +1,9 @@
+import nIcon from '../../packages/n-icon';
+import { mount } from '@vue/test-utils';
+
+describe('nIcon', () => {
+  it('name should return NToggle', () => {
+    const wrapper = mount(nIcon);
+    expect(wrapper.exists()).toBe(true);
+  });
+});
