perf: empty img to functional component

antdv-demo

@@ -1 +1 @@
-Subproject commit a234ba5ccfe4ab14f1619ddc156aef5bf05a7f18
+Subproject commit 3d603c83c0d128769b81ffe12ef9d8cbd5dbb166

components/empty/empty.jsx

@@ -1,7 +1,4 @@
-export default {
-  functional: true,
-  PRESENTED_IMAGE_DEFAULT: true,
-  render() {
+const Empty = () => {
   return (
     <svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
       <g fill="none" fillRule="evenodd">
@@ -43,5 +40,8 @@ export default {
       </g>
     </svg>
   );
-  },
 };
+
+Empty.PRESENTED_IMAGE_DEFAULT = true;
+
+export default Empty;

components/empty/simple.jsx

@@ -1,7 +1,4 @@
-export default {
-  functional: true,
-  PRESENTED_IMAGE_SIMPLE: true,
-  render() {
+const Simple = () => {
   return (
     <svg width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg">
       <g transform="translate(0 1)" fill="none" fillRule="evenodd">
@@ -16,5 +13,7 @@ export default {
       </g>
     </svg>
   );
-  },
 };
+
+Simple.PRESENTED_IMAGE_SIMPLE = true;
+export default Simple;

examples/App.vue

@@ -4,7 +4,7 @@
   </div>
 </template>
 <script>
-import demo from '../antdv-demo/docs/dropdown/demo/index';
+import demo from '../antdv-demo/docs/empty/demo/index';
 
 export default {
   components: {