[improvement] Col: jsx (#2500)

packages/col/index.js

@@ -1,19 +1,8 @@
-<template>
+import { use } from '../utils';
-  <component
-    :is="tag"
-    :class="b({ [span]: span, [`offset-${offset}`]: offset })"
-    :style="style"
-  >
-    <slot />
-  </component>
-</template>
 
-<script>
+const [sfc, bem] = use('col');
-import create from '../utils/create';
-
-export default create({
-  name: 'col',
 
+export default sfc({
   props: {
     span: [Number, String],
     offset: [Number, String],
@@ -32,6 +21,14 @@ export default create({
       const padding = `${this.gutter / 2}px`;
       return this.gutter ? { paddingLeft: padding, paddingRight: padding } : {};
     }
+  },
+
+  render(h) {
+    const { span, offset } = this;
+    return (
+      <this.tag class={bem({ [span]: span, [`offset-${offset}`]: offset })} style={this.style}>
+        {this.$slots.default}
+      </this.tag>
+    );
   }
 });
-</script>