[improvement] Functional components be just functions (#2735)

packages/goods-action-mini-btn/index.js

@@ -1,43 +1,38 @@
 import { use } from '../utils';
 import Icon from '../icon';
-import { emit, inherit, unifySlots } from '../utils/functional';
+import { emit, inherit } from '../utils/functional';
 import { functionalRoute, routeProps } from '../mixins/router';
 
 const [sfc, bem] = use('goods-action-mini-btn');
 
-export default sfc({
-  functional: true,
+function GoodsActionMiniBtn(h, props, slots, ctx) {
+  const onClick = event => {
+    emit(ctx, 'click', event);
+    functionalRoute(ctx);
+  };
 
-  props: {
-    ...routeProps,
-    text: String,
-    icon: String,
-    info: [String, Number],
-    iconClass: String
-  },
+  return (
+    <div
+      class={[bem(), 'van-hairline']}
+      onClick={onClick}
+      {...inherit(ctx)}
+    >
+      <Icon
+        class={[bem('icon'), props.iconClass]}
+        info={props.info}
+        name={props.icon}
+      />
+      {slots.default ? slots.default() : props.text}
+    </div>
+  );
+}
 
-  render(h, context) {
-    const { props } = context;
-    const slots = unifySlots(context);
+GoodsActionMiniBtn.props = {
+  ...routeProps,
+  text: String,
+  icon: String,
+  info: [String, Number],
+  iconClass: String
+};
 
-    const onClick = event => {
-      emit(context, 'click', event);
-      functionalRoute(context);
-    };
-
-    return (
-      <div
-        class={[bem(), 'van-hairline']}
-        onClick={onClick}
-        {...inherit(context)}
-      >
-        <Icon
-          class={[bem('icon'), props.iconClass]}
-          info={props.info}
-          name={props.icon}
-        />
-        {slots.default ? slots.default() : props.text}
-      </div>
-    );
-  }
-});
+export default sfc(GoodsActionMiniBtn);