[improvement] declare functional sfc (#2695)

packages/tag/index.js

@@ -9,45 +9,44 @@ const COLOR_MAP = {
   success: GREEN
 };
 
-export default sfc(
-  {
-    props: {
-      size: String,
-      type: String,
-      mark: Boolean,
-      color: String,
-      plain: Boolean,
-      round: Boolean,
-      textColor: String
-    },
+export default sfc({
+  functional: true,
 
-    render(h, context) {
-      const { props } = context;
-      const { mark, plain, round, size } = context.props;
-
-      const color = props.color || COLOR_MAP[props.type] || GRAY_DARK;
-      const key = plain ? 'color' : 'backgroundColor';
-      const style = { [key]: color };
-
-      if (props.textColor) {
-        style.color = props.textColor;
-      }
-
-      return (
-        <span
-          style={style}
-          class={[
-            bem({ mark, plain, round, [size]: size }),
-            {
-              'van-hairline--surround': plain
-            }
-          ]}
-          {...context.data}
-        >
-          {context.children}
-        </span>
-      );
-    }
+  props: {
+    size: String,
+    type: String,
+    mark: Boolean,
+    color: String,
+    plain: Boolean,
+    round: Boolean,
+    textColor: String
   },
-  true
-);
+
+  render(h, context) {
+    const { props } = context;
+    const { mark, plain, round, size } = context.props;
+
+    const color = props.color || COLOR_MAP[props.type] || GRAY_DARK;
+    const key = plain ? 'color' : 'backgroundColor';
+    const style = { [key]: color };
+
+    if (props.textColor) {
+      style.color = props.textColor;
+    }
+
+    return (
+      <span
+        style={style}
+        class={[
+          bem({ mark, plain, round, [size]: size }),
+          {
+            'van-hairline--surround': plain
+          }
+        ]}
+        {...context.data}
+      >
+        {context.children}
+      </span>
+    );
+  }
+});