From 9e01b1ef16b461dd6011890cadf1c9a8e14680bc Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Fri, 11 Jan 2019 22:36:26 +0800
Subject: [PATCH] [improvement] Col: jsx (#2500)

---
 packages/col/{index.vue => index.js} | 27 ++++++++++++---------------
 1 file changed, 12 insertions(+), 15 deletions(-)
 rename packages/col/{index.vue => index.js} (56%)

diff --git a/packages/col/index.vue b/packages/col/index.js
similarity index 56%
rename from packages/col/index.vue
rename to packages/col/index.js
index 54a2cdee0..616b1fffe 100644
--- a/packages/col/index.vue
+++ b/packages/col/index.js
@@ -1,19 +1,8 @@
-<template>
-  <component
-    :is="tag"
-    :class="b({ [span]: span, [`offset-${offset}`]: offset })"
-    :style="style"
-  >
-    <slot />
-  </component>
-</template>
+import { use } from '../utils';
 
-<script>
-import create from '../utils/create';
-
-export default create({
-  name: 'col',
+const [sfc, bem] = use('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>